环境配置
首先,搭建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.pub
或id_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_rsa
和id_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
所示:
图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 g
和hexo 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博客就完成了。