使用Hexo搭建博客(四),博客的部件和插件

上一篇是博客配置相关的说明。这一篇也算是收尾了,基本是一些博客的小部件,和一些可以自己添加的插件,这些都是自己尝试成功了的,所以这里也算是总结一下。文章写到这里,可能就是一些比较细枝末节的东西了。但也许以后有人用的上,也可能自己需要回顾一下,总结一下以便于后续有据可查,不必要再在需要的时候再去检索。

一、博客的零部件

1.添加『微搜索』

现在的文章还不多,使用目录和标签就可以快速找到文章,这是一种方式。对于习惯用搜索的用户来说,特别是后续文章积累到一定的程度之后,想要快速找到自己想看到的文章就比较困难,我自己就希望实现站内搜索的功能。而静态网页和动态的诸如Wordpress不同,内置的谷歌搜索,但是显然在国内直接不能实现站内搜索的,你需要采取其他的措施。查询了一下,使用百度swiftype都可以为Hexo实现站内搜索,我自己也实践了一下,但是不明原因的不现实结果。好在Jacman主题内置了微搜索的功能,注册一下,添加代码就可以了。比较方便,也能够满足使用。
1.注册之后得到key,然后把key填到到D:\Hexo\themes\jacman\layout\_partial\tinysou_search.ejs文件;

engineKey: ''  #e.g.  'eb4726b2a0ea6b569b79'

2.把主题配置文件_config.yml修改启用,填上你的id就可以。

tinysou_search:     ## http://tinysou.com/
  enable: true
  id:  ## e.g. eb4726b2a0ea6b569b79  for your tiny search id

2.添加『多说评论』

评论系统国内使用比较多的是多说,先注册一下,然后在主题配置文件中填上你的用户名;

  1. 在多说进行注册,获得通用代码,将通用代码粘贴到D:\Hexo\themes\jacman\layout\_partial\post\comment.ejs文件里面;

<% if (theme.duoshuo.enable && page.comments){ %>
<section class="comment">
 #此处粘贴你的通用代码
</section>
<% } %>
  1. 在主题配置文件中,填上你多说的用户名
duoshuo_shortname:    ## e.g. qjzhixing  your duoshuo short name.

3.添加『JiaThis分享』

博客在前期需要大量推广,即使你写的文章再好,别人也不一定能看到,或者别人看到了也不会认真阅读,这是正常的。不妨主动自己主动一点,把自己的文章推广一下,也能帮助自己博客提高访问量。微博、微信和QQ空间都是很好的传播平台,需要利用好。我以前看不上QQ空间,但是后面我发现,多数人还是习惯了用QQ空间。所以就需要一键分享的功能。不少人用的百度的,但个人对JiaThis更感兴趣一点。样式多,支持平台多,重要的是方便。

  1. 注册之后得到了id,把id添加到jiathis.ejs文件中;没改动的话是在第22行的uid那里。
  2. 再在主题配置文件中jiathisenable改为true启用,也同样填上id。
jiathis:
  enable: true ## if you use jiathis as your share tool,the built-in share tool won't be display.
  id:    ## e.g. 1889330 your jiathis ID.

4.添加『新浪微博秀』

微博秀这个可以根据个人的意愿,得到的效果如我博客右侧那般。

  1. 先在微博秀开通一下,把得到的代码直接保存到weibo.ejs文件里,没有就新建一个;
  2. 在主题配置文件的部件里加上微博秀。
widgets:
- weibo

5.添加『友情链接』

友情链接的文件在links文件里面添加,同样需要在主题配置文件中设置显示。在<ul></ul>标签之间添加,格式参考

<div class="linkslist">
  <p class="asidetitle"><%= __('links') %></p>
    <ul>
      <li><a href="http://qjzhixing.com" title="起今知行">起今知行</a></li>
      <li><a href="http://sikaoa.com" title="思考啊|剑飞在思考">剑飞在思考</a></li>
    </ul>
</div>

二、Hexo的几款插件

Hexo里面默认有一些插件,这里推荐几款可能对个人有用的插件。输入对应的命令安装一下,然后设置一下就可以。

1.导入『Wordpress数据』

开篇我说过我写博客的基本经历,是从Wordpress转移过来的,写了一段时间之后,文章全部在那里面,如果一篇篇的复制粘贴那工作量就太大了。好在Hexo提供了Wordpress插件,可以一次性把wordpress数据导入到Hexo博客,html文件都转换成了Markdown文件,非常的方便,有图片的更改一下图片的路径就好了。

  1. 首先导出wordpress数据,得到的回事一个xml格式的文件,先把这个复制到Hexo文件夹下,假设文件是wordpress.xml。
  2. 安装好wordpress插件,再使用迁移命令就可以实现从Wordpress到Hexo的转移。
npm install hexo-migrator-wordpress --save
hexo migrate wordpress wordpress.xml

2.添加『RSS订阅』和『百度sitemap』

RSS订阅和百度sitemap(站点地图,方便搜索引擎的收录)的安装和设置做法相似,所以放在一起说明。输入的命令分别是:

npm install hexo-generator-feed --save
npm install hexo-generator-baidu-sitemap --save

然后在博客配置文件_config.yml中添加启动

plugins:
- hexo-generator-feed
- hexo-generator-baidu-sitemap

对于百度地图,还需要添加

#sitemap
baidusitemap:
    path: baidusitemap.xm

添加好了之后,测试一下RSS和百度地图是否生效,百度地图是访问qjzhixing.com/sitemap.xml可以查看,如果能正常访问说明可用。

3.添加『CNZZ统计/百度统计』

CNZZ统计和百度统计都不算是Hexo的插件,但我个人觉得还是充当了插件的作用,所以就放在了这里。做法是先注册账号,然后添加网址就设置好了。CNZZ和百度统计的设置和做法相似,两种统计我都有测试过,没有问题。是先试过百度的,然后转换到了CNZZ上,所以就那CNZZ作为例子说明一下。
1.在CNZZ网站注册一个账号,添加网站后,得到各个形式的代码,任选其一;
2.在D:\Hexo\themes\jacman\layout\_partial文件夹下新建一个cnzz_tongji.ejs文件,把你的代码粘贴在第一行和最后一行之间(中间是我的,替换成你自己的);

<% if (theme.cnzz){ %>
<script type="text/javascript">
 var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
 document.write(unescape("%3Cspan id='cnzz_stat_icon_1256211004'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s95.cnzz.com/z_stat.php%3Fid%3D1256211004%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));
</script>
<% } %>

3.在footer.ejs文件中适当的位置添加你的代码,这是我的代码;

<script type="text/javascript">
    var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " [http://");](http://");)
    document.write(unescape("%3Cspan id='cnzz_stat_icon_1256211004'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s95.cnzz.com/z_stat.php%3Fid%3D1256211004%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));
</script>

4.在主题配置文件中加入下面代码启用CNZZ统计,注意不要添加站点id,填了的话就不显示图标了。

## Analytics
cnzz_tongji: true

三、购买和绑定顶级域名(可选)

域名的购买多数人都推荐在Godaddy购买,我的qjzhixing.com这个域名也是。名气较大,支持支付宝付款。解析和管理域名在Dnspod上面进行,两个都需要注册,这个简单不用说,说下实现域名绑定的过程。
1.把购买好的域名添加到Dnspod里面,得到两个默认的NS地址,此时顺便添加以下A记录,主机记录有两个:@www,记录类型默认A,而且记录值都一样,填写192.30.252.153


2.使用Dnspod解析域名的话,就要将GoDaddy的NS设置为Dnspod提供的地址。做法是在GoDaddy的Nameservers里面添加Dnspod的NS,也就是图中中间的那两个记录值。


3.在博客的D:\Hexo\source目录下,新建名为CNAME的文本文件,没有后缀,在里面添加你的域名。比如我的就是qjzhixing.com,如果你想用www.qjzhixing.com域名就在里面填相应的域名。添加之后尽量就不要改了。

qjzhixing.com

注意,绑定好了有可能还需要等待一段时间才能生效。我绑定域名的过程进展不是那么的顺利,原因是收不到GoDaddy的验证邮件。没有验证邮件是无法添加Dnspod的NS地址的,也就不能实现绑定。试过QQ邮箱、163邮箱,最后换到了Gmail邮箱都不行,奇怪的是,自己注册和买域名的时候能受到邮件,但是就是验证邮件收不到,垃圾箱里面也没有。没有办法,只得在网上找GoDaddy的客服,等待了11分钟之后客服回话了,给重新发了一封验证邮件,问题终于解决了。所以,如果遇到什么问题,还是要找对Keyman。

四、写在后面

到这里,博客的搭建和装修工作也先告一段落了。如果还有其他的什么需求,自己利用搜索引擎搜索一下,都能找到相应的解决办法。我搭建博客过程中走了不少的弯路,先是在Jekyll上浪费了一些时间,后来又是更换了两三个主题,中间可以说是浪费了一些时间。好在基本的问题都已经解决了。
  至于浪费时间,我也有过考虑。一方面,从不懂到勉强入门谁都要经过一个摸索的过程,这是事实;其次,在你解决一个个问题中,你会收获成就感,也会收获挫败感,这也算是丰富了自己的经历,而没有尝试肯定得不到这样美妙的体验。所以,即使花费了不少的时间,也还是值得的。
  最后的最后,需要重点感谢赵兄在这个过程中给自己提供的帮助,非常热情的一位朋友,不吝赐教。我也是遇到了好多的问题就去找他的麻烦,好在,赵兄人非常不错,也很有耐心。如果没有他的帮助,可能博客的上线还要推迟一些时间。十分感谢!!!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 195,783评论 5 462
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 82,360评论 2 373
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 142,942评论 0 325
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,507评论 1 267
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,324评论 5 358
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,299评论 1 273
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,685评论 3 386
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,358评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,652评论 1 293
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,704评论 2 312
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,465评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,318评论 3 313
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,711评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,991评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,265评论 1 251
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,661评论 2 342
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,864评论 2 335

推荐阅读更多精彩内容