Hexo-next自定义思路

发表于 更新于 分类于 ， 阅读次数： Waline： 阅读次数：

hexo-next自定义思路

1、先添加什么自定义的东西，比如一个按钮，可以先将其html，css，js写在一个网页当中，更改实现其功能。然后分析next主题的结构去进行更改，这里比如说我想在所有页面添加东西，就直接在下面文件里更改，

themes\next\layout\category.njk

2、只想在首页和文章页更改则去themes\next\layout_macro\post.njk不过要设一下条件然后在themes\next\layout\index.njk里面在加一下就行了。

{% if not is_index %}
  <!-- 圆形主按钮 -->
  <button class="main-btn">&#9776;</button>
  <!-- 展开的两个按钮（无连接线） -->
  <div class="arrow-btns">
      <button class="arrow-btn up-btn">&#9650;</button>
      <button class="arrow-btn down-btn">&#9660;</button>
  </div>
{% endif %}

3、类似于这个思路可以进行所有页面的自定义添加

当然添加的js文件推荐都放在themes\next\layout_scripts\index.njk里面