用Hexo搭建个人博客

以下以windows系统中用Hexo搭建博客为例,在其他系统中,方法类似,只是用到的软件或者工具略有不同。

工具准备

首先需要安装下面两个软件:

搭建Hexo

打开Git Shell,输入下面语句,即可安装Hexo

1
npm install -g hexo

然后执行下面语句:

1
hexo init blog
cd blog
npm install

就能在当前目录的子路径blog下初始化好Hexo。此时运行Hexo命令:

1
hexo server

或者缩写形式

1
hexo s

就可以搭建本地服务器,此时在浏览器地址栏输入:

1
localhost:4000

就可以看到Hexo博客的初貌了。

部署到Github

博客

到目前为止,博客还是在本地上的,可以利用Github Page的方法把博客部署到Github上。
首先需要再Github上创建一个名为username.github.io的仓库(其中username是你的Github用户名)。
然后需要修改博客根目录下的_config.yml文件,找到文件最后的deploy部分,按如下方式填写(把仓库地址中的username替换成自己的Github用户名):

1
# Deployment
## Docs: http://hexo.io/docs/deployment.html
deploy:
type: github
repository: https://github.com/username/username.github.io.git
branch: master

然后在Git Shell上执行Hexo命令:

1
hexo generate (或者 hexo g)
hexo deploy   (或者 hexo d)

即可成功把博客部署到Github上了。此时输入网址username.github.io(同样,username替换成你的Github用户名)就能访问你的博客了。

源文件

值得注意的是,hexo deploy命令只会把生成好的静态文件上传到Github中,而不包括源文件,比如文章的Markdown文件。
这给在多个电脑上使用带来了较大的不便。常见的方法是新建一个source分支,用来保存博客源文件。

1
git branch source      //创建source分支
git checkout source    //切换到source分支
git remote add origin https://github.com/username/username.github.io.git
git add *              //添加文件
git commit -m "source" //提交
git push origin source //推送到远程仓库

配置Hexo

评论系统

通过修改博客根目录下的_config.yml文件,就可以对博客进行配置,比如修改author, title等信息。这些比较直观,直接按照意思改就行。
还有就是需要配置评论系统,Hexo默认使用Disqus,但需要先去其网站上注册一个账号,然后去admin页面填写好博客网址以及shortname,并且在
_config.yml文件中找到Disqus部分,填写好刚才的shortname即可。

1
# Disqus
disqus_shortname: fromhj

此时hexo ghexo d一下(做完任何修改之后都需要通过这两步,才能生成静态网页文件,并且更新到Github中),刷新网页,点开一篇文章,应该能在底下看到评论框了。

修改主题

Hexo提供了很多主题可供选择,绝大部分主题都提供了Demo供预览,可以再上面选择一个喜欢的主题。然后clone到本地的themes\文件夹内,例如:

1
git clone https://github.com/shulhi/hexo-theme-damnclean.git .\themes\damnclean

然后在.\_config.yml文件中,把theme的名字改成damnclean即可。
通过修改.\themes\damnclean\_config.yml文件,可以对主题进行调整,比如要显示哪些部件(widgets),是否显示分享按钮(addthis)等。

发布文章

About页面

运行命令:

1
hexo new page 'about'

然后在主题的_config.yml文件中,添加menu即可:

1
About: /about

编辑文件.\source\about\index.md,即可定制自己的About页面了。

新文章

运行命令:

1
hexo new 'hello'

编辑文件.\source\source\_posts\hello.md,即可写文章了。
在Windows下编辑Markdown文件,推荐Atom,界面舒服漂亮,还可以实时预览页面效果。
Markdown是一种是一种轻量级标记语言,易读易用,可以戳这里看一下基本语法。

后记

折腾了这么久,终于算是把博客给搭起来了。还有很多不满意的地方,以后慢慢折腾~