第五章 博客功能补充

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注册七牛,同步本地目录

  1. 注册七牛官网

  2. 创建一个存储空间

  3. 申请成为标准用户,需要上传身份证信息

图片说明

  1. 验证成功后下载自动同步工具qsrbox

图片说明

  1. qrsbox官网使用教程

  2. 设置好了之后以后图片只要放在本地的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.开启内部搜索

  1. 注册微搜索账号

  2. 创建引擎记录key

图片说明

  1. 编辑 /d/hexo/theme/jacman/_config.yml 启用微搜索

    tinysou_search:     ## http://tinysou.com/
      enable: true
      id:  填你自己的id
  2. 使用效果

可以在我的博客随便搜索一个关键字“博客”试试就知道了

6.使用监控宝监控个人博客性能

  1. 注册监控宝

  2. 使用很简单,没什么好说的,自己根据自己的需求设置一些监控项目来监控自己网站的性能

图片说明

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命令的时候都能生成相应的内容,方便你写博客