Hexo博客搭建之旅

前言

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

我的新博客地址

为什么要搭建博客呢?

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

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

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

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

一.安装Git,Node.js

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

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

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

二.开始搭建博客

在某个目录执行

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

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

这个时候执行

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

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

三.部署到Github

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

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

1. 修改_config.yml

deploy:
  type: git
  repository: git@github.com:AlanCheen/alancheen.github.io.git
  branch: master
  message:

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

2. 安装git插件 hexo-deployer-git

$ npm install hexo-deployer-git --save

3. 部署到github

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

$ 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. 解析域名
   按照Github所提示的将以下两个ip解析一下

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,以及在搭建过程中帮祝过我的人!~

希望你早日也有一个自己的博客,再见!~

安利:
我的Github
我的微博
我的微信公众号: