hexo搭建博客(续)

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

主题

当前的版本,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以及点击链接的地址均可配置

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