关于Hexo使用Next主题的一些优化

简介: 肯定还会跟我一样,使用主题之后还不满意的小伙伴,不光想要好,还想要更好!那就来看看如何优化你的博客,让他变得更富有细节吧 ~

前言

肯定还会跟我一样,使用主题之后还不满意的小伙伴,不光想要好,还想要更好!

那就来看看如何优化你的博客,让他变得更富有细节吧 ~

优化文章链接

优化文章链接,为了避免链接中出现中文导致太长或者死链的情况出现,可以使用一个插件来避免这种情况

插件:hexo-abbrlink

首先在博客根目录运行Git Bash,输入以下指令安装hexo-abbrlink

npm install hexo-abbrlink --save

打开站点配置文件_config.yml,修改permalink为:

permalink: posts/:abbrlink.html/

记得将原有的permalink注释掉或者删掉

在站点配置文件_config.yml中添加以下代码:

#abbrlink配置
abbrlink:
  alg: crc32 #support crc16(default) and crc32
  rep: dec   #support dec(default) and hex

到这,关于优化文章链接的操作我们就做完啦!

自定义文本内容

文件路径:themes/next/languages/zh-CN.yml

需要打开这个文件进行修改。

选择哪个语言文档取决于你的站点配置文件上的语言写的是什么!

我将所有的日志换成了文章理由是我觉得日志怪怪的,还是文章比较正常。

Ctrl+H 进行批量替换。(不会真有人一个一个改吧,不会吧不会吧)

添加访客统计、访问次数统计、文章阅读次数统计

打开主题配置文件

搜索找到busuanzi_count,把enable设置为true

# Show Views / Visitors of the website / page with busuanzi.#展示访问数
# Get more information on http://ibruce.info/2015/04/04/busuanzi
busuanzi_count:
  enable: true
  total_visitors: true   #统计访客数
  total_visitors_icon: user
  total_views: true    #统计访问数
  total_views_icon: eye
  post_views: true   #统计文章阅读数
  post_views_icon: eye

同样是在主题配置文件下,搜索footer,在它底下添加counter,设值为true

  #统计
  counter: true

这个我一开始配置了,但是不生效,最后将它删了才生效的,如果你配置完有问题也可以将其删了试一试

来到themes\next\layout_partials,找到footer.swig文件,打开编辑,在底下添加代码

{% if theme.footer.counter %}
    <script async src="//dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js"></script>
{% endif %}

这样,就设置完成了,站点访客数、访问次数显示在网址底部,文章阅读次数在文章开头。

相关文章
|
6月前
|
JavaScript
Hexo个人博客之Next-8.20主题下载及美化
Hexo个人博客之Next-8.20主题下载及美化
|
11月前
|
PHP SEO
WordPress 主题和插件
WordPress 主题和插件
140 0
|
11月前
hexo主题集成pug
hexo主题集成pug
71 1
|
数据采集 搜索推荐 数据挖掘
Hexo(3)-安装自己喜欢的主题
我们之前使用 Hexo 生成的博客使用的是 Hexo 的默认主题:Landscape。怎么说呢,这个主题猛地一看还行,仔细一看还不如猛地一看,所以我决定另寻归宿。
使用hexo在butterfly主题中开启看板娘配置教程(包括模型展示)
使用hexo在butterfly主题中开启看板娘配置教程(包括模型展示)
181 0
|
Shell 开发工具 git
Hexo系列(四) NexT主题配置
Hexo系列(四) NexT主题配置
178 0
|
缓存 搜索推荐 Shell
Hexo 博客主题更换和基础配置
Hexo 博客主题更换和基础配置
338 0
|
存储 前端开发 JavaScript
从零开始写一个Hexo主题
本文将会从零开始编写一个简单的Hexo博客主题,目的是了解一个Hexo博客主题的构成以及如何编写,因此,本示例中的博客页面样式不做过多描绘,样式主要参考 Hexo theme 中的 Noise 主题。
803 1
从零开始写一个Hexo主题
|
前端开发 JavaScript SEO
WordPress 主题与插件有什么区别?
WordPress是一个广泛使用的开源内容管理系统(CMS),因为它非常灵活且易于使用。WordPress的灵活性主要来自于它的主题和插件。WordPress主题和插件都可以扩展和定制WordPress的功能,但它们之间有很大的区别。在本文中,北京六翼带大家讨论WordPress主题和插件之间的区别。
gitbook 插件 主题
gitbook 插件 主题
gitbook 插件 主题