使用Hexo搭建专属Blog

2018-03-27 15:05:38 浏览数 (1)

使用Hexo初衷

才开始爱上折腾的自己早先在博客园有仿写几篇Blog,虽也可以自己改变风格,可是到底不是独立的一块儿地方,要知道独立的才是自己的;有属于自己独立的域名和Blog,真真是一件很爽的存在。在浏览各种大牛的分享下在GitHub下使用Jekyll有搭建一块属于自己的地方呐喊彷徨;可是用起来也不是特别爽,折腾起来显得有些麻烦。对比之下感觉Hexo爽意灰常,今抽空也搭建了一个。开始准备托管在Github的,遇到挺多麻烦的,就又看了下BAE,更是需要各种折腾才行,转而又找到了GitCafe,嗯嗯,虽然也有点小麻烦,毕竟好很多;

简忆搭建过程

大体上需要 安装下Node.js And 安装Git And 编辑器xcode Or Sublime To 安装Npm To 安装Hexo 然后建立一个文件夹,使用命令 Hexo init 初始化下, Hexo Server调试下,Hexo g 生成Blog ,最后用 Hexo d 部署到Gitcafe(这个当然也要事先在gitcafe注册下,并且配置SSH密钥)。之后更新Blog更是简单,直接Hexo g,然后Hexo d 即可。打开对应Blog地址也可以做到实时更新,Perfect。

开始个性折腾

折腾完之后,就需要定制一个属于自己的theme了;对于UI风格有近强迫症的男人,这些自然也是要折腾一番的,尝试了网上蛮多朋友觉得不错的theme,觉得还是没遇到自己心动哪一款;不断的折腾中在独立博客—Github Pages与Hexo教程中发现了现在这款风格的,大赞!

可以使用git将其复制下来;具体如下:

代码语言:javascript复制
$ git clone https://github.com/wuchong/jacman.git themes/jacman

修改Hexo目录下的config.yml配置文件中的theme属性,将其设置为jacman。同时请设置stylus属性中的compress值为true 即可。具体使用可参见这里:http://wuchong.me/blog/2014/11/20/how-to-use-jacman/

很多东西都已经很完善了,比如加入多说评论功能,只需要在themes下的 _config.yml中添加多说的配置即可:

duoshuo_shortname: 你站点的short_name[在多说注册的那个名字]

参考传送门

Hexo你的博客

使用Hexo搭建Blog

如何将hexo部署到gitcafe上

如何安装和设置 Git

为Hexo添加文章目录

Hexo添加多说评论框指南

独立博客—Github Pages与Hexo教程


——————-2015-10-02更新———————- 在使用jacman这个主题,确实得到了很好的体验。然而,美中不足的是该主题对统计的支持仅是google和百度统计,因个人喜好,多少是有失偏颇。不得不自己折腾一番了;参考 不如的为hexo博客添加访问次数统计功能文章,有尝试过用下不蒜子,但毕竟在完善期,稍加折腾没什么好的体验,就放弃了。按照其文提到的firebase,就去折腾了下,感觉尚可。不过已经有人写出了不错的文章基于Firebase的Hexo博客实时访问数统计,也是在此文的说明下,也给自己的站点添加了统计功能。Api简单,使用起来非常的方便,有兴趣的壳去折腾下。

说起这Firebase,功能也算可以,对于其优缺点,有人做出了如此评判和对比: Firebase优点:

  1. Api简单,使用起来非常的方便,可大大减少代码量。
  2. 可通过网页对数据进行管理,很方便。
  3. 支持SSL、权限认证、数据安全机制。

Firebase缺点:

  1. 数据结构和数据库存储方式不一致(由于想支持REST方式读取数据)
  2. 不能部署自己的数据库(很多项目都需要自己维护数据库的)
  3. 目前数据操作能力较弱(有很多需求(稍微复杂点的查询)目前Firebase很难支持)
  4. 数据分析功能很弱,只能查看流量和当前在线人数(独立数据库的话,这部分很容易做的更强大)[2]

具体参考:实时Javascript开发框架Clouda、Meteor、Firebase对比


搭建完毕会生成一篇 markdown 所写,如下所示的文章;大致可窥测待搭建完毕生成的一篇markdown缩写的文章;一起来领略下使用Hexo书写/测试/发表 Blog是一件都么简单优雅的事情。

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.

Quick Start

Create a new post

代码语言:javascript复制
$ hexo new "My New Post"

More info: Writing

Run server

代码语言:javascript复制
$ hexo server

More info: Server

Generate static files

代码语言:javascript复制
$ hexo generate

More info: Generating

Deploy to remote sites

代码语言:javascript复制
$ hexo deploy

More info: Deployment


0 人点赞