一、使用Hexo搭建博客的构架
看了第一篇一点想法后,如果你有兴趣利用Hexo搭建自己的博客,那么这一篇可能对你有一些实际的帮助。我将会重点说明搭建博客的整个过程,即使你不懂代码,不懂编程,都没有关系,如果愿意尝试,你一定也可以。重点是,你要想清楚你是不是真心想要搭建一个自己的博客。因为后面一系列的工作比较多,需要用热情抵消困难。想清楚了,请接着往下看。
在开始之前,我先简单说明一下整个博客的一个搭建过程:
第一步,搭建本地博客;在电脑上安装Git和Node.js两个程序,利用简单的命令安装好Hexo;
第二步,部署远程博客;注册一个Github账号,然后在上面创建一个Repository,简单配置一下,博客的基本框架就建立好了。
至于搭建好了怎么写博客,是这样的,如果你懂一点Markdown语法就更好了,可以让你专心写作而不必在意格式,显示出来的效果非常漂亮。不懂的也不要紧,花个十来分钟就可以上手。
说完了在Hexo上搭建博客的一个思路,现在开始进入实际的操作。
二、搭建本地博客
1.安装Git
安装过程一路默认即可,安装好后,单击右键就会多出三个Git的按钮,先不管它。
2.安装Node.js
可以一路默认,需要的话也可以更改一下安装的路径。
3.安装Hexo
Hexo的安装需要借助Node.js的npm
命令,可以理解为Hexo是Node.js的模块。操作的方式是在任意的位置单击鼠标右键,选择Git bash
命令,在里面输入:
npm install -g hexo
卸载的话,自然是把上面命令中的install
替换成uninstall
即可执行卸载。
4.创建Hexo文件夹
Hexo文件夹就是你后面博客的文件夹。第一步先在某个盘符下新建一个文件夹,重命名(英文字母),假设你是在D盘下建立了一个名叫Hexo
的文件夹,那么路径就是D:\hexo
(后续的操作大多在这个文件夹里进行);第二步进入Hexo
文件夹单击右键,依旧选择Git bash
这一命令,输入以下命令,博客所需要的文件都已经自动建立好了,这比jekyll
操作简单多了。
hexo init
5.安装依赖包
npm install
6.预览本地博客
一系列的安装命令之后,本地博客就算搭建好了,输入如下的命令(也可以利用组合命令,我的做法是在搜狗输入法中自定义一个短语,快速输入hexo s -g
,效果一样)。这个命令是用于调试。然后在浏览器地址栏中输入localhost:4000
或者127.0.0.1:4000
就可以查看本地的博客了。
hexo g
hexo s
不出意外的话,它应该是像下图这个样子的(图片来源于网络)。注意这里仅仅是本地博客,其他地方看不到。第一步操作到这里就结束了。
三、部署远程博客## 1.注册Github账号
因为是托管到Github上,所以第一步需要注册一个账号。已有账号的自行忽略。注册的过程比较简单,这里不做赘述。
2.建立和用户名对应的仓库
第二步是建立和用户名相对应的仓库,这是什么意思呢?以我的例子来说,我的用户名是qijinzhixing
,那么我的仓库就必须是qijinzhixing.github.io
,否则可能就不成功。
3.配置SSH公钥
远程代码是基于SSH的,所以需要SSH的相关配置。方法是现在本地生成SSH公钥,然后添加到Github上面。具体的操作如下:
(1)设置你的邮箱和用户名:
git config --global user.email "qjzhixing@qq.com"
git config --global user.name "qijinzhixing"
(2)生成密钥,设置密码,输入的密码不显示(也可以不设置,按三次回车,密码为空)
ssh-keygen -t rsa -C "qjzhixing@qq.com"
上述的命令成功后,会得到id_rsa
和id_rsa.pub
两个文件,可能在C:\Users\Administrator\.ssh
文件夹里,没有的话,就用Everything搜一下。
(3)把SSH密钥添加到Github上
登陆Github后,点击settings
,然后进入SSH keys
,把id_rsa.pub
文件里内容添加进去就好了。
4.部署远程博客
(1)编辑D:\hexo
目录下的配置文件_config.yml
,在最下面输入以下内容,注意把里面的qijinzhixing
替换成你的用户名
deploy:
type: git
repository: https://github.com/qijinzhixing/qijinzhixing.github.io.git
branch: master
(2)部署远程博客,输入以下命令
hexo g
hexo d
出现下面的提示表示部署成功
INFO Deploy done: git
部署好了后,在浏览器地址栏中输入你的仓库名来访问,我的是qijinzhixing.github.io
。注意一点,第一次部署的话,可能需要等待一会(一般不到10分钟就好了)才能生效,以后每次部署就可以直接访问。到这里基本的博客就搭建好了。
四、Hexo的基本命令
Hexo基本常用的命令就四个,而且还可以使用组合命令。基本命令如下:
hexo g = hexo generate #生成
hexo s = hexo server #启动本地预览
hexo d = hexo deploy #远程部署
hexo n "文章标题" = hexo new "文章标题" #新建一篇博文
我通常是选用组合命令,操作更为效率。如果你使用搜狗输入法的话,可以自定义一个短语,比如我输入hs
则出现hexo s -g
命令。
hexo s -g #等同先输入hexo g,再输入hexo s
hexo d -g #等同先输入hexo g,再输入hexo d
五、Tips
- 注意一定要验证Github的验证邮件。
- 出现其他任何的问题,先删除博客目录下的
db.json
文件,然后清理再部署远程博客,操作时输入以下的命令
hexo clean
hexo d -g
走到了这一步,你应该知道了你的博客仅仅相当于一个毛坯房而已,意味着后面需要你自己一点点去装修,换成你喜欢的风格样式。至于具体如何装修你的博客,我们下一篇再说。