【MAC版】GitHub + Hexo 搭建免费博客

环境配置

首先,搭建Hexo博客需要下载Node.js + Git,Hexo官网有对Hexo安装及使用的详细介绍,这里是我自己安装的步骤,或许和Hexo官网有区别。

1.Node.js

用来生成静态页面,请到Node.js(如果上不去建议翻墙)下载最新版,一路确定安装即可。

2.Git

用来将本地Hexo内容提交到Github上,下载Git一路确定安装即可。

安装Hexo

当Node.js和Git都安装好后就可以安装Hexo了,终端执行下面命令:

$ sudo npm install -g hexo

输入管理员密码 (Mac登录密码) 即开始安装 (sudo:系统管理指令 -g:全局安装)

  • Hexo官网安装命令是 $ npm install -g hexo-cli,前面不加 sudo,会因权限问题报错。

初始化

终端cd到一个你选定的目录,执行 hexo init

$ hexo init blog
  • blog是你cd的文件夹名称。

$ hexo init blog 执行完成继续执行如下命令,安装npm:

$ npm install

关联Github

1.添加ssh key 到Github

(1).首先检查SSH key是否存在。

如果有文件id_rsa.pubid_dsa.pub,则直接进入步骤 3 将SSH key添加到Github中,否则执行步骤 2 生成SSH key。

$ ls -al ~/.ssh

(2).生成新的ssh key。

注意将youremailexample.com换成你自己注册Github时的邮箱。

$ ssh-keygen -t rsa -C "youremailexample.com"

默认会在相应路径下(~/.ssh/id_rsa.pub)生成id_rsaid_rsa.pub两个文件。

(3).将ssh key添加到Github中

command+shift+g前往文件夹~/.ssh/id_rsa.pub打开文件,里面的信息即为SSH key,将这些信息全部复制到Github的Add SSH key页面即可。

进入Github –> Settings –> SSH and GPG keys –> add SSH key:

titile里任意填一个标题,将复制内容粘贴到key里,点击下方Add key即可。

2.创建创库

登录你的Github账号,新建创库,名为用户名.github.io固定写法,如:wwally.github.io即下图中1所示:

mou icon

图1为博客地址 图2为Github地址

本地的blog文件夹下内容为:

_config.yml
db.json
node_modules
package.json
scaffoods
source
themes

终端cd到blog文件夹下,vim打开_config.yml,命令如下:

$ vim _config.yml

打开后往下滑到最后,修改成下边的样子:
*注意:在配置所有_config.yml文件时,在所有的冒号后边都加一个空格,否则执行hexo命令会报错。

deploy:
    type: git
    repositort: https://github.com/WWally/wwally.github.io.git
    branch: master    

终端cd到blog文件夹目录下执行生成静态页面命令:

$ hexo g

在执行配置命令:

$ hexo d

*注意:若执行命令hexo d报错:无法连接git,则执行如下命令来安装:

$ npm install hexo-deployer-git --save

再吃执行hexo ghexo d命令

此时,浏览器中打开网址http://wwally.github.io(将wwally换成你的用户名)就能看到了。

3.发布文章

终端cd到blog文件夹下,执行如下命令新建文章:

hexo new "articleName"

名为articleName.md的文件会建在目录/blog/source/_posts下。

文章编辑完成后,终端cd到blog文件夹下,执行如下命令来发布:

hexo g                    //生成静态页面


hexo d                     //将文章部署到Github上

好了,Mac上搭建基于Github的Hexo博客就完成了。

,