文章目录
  1. 1. 添加评论
    1. 1.1. 步骤
    2. 1.2. 自定义CSS
  2. 2. 生成post时默认生成categories配置项
  3. 3. 添加标签云widget
  4. 4. 统计
    1. 4.1. 百度统计
    2. 4.2. 谷歌统计
  5. 5. Sitemap插件
  6. 6. 搜索引擎
  7. 7. 统计功能
  8. 8. 参考

最近将自己博客从Octopress迁移到了Hexo,使用jacman主题,下一步就是做一些个性化的配置啦。

添加评论

hexo默认使用disqus,不过国内的话还是比较推荐多说

步骤

  1. 在多说进行注册,获得通用代码。
  2. 在_config.yml中添加多说的配置

    duoshuo_shortname: 你站点的short_name  
    //这里的short_name也就是你的二级域名
    
  3. 将通用代码粘贴到themes\landscape\layout_partial\article.ejs中,如果不是默认主题landscape,需要修改 主题\layout_partial\comment.ejs,比如jacman主题是修改的\themes\jacman\layout_partial\post\comment.ejs配置。

注: jacman主题直接使用官网的的配置会提示post没有定义,可以将所有post修改为item。

自定义CSS

添加完多说评论之后发现评论区域特别丑,于是简单的调整了一下CSS。

  1. 评论框左右边距

    #ds-thread {
        padding: 14px 34px;
        background: #ffffff;
    }
    
  2. 区分评论区域

    section#comments {
        border-top: 25px solid #ddd;
    }
    
  3. 隐藏底部多说版权

    #ds-thread #ds-reset .ds-powered-by{
        display:none;
    }
    

生成post时默认生成categories配置项

在scaffolds/post.md中,添加一行categories:

添加标签云widget

在themes/jacman/_config.yml中,添加如下:

widgets:
- tagcloud

统计

百度统计

  1. 注册百度统计账号
  2. 修改themes/jacman/_config.yml

    baidu_tongji:
          enable: true
          sitecode:  your site's code //百度统计为你的网站随机生成的code
    
  3. 验证:百度统计上面有代码安装检查,配置完成之后再check一下。
  4. 去除多余的百度logo:安装完成之后发现页面左下角有个百度logo,可以进入网站中心->系统管理设置->统计图表设置目录,去掉显示图表的勾选即可。

注: 其他模版做法可能略有不同,下面附上其他的方案。

谷歌统计

类似于上面百度统计。

Sitemap插件

  1. 安装插件

    npm install hexo-generator-sitemap --save
    
  2. 修改hexo_config.yml

    plugins:
        -hexo-generator-sitemap  #插件名 
    

搜索引擎

可以到屈站长提交你的站点给搜索引擎

统计功能

  1. 向themes/你的主题/layout/_partial/footer.ejs添加busuanzi.js

    <script async src="https://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js">
    </script>
    
  2. 安装标签

    themes/你的主题/layout/_partial/footer.ejs中添加

    <span id="busuanzi_container_site_uv">
      本站访客数<span id="busuanzi_value_site_uv"></span>人次
    </span>
    

    详情请参考为hexo博客添加访问次数统计功能

参考

  1. Hexo使用多说教程
  2. 多说CSS修改
  3. 在hexo中加入多说评论
  4. hexo 添加百度统计
  5. hexojs/hexo
  6. hexo/Plugins
  7. 为hexo博客添加访问次数统计功能
文章目录
  1. 1. 添加评论
    1. 1.1. 步骤
    2. 1.2. 自定义CSS
  2. 2. 生成post时默认生成categories配置项
  3. 3. 添加标签云widget
  4. 4. 统计
    1. 4.1. 百度统计
    2. 4.2. 谷歌统计
  5. 5. Sitemap插件
  6. 6. 搜索引擎
  7. 7. 统计功能
  8. 8. 参考