Hexo+Butterfly实现最新文章标志的功能
新版本 {#新版本} ========== > 原理:通过hexo的api获取所有文章,然后比较时间得到最新文章的名字,返回给pug文件比较并添加元素。 修改page.js {#修改page-js} ---------------------- 首先我们需要在 `themes\butterfly\scripts\helpers\page.js` 内加入一段内容(位置...
新版本 {#新版本} ========== > 原理:通过hexo的api获取所有文章,然后比较时间得到最新文章的名字,返回给pug文件比较并添加元素。 修改page.js {#修改page-js} ---------------------- 首先我们需要在 `themes\butterfly\scripts\helpers\page.js` 内加入一段内容(位置...
<h1>创建文件 {#创建文件}</h1> <p>如果想魔改和美化,添加自定义文件是不可避免的。下面来详细说一下css和js文件的创建和引入,其他文件同理。</p> <p>我们找到<code>博客根目录</code>下的<code>source</code>文件夹(主题的...
<ol> <li> <p>安装插件,在博客根目录 <code>[Blogroot]</code> 下打开终端,运行以下指令:</p> <p>|-----------|-------------------------------------------------| | <code>...
<h1>预览效果 {#预览效果}</h1> <p><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" /></p> <h1>实...
<h1>引言 {#引言}</h1> <p>灵感来源于<a href="https://blog.eurkon.com/">eurkon</a>。单靠肉眼识别字体大小来判断标题等级不是件容易的事情,若 h1~6 标题使用不同图标的话,那么识别会容易许多。</p> <p>小插曲:...
<ol> <li> <p>修改<code><BlogRoot>\themes\butterfly\_config.yml</code></p> <p>|---------------------|------------------------------------...
<ol> <li> <p>参照参考教程中的<a href="https://butterfly.js.org/posts/dc584b87/#%E5%8F%8B%E6%83%85%E9%8F%88%E6%8E%A5">Butterfly 友链界面配置教程</a>先配置好默认友链页面。</p&g...
<ol> <li> <p>新建 <code>[Blogroot]\themes\butterfly\layout\includes\custom\sun_moon.pug</code>, 这部分其实实质上就是一个 <code>svg</code> 文件,通过 <code>js<...
<ol> <li> <p>修改<code><BlogRoot>\themes\butterfly\_config.yml</code>,其中<code>background_dark</code>参数为深色模式下的图片地址。</p> <p>|-...
<h1>Hexo常见问题 {#Hexo常见问题}</h1> <h2>问题一,hexo命令运行出错 {#问题一,hexo命令运行出错}</h2> <p>①问题描述:运行Hexo报错hexo : 无法加载文件hexo.ps1,因为在此系统上禁止运行脚本</p> <p>使用如下命令安装<code...