手把手教小白用 hexo + Github 搭建属于自己的博客 (中)

2017-07-22


安装Hexo

在自己认为合适的地方创建一个文件夹,这里我以G:/hexo 为例子讲解,首先在G盘目录下创建Hexo文件夹,并在命令行的窗口进入到该目录

在命令行中输入:

`npm install hexo-cli -g`

安装需要一些时间,然后你将会看到一个WAN,不用管,这不会印象你的正常使用,然后输入:

`npm install hexo --save`

来看一看Hexo是不是已经安装好了。 在命令行中输入:

` hexo     -v`

如果你看到了如图文字,则说明已经安装成功了

hexo的相关配置

初始化Hexo

接着上面的操作,输入:

`hexo   init`

然后输入:

`npm install`

之后npm将会自动安装你需要的组件,只需要等待npm操作即可。

首次体验Hexo
继续操作,同样是在命令行中,输入:

`hexo g`

然后输入:

`hexo s`

然后会提示:

在浏览器中打开http://localhost:4000/,你将会看到:

到目前为止,Hexo在本地的配置已经全都结束了。


怎样将Hexo与github page 联系起来

大概分为以下:

  • 配置git个人信息

  • 配置Deployment

配置Git个人信息

1、设置Git的user name和email:(如果是第一次的话)

`git config --global user.name "lDaisy847800926"`

git config --global user.email "daisy847800926@163.com"

2、生成密钥

输入cd ~/.ssh,检查是否由.ssh的文件夹

ssh-keygen -t rsa -C "daisy847800926@163.com"

输入eval “$(ssh-agent -s)”,添加密钥到ssh-agent

再输入ssh-add ~/.ssh/id_rsa,添加生成的SSH key到ssh-agent

登录Github,点击头像下的settings,添加ssh

新建一个new ssh key,将id_rsa.pub文件里的内容复制上去

输入ssh -T git@github.com,测试添加ssh是否成功。如果看到Hi后面是你的用户名,就说明成功了

配置Deployment

同样在_config.yml文件中(初始化后hexo中的文件),找到Deployment,repo值是你在github项目里的ssh(右下角)
然后按照如下修改:

deploy:
      type: git
      repo: git@github.com:yourname/yourname.github.io.git
      branch: master

比如我的仓库的地址是git@github.com:lDaisy847800926/lDaisy847800926.github.io.git,所以配置如下

deploy:
  type:  git
  repo:  git@github.com:lDaisy847800926/lDaisy847800926.github.io.git
  branch: master

写博客、发布文章

新建一篇博客,执行下面的命令:

`hexo new post "article title"`

这时候在我的 电脑的目录下 G:\hexo\source\ _posts 将会看到 article title.md 文件

需要提前安装一个扩展:

`npm install hexo-deployer-git --save`

然后用MarDown编辑器打开就可以编辑文章了。文章编辑好之后,运行生成、部署命令:

` hexo g   // 生成`

`hexo d   // 部署`

当然你也可以执行下面的命令,相当于上面两条命令的效果

`hexo d -g    #在部署前先生成`

hexo 安装和配置完成