美文网首页
搭建自己博客

搭建自己博客

作者: 大叔与丫头 | 来源:发表于2018-01-05 17:31 被阅读0次

    一、预备工作

    1、安装node.js以及npm
    (1)windows下的NodeJS安装是比较方便的(v0.6.0版本之后,支持windows native),
    只需要登陆官网((http://nodejs.org/)),找到对应版本,下载安装即可。
    (2)安装过程基本直接“NEXT”就可以了。(windows的安装msi文件在过程中会直接添加path的系
    统变量,变量值是你的安装路径,例如“C:\Program Files\nodejs”)
    (3)安装完成后可以使用cmd(win+r然后输入cmd进入)测试下是否安装成功。方法:在cmd下
    输入node -v,如果出现nodejs的版本信息,则证明安装正确。
    (4)npm的安装。由于新版的NodeJS已经集成了npm,所以之前npm也一并安装好了。同样可以使
    用cmd命令行输入"npm -v"来测试是否成功安装。
    (5)npm作为一个NodeJS的模块管理,需要一些额外的配置

    ①、我们要先配置npm的全局模块的存放路径以及cache的路径,例如我希望将以上两个文件夹放在NodeJS的主目录下,便在NodeJs下建立"node_global"及"node_cache"两个文件夹。如下图

    捕获.JPG
    ②、启动cmd,输入
    npm config set prefix "C:\Program Files\nodejs\node_global"
    以及
    npm config set cache "C:\Program Files\nodejs\node_cache"
    ③、现在我们来装个模块试试,选择express这个比较常用的模块。同样在cmd命令行里面,输入“npm install express -g”
    ④、关闭cmd,打开系统对话框,“我的电脑”右键“属性”-“高级系统设置”-“高级”-“环境变量”。
    ⑤、进入环境变量对话框,在系统变量下新建"NODE_PATH",输入”C:\Program Files\nodejs\node_global\node_modules“。(ps:这一步相当关键。)
    2014.4.19新增:由于改变了module的默认地址,所以上面的用户变量都要跟着改变一下(用户变量"PATH"修改为“C:\Program Files\nodejs\node_global\”),要不使用module的时候会导致输入命令出现“xxx不是内部或外部命令,也不是可运行的程序或批处理文件”这个错误。
    ⑥、以上步骤都OK的话,我们可以再次开启cmd命令行,进入node,输入“require('express')”来测试下node的模块全局路径是否配置正确了。正确的话cmd会列出express的相关信息。如下图(如出错一般都是NODE_PATH的配置不对,可以检查下第④⑤步)

    2、配置github
    (1)先new repository,建一个仓库。
    (2)repository name一定要跟owner名一致,即取成Ownername.github.io。描述
    自己随便写。可以勾选要readme也可以选择不要。然后点Create repository。
    (3)github仓库就配好了

    3、电脑装git
    (1)在Windows下,打开Git Bash,在使用git前配置一下如下内容:
    git config –global user.name “test” # 请将test处换成你自己的名字
    git config –global user.emailtest@163.com” # 输入你自己的邮箱
    git config –global core.ignorecase false
    (2)检查电脑上现有的ssh key。
    cd cd .ssh
    (3)生成新的SSH Key,输入如下代码,即可生成新的key文件:
    $ ssh-keygen -t rsa -C “邮件地址@youremail.com”
    Generating public/private rsa key pair.
    Enter file in which to save the key (/Users/your_user_directory/.ssh/id_rsa):(这 里直接回车)
    Enter passphrase (empty for no passphrase):<输入加密串>(建议直接回车设置 空密码)
    Enter same passphrase again:<再次输入加密串>(直接回车)
    最后看到这样的界面,就成功设置ssh key了:

    4、将git与github连上
    (1)添加SSH Key到GitHub:
    用文本编辑工具打开id_rsa.pub文件(此文件夹位置请看上一步3中的图),如
    果看不到这个文件,你需要设置显示隐藏文件。准确的复制这个文件的内容,
    才能保证设置的成功。
    (2)进入你的github主页,点击settings。 选择 SSH and GPG keys 选线,然后再
    点击new ssh key,将id_rsa.pub,将里面的内容全部复制到此。
    (3)测试一下看看是否成功连接上。
    $ ssh -T git@github.com
    如果要选yes/no就敲打你的键盘输入yes,要是出现
    Hi username! You’ve successfully authenticated, but GitHub does not provide
    shell access.
    那就成功了。

    二、安装Hexo
    1、新建一个文件件来放相关内容,如 d:/blog,然后以管理员身份打来git bash
    2、npm install-g hexo
    之后,到指定的hexo目录,建立一个hexo文件夹,进入到 d:/blog/hexo目录
    hexo init
    3、本地的hexo文件夹下内容为:
    _config.yml
    db.json
    node_modules
    package.json
    scaffolds
    source
    themes
    4、打开_config.yml ,在文件最后deplo修改如下
    deploy:
    type: git
    repository: [https://github.com/yourID/yourID.github.io.git]
    (https://github.com/yourID/yourID.github.io.git)
    branch: master
    yourID请换成自己的用户名

    注:在配置所有的_config.yml文件时(包括theme中的),在所有的冒号:后边都要加一个空格,否则执行hexo命令会报错。
    博主本人的报错为FATAL bad indentation of a mapping entry at line 72, column 15:
    请确认您使用空格进行缩进(Soft tab),并确认冒号后有一个空格。

    5、在blog文件夹目录下执行生成静态页面命令
    hexo generate 或者 hexo g
    注:若执行命令hexo deploy仍然报错:无法连接git,则执行如下命令来安装hexo-
    deployer-git:
    npm install hexo-deployer-git --save
    再次执行hexo generate和hexo deploy命令

    6、打开网页
    浏览器中打开网址http://yourID.github.io
    7、发布文章

    终端cd到blog文件夹下
    hexo new "postName" //新建文章,位于目录/blog/source/_posts下
    编辑文章
    终端cd到blog文件夹下
    hexo generate //生成静态页面
    hexo deploy //将文章部署到Github

    三、安装theme
    目前比较流行的是next主题,具体安装步骤如下
    终端cd到 hexo目录
    git clone https://github.com/iissnan/hexo-theme-next themes/next
    将hexo目录下_config.yml里theme的名称landscape修改为next
    附:NexT 使用文档

    更改theme内容,修改 blog/_config.yml 文件和 hexo/themes/next/_config.yml 文件中对应的属性名称即可。

    相关文章

      网友评论

          本文标题:搭建自己博客

          本文链接:https://www.haomeiwen.com/subject/naesnxtx.html