【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博客就完成了。

文章目录
  1. 1. 环境配置
    1. 1.1. 1.Node.js
    2. 1.2. 2.Git
  2. 2. 安装Hexo
  3. 3. 初始化
  4. 4. 关联Github
    1. 4.1. 1.添加ssh key 到Github
      1. 4.1.1. (1).首先检查SSH key是否存在。
      2. 4.1.2. (2).生成新的ssh key。
      3. 4.1.3. (3).将ssh key添加到Github中
    2. 4.2. 2.创建创库
    3. 4.3. 3.发布文章
,