hexo搭建博客（续）

Posted on   |   In   |  

上一篇搭建了基本的博客环境，现在丰富下页面的内容

主题

当前的版本，hexo默认的主题变成了landscape，难看不说，深黑色的背景图，连博客的title都看不清了，果断换掉，在这里有很多别人做好的主题，可以直接下载下来，放到/themes目录下，再在/hexo/.config.yml中配置
theme: light.

可以使用hexo g & hexo s先在本地查看效果，以后有时间可以研究一下修改主题的显示样式。

评论

  1. 在多说首页进行注册，获取通用代码
  2. 将通用代码粘贴到themes\light\layout\_portial\comment.ejs下
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!-- 多说评论框 start -->
	<div class="ds-thread"></div>
<!-- 多说评论框 end -->
<!-- 多说公共JS代码 start (一个网页只需插入一次) -->
<script type="text/javascript">
var duoshuoQuery = {short_name:"heckaitor"};
	(function() {
		var ds = document.createElement('script');
		ds.type = 'text/javascript';ds.async = true;
		ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';
		ds.charset = 'UTF-8';
		(document.getElementsByTagName('head')[0] 
		 || document.getElementsByTagName('body')[0]).appendChild(ds);
	})();
	</script>
<!-- 多说公共JS代码 end -->

NOTE: 从多说那里获取到的通用代码div的描述是这样：

1
<div class="ds-thread" data-thread-key="请将此处替换成文章在你的站点中的ID" data-title="请替换成文章的标题" data-url="请替换成文章的网址"></div>

对于data-thread-key, data-title, data-url这几个参数的描述和设置可以参考多说官方文档，或者直接去掉，默认即可，否则会出现多个文章下出现同一条评论等问题（对于没时间搞明白的东西还是使用默认为好）

百度分享

在百度分享首页获取代码，期间可以选择功能、按钮的样式、大小等（度娘的东西做的还是很细致的，赞一个），在themes/light/layout/_partial/article.ejs，替换掉<%-partial('post/share')%>

favicon小图标

这个图标是显示在页面标题左侧的图片，可以作为页面logo，将.ico图片文件放在source目录下，在themes/light/layout/_partial/head.ejs里将

<link href="<%- config.root %>favicon.png" rel="icon">

替换为

<link href="<%- config.root %>favicon.ico" rel="icon" type="image/x-ico">

微博秀

到微博秀获取代码，可以设置颜色，显示样式，自动滚动设置等，不过还是要吐槽一下大新浪，我用chrome浏览器点击复制代码按钮，居然提示我浏览器不支持脚本复制，坑呐，此外，hexo s在本地查看的时候有时出不来，需要hexo d部署之后才能看到效果。

在\themes\light\layout\_widget中增加weibo.ejs，将代码复制进去，并在\themes\light\_config.yml中配置

widgets:
- search
- category
- weibo

配置categories

在scaffolds/post.md中，添加一行categories:，生成post时将默认生成categories配置项。

标签云

在themes/light/_config.yml中添加

widgets:
- search
- category
- tagcloud
- weibo

头戴

发现有的博客title上有一个斜跨的条：fork me on github，原来是叫做Github Ribbons的东东，有12中样式可选，显示的内容fork me on github以及点击链接的地址均可配置

基本上，常用的东西就这么多了，至此博客的配置工作基本完成，虽然仍有些不太满意的地方，留待后边慢慢补充吧