第五章 博客功能补充
1.基本插件
jacman主题的基本插件包含category,tag,rss,archive,tagcloud,links,weibo,douban,这些在 /d/hexo/theme/jacman/_config.yml
当中都已经说明清楚。如果对基本插件的内容还是不太清楚的可以仔细看下这个_config.yml配置文件以及作者的使用介绍
2.多说评论系统
先去官网注册
新建站点:
查看通用代码:
打开 /d/hexo/theme/jacman/_config.yml 启用多说
duoshuo:
enable: true ##开启多说系统
short_name: kaimingwan ##多说的二级域名,我的是http://kaimingwan.duoshuo.com,所以填kaimingwan
打开 /d/hexo/themes/jacman/layout/_partial/post/comment.ejs 把内容替换成如下内容
<% if (page.comments){ %>
<section id="comments">
<!-- 多说评论框 start -->
<div class="ds-thread" data-thread-key="<%= page.path %>" data-title="<%= page.title %>" data-url="<%= page.permalink %>"></div>
<!-- 多说评论框 end -->
<!-- 多说公共JS代码 start (一个网页只需插入一次) -->
<script type="text/javascript">
var duoshuoQuery = {short_name:"kaimingwan"};
(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 -->
</section>
<% } %>
3.百度统计、GOOGLE分析
建议开启,可以查看网站访客数据,还能做一些搜索优化,十分好用
这个jacman主题作者已经说过了,我这里就不再说明,想要了解可以查看使用介绍
4.使用七牛轻松管理和处理图片,使用外链加个性水印
4.1注册七牛,同步本地目录
- 创建一个存储空间
- 申请成为标准用户,需要上传身份证信息
- 验证成功后下载自动同步工具qsrbox
-
- 设置好了之后以后图片只要放在本地的local dir即可
4.1 使用外链
按如下拷贝地址即可
4.2 使用水印
4.3 图片使用技巧
在markdown中图片插入的代码如下(实际上是html语言)
src后面紧跟的是外链地址,后面的imageView开始就是你自己生成的图片样式。七牛提供了非常丰富的图片样式,如果使用多个图片处理可以用 '|'分隔
<img title="图片标题" alt="图片说明" class="class1 class2" src="http://7xj5kc.com1.z0.glb.clouddn.com/imageprocess.jpg?imageView2/1/w/900/h/460/q/90|watermark/2/text/5bCP5Yev55qE5Liq5Lq65Y2a5a6iIGh0dHA6Ly9rYWltaW5nd2FuLmNvbQ==/font/5b6u6L2v6ZuF6buR/fontsize/500/fill/IzAwMDAwMA==/dissolve/100/gravity/SouthEast/dx/10/dy/10">
5.开启内部搜索
-
- 创建引擎记录key
- 编辑 /d/hexo/theme/jacman/_config.yml 启用微搜索
tinysou_search: ## http://tinysou.com/ enable: true id: 填你自己的id
- 使用效果
可以在我的博客随便搜索一个关键字“博客”试试就知道了
6.使用监控宝监控个人博客性能
-
- 使用很简单,没什么好说的,自己根据自己的需求设置一些监控项目来监控自己网站的性能
7.使用博客生成模板
修改 D:\hexo\scaffolds\post.md 文件
title: {{ title }}
date: {{ date }}
tags:
categories:
description:
---
<img title="图片标题" alt="图片说明" class="class1 class2" src="http://7xj5kc.com1.z0.glb.clouddn.com/gitcafe_create_rep.jpg?imageView2/1/w/690/h/460/q/90|watermark/2/text/5bCP5Yev55qE5Liq5Lq65Y2a5a6iIGh0dHA6Ly9rYWltaW5nd2FuLmNvbQ==/font/5b6u6L2v6ZuF6buR/fontsize/500/fill/IzAwMDAwMA==/dissolve/100/gravity/SouthEast/dx/10/dy/10">
以上是我的文件内容,小技巧是下面可以把图片的格式先准备好,里面已经使用了七牛的样式,这样以后图片外链只要直接修改src的内容即可
设置好这个模板文件之后以后每次采用hexo n命令的时候都能生成相应的内容,方便你写博客