Hexo搭建博客之旅

Posted by 程序亦非猿 on 2015-08-08

前言

一直想自己搭建一个博客,断断续续,折折腾腾了一周多时间,终于算是搭建完毕了.

为什么要搭建博客呢?

  1. 想有个属于自己的博客空间
  2. 世面上的平台不够好看 - -
  3. 佩服那些有博客的人,所以自己也想搞一个

但是不懂服务器,没有空间,不懂前端怎么破?

本博客是利用Hexo+Github搭建,主题是Jacman,感觉不错,不需要什么上面所说的知识,也能搭建成功,方便也美观,我可以,你也可以.

接下来讲讲自己的经历,说下自己遇到的坑以及注意事项~

安装Git,Node.js

Hexo的文档还算详细,按照着文档安装Git,Node.js.
提醒一下:

  1. 要翻墙
  2. 网要好
  3. 有必要时 sudo 用起来..
    我记得当时网差,搞半天装不好…

等一切安装完毕,可以开始搭建博客了,

开始搭建博客

在某个目录执行

1
2
3
$ hexo init <folder> ##如果folder没有创建,则会帮你创建
$ cd <folder>
$ (sudo) npm install ##安装一些工具?

执行完会自动生成一些必要的文件

这个时候执行

1
$ hexo s ##开启本地服务器就可以

在浏览器输入 http://localhost:4000/ 就可以看到博客了

部署到Github

  1. 新建github的博客仓库
  2. 将本地的ssh key 关联到github
  3. 部署本地hexo 与github关联

这里我只讲下配置hexo与github关联,其他的相信都已经做过!~
Hexo提供了一个非常快速方便的一键部署功能,一个命令即可!
不过不急,咱要先配置一下~

修改_config.yml

1
2
3
4
5
deploy:
type: git
repository: git@github.com:AlanCheen/alancheen.github.io.git
branch: master
message:

这里遇到了个坑,看了很多教程,都说type:github,但是那是过去式了,试了我好几次都不行,其实现在应该填git了!!!所以官方文档才是最靠谱的

安装git插件 hexo-deployer-git

1
$ npm install hexo-deployer-git --save

部署到github

安装完毕后,执行遍可以把博客部署到github:

1
$ hexo d

如果一切顺利,你就能看到自己的博客了!!~

不过github可能要同步,不一定能马上看到,过一会就可以看到啦!莫着急!~

怎么样?

一个命令部署!!

简单方便!!

爽爆了!!

换主题

hexo自带的主题并不太好看,不过幸好hexo也提供了不少的主题
这里我选择了Jacman.

个人原因:

  1. 美观
  2. 有分类,标签等功能满足我的写作需求
  3. 响应式布局,在移动端观看也有很不错的阅读体验
    当然你可以选择其他的!~~

Jacman的作者写了个较为全面的使用教程:
Jacman教程

一步一步照着修改你所要修改的即可,还算简单~

我就配置了几个

  1. 多说
  2. 微博秀

不过这里提醒一下,配置属性的注意点

  1. 某个属性:后面一定记得跟一个空格!不然会报错
  2. 注意编码格式,最好手动敲,不要从网站上复制黏贴,不然你哪里的空格格式不对,等着哭吧…
  3. 记得使用git保存,随时commit,在你突然出错的不知所措的时候,可以还原,😄
  4. 没用git,没备份,为此我重新配置了好多遍….
  5. 微博秀的配置需要部署上github才能看到

配置自己的域名

  1. 购买域名
    很多人推荐什么国外的,但是比较贵,所以我还是选择了国内的万网,值得注意的是,不是所有你想要的域名都还存在.最后买的域名: yifeiyuan.me,3年265元,价格还好~
  2. 解析域名(dns)
    按照Github所提示的,在万网后台将以下两个ip解析一下

    1
    2
    192.30.252.154
    192.30.252.153
  3. 配置Hexo
    在根目录下/source/ 下新建一个CNAME 文件,将你的域名填入就行

  4. 部署到github
  5. 过一段时间,输入yifeiyuan.me,就可以啦~

总结

  1. 对于一个不懂什么服务器,什么前端的人来说,Hexo+Github给搭建个人博客带来了很大的便利.
  2. 搭建博客不是心血来潮,也并不是一帆风顺的,所以需要耐心,折腾得起才行.
  3. 很多教程已经过时,多看官方文档.
  4. 搭建博客并不是必须,写笔记文章找个平台也是可以的.
  5. 搭建博客才是第一步,坚持写好文章才是关键,路还很长.

本人对Hexo的使用还只是基础的,皮毛的,可能有所遗漏,写的不好还望见谅!~

用了一会我感觉Hexo还是挺好用的,我表示我很喜欢!~

后面不出意外还会增加Hexo的使用心得/技巧,等我使用一段时间再说~

感谢Hexo,jacman,以及在搭建过程中帮助过我的人!~

希望本文能够帮助你早日搭建自己的博客!

也希望自己能写出好文章!~

8月8,好日子!~

再见!~