{% if config.archive_dir != '/' and site.posts.length > 0 %}
             <div class="site-state-item site-state-posts">
             {% if theme.menu.archives %}
               <a href="{{ url_for(theme.menu.archives).split('||')[0] | trim }}">
             {% else %}
               <a href="{{ url_for(config.archive_dir) }}">
             {% endif %}
                 <span class="site-state-item-count">{{ site.posts.length }}</span>
                 <span class="site-state-item-name">{{ __('state.posts') }}</span>
               </a>
             </div>
{% endif %}

改为

{% if config.archive_dir != '/' and site.posts.length > 0 %}
              <div class="site-state-item site-state-posts">
                <a href="{{ url_for(config.archive_dir) }}">
                  <span class="site-state-item-count">{{ site.posts.length }}</span>
                  <span class="site-state-item-name">{{ __('state.posts') }}</span>
                </a>
              </div>
{% endif %}

也就是把原来的第3、4、5、7行删掉。

15.（next旧版本才适用，新版本已修复该bug）

next文章点目录树不跳转打开F12点击目录树显示错误

找到\themes\next\source\js\src\post-details.js，打开文件

找到文件的72行左右

$('.post-toc a').on('click', function (e) {
  e.preventDefault();
  var targetSelector = NexT.utils.escapeSelector(this.getAttribute('href'));
  var offset = $(targetSelector).offset().top;

在第三行下加一行代码，变为

$('.post-toc a').on('click', function (e) {
  e.preventDefault();
  var targetSelector = NexT.utils.escapeSelector(this.getAttribute('href'));
  targetSelector = decodeURI(this.getAttribute('href'))
  var offset = $(targetSelector).offset().top;

这样点击目录树可以跳转了。

16.(是Next5.1.4旧版本的权宜之计，在更新Next 8新版本后问题得到解决。强烈推荐更新)

语法要求是：在写md文件的时候标题有h1到h6，目录之间不能跳级跨级。比如h1就后面只能h2，不能h1下面接着h3。

同时，next5.1.4版本有Bug，当目录名为中文的时候就无法展开下一级目录。这个目前还无法修复，只能暂时使用英文来代替，或者用html语言跳转方法绕过bug

先在要跳转到的位置写上

1	<a id=""></a> 在""之间写一个任意的跳转ID

文章显示的时候不会把这串代码显示出来，所以直接在后面写你自己跳转显示部分的内容就行了。

在设置跳转按钮的地方写上

1	[链接名称](#锚点id) 链接名称任意选，id面前记得有一个#号

17.新版本Next已经支持内置显示文章更新时间

显示文章更新时间

只有发布时间其实是不够准确的。我们需要一个能够显示更新时间功能。

1	打开themes\next\layout\_macro\post.swig

找到这段

<div class="post-meta">
         <span class="post-time">
           {% if theme.post_meta.created_at %}
             <span class="post-meta-item-icon">
               <i class="fa fa-calendar-o"></i>
             </span>
             {% if theme.post_meta.item_text %}
               <span class="post-meta-item-text">{{ __('post.posted') }}</span>
             {% endif %}
             <time title="{{ __('post.created') }}" itemprop="dateCreated datePublished" datetime="{{ moment(post.date).format() }}">
               {{ date(post.date, config.date_format) }}
             </time>
           {% endif %}

改为

<div class="post-meta">
  <span class="post-time">
    {% if theme.post_meta.created_at %}
      <span class="post-meta-item-icon">
        <i class="fa fa-calendar-o"></i>
      </span>
      {% if theme.post_meta.item_text %}
        <span class="post-meta-item-text">{{ __('post.posted') }}</span>
      {% endif %}
      <time title="{{ __('post.created') }}" itemprop="dateCreated datePublished" datetime="{{ moment(post.date).format() }}">
        {{ date(post.date, config.date_format) }}
      </time>
    {% endif %}
   {%if post.updated and post.updated > post.date%}
        <span class="post-updated">
        &nbsp; | &nbsp; {{ __('post.updated') }}
        <time itemprop="dateUpdated" datetime="{{ moment(post.updated).format() }}" content="{{ date(post.updated, config.date_format) }}">
        {{ date(post.updated, config.date_format) }}
       </time>
      </span>
    {% endif %}

1	再打开\themes\next\languages\zh-Hans.yml

在post栏处加上一行

1 2	post: updated: 更新于

1	再打开\themes\next\_config.yml

文件最后处加上

1	display_updated: true

18.在hexo-asset-image的加持下快速插入多张本地图片

直接将本地图片拖入相对应的文件夹内，然后把图片拖入typora中。这时直接拖图片进来显示的路径是绝对路径。在Typora中打开源代码模式全选复制

再把复制到word中，利用word的“替换”功能，把绝对路径前面部分替换成无

再把代码拖入typora即可

19.Hexo对花括号的支持很差，很容易出问题，能不在md文件中使用花括号就不使用。否则有可能出现hexo d部署之后文章只显示一部分的bug。

20.hexo-blog-encrypt这个博文密码加密插件，在使用next主题的情况下，加密博文打开后不会有目录树功能。如果需要修复，除非更换别的主题，或者更换博文密码插件。

21.在md编辑器中打一行空格实际上在网页里是没有空行的，要做出空行来，请在空行输入

<br>

22.在除了侧边栏以外区域显示文章目录：

安装插件

1	npm install hexo-toc --save

再在config里加以下内容

toc:
  maxdepth: 3
  class: toc
  slugify: transliteration
  decodeEntities: false
  anchor:
    position: after
    symbol: '#'
    style: header-anchor

接着直接在md文章内要显示文章目录的地方加上

1	<!-- toc -->

这个显示的效果等效于在csdn许多文章开头显示的的内容目录。

但是使用这个插件会和next侧边栏的目录冲突，导致Next的侧边栏目录树不能正常跳转

可以使用这个插件的修改版：https://github.com/erictt/hexo-toc-dllcn ，防止了和next侧边栏导航的冲突。

安装插件（记得先卸载上面的原hexo-toc插件）：

1	npm i @dllcnx/hexo-toc

在根目录的config文件下添加

mdtoc:
  maxdepth: 3
  class: toc
  decodeEntities: false
  anchor:
    symbol: '#'
    style: header-anchor

用法和原hexo-toc一样，都是在文章需要添加目录的地方输入

1	<!-- toc -->

Next文章目录的标题开头第一个字不要使用特殊符号，否则有可能造成无法点击目录树跳转。

但是使用这个插件的时候会有几个问题。

第一个是标题内英文必须全小写，否则无法跳转。同时基本上标题几乎不能有任何标点符号，否则都有可能无法跳转。

或者使用其他markdown生成toc目录的项目，github上面有很多，比如markdown-toc，但是hexo-toc插件比这些项目都更傻瓜化，使用方法更简单。

next自带的目录树会自动在目录前面加数字，因为个人更喜欢自己添加序号，不太喜欢这个功能

可以在config里面关闭自动添加数字

把number一项改为false

同时，expand_all: true可以让文章的目录默认全部展开

23.关于在typora内写文章

在一行文字后回车，下一行的文字和上一行的文字会有间隔，取消间隔的办法是shift+回车，这样上下行之间就没有间隔了。

24.在文中折叠部分内容

格式如下：

<details>
  <summary>点击展开折叠内容</summary>
****
</details>

第一个<summary>标签前要打四个英文空格
在两个<summary>标签之间写折叠的提示信息
第三行****处意味着要写入的被折叠信息。可以多行等操作。

这个格式，被折叠的内容是默认折叠的，如果要默认展开，则把<details>改为<details open>

也可以使用插件，我觉得不好用

https://github.com/fletchto99/hexo-sliding-spoiler

25.在markdown内，可以用`来显示代码段内容，使其在文章中更为凸显。

效果展示：一个函数 print()

用法：

`print()`

26.有时想修改博文但是由于post文件夹内的md文件名都是随便起的，找到对应的md文件总需要很多时间。

可以在备份到github上的hexo原文件的仓库来查找，复制对应博文的一部分文字到搜索栏中搜索即可。

关于插件

hexo本身有很多的插件可以使用，你可以根据自己的情况来下载一些自己喜欢的插件来完善自己的网站。

https://hexo.io/plugins/

最后

建完网站，以为这就结束了？比建站几十分钟的时间耗费来看，后期维护和完善blog所要耗费的时间会比这多更多，希望你能靠自己，努力向前探索。