2024-10-30 厉飞雨 阅读(183) 评论(0) 赞(9)

新版本 {#新版本} ========== > 原理：通过hexo的api获取所有文章，然后比较时间得到最新文章的名字，返回给pug文件比较并添加元素。 修改page.js {#修改page-js} ---------------------- 首先我们需要在 `themes\butterfly\scripts\helpers\page.js` 内加入一段内容（位置...

2024-10-30 厉飞雨 阅读(194) 评论(0) 赞(10)

<h1>创建文件 {#创建文件}</h1> <p>如果想魔改和美化，添加自定义文件是不可避免的。下面来详细说一下css和js文件的创建和引入，其他文件同理。</p> <p>我们找到<code>博客根目录</code>下的<code>source</code>文件夹（主题的...

2024-10-30 厉飞雨 阅读(96) 评论(0) 赞(8)

前言 {#前言} ======== 发现自带的样式实在太简单，写css覆盖的话还很麻烦，夜间模式看的话很突兀。 所以我就稍微改了一下，只要它的数据，样式全由自己来写。 添加代码 {#添加代码} ============ 代码如下所示： |-----------------------------------------------------------------...

2024-10-30 厉飞雨 阅读(205) 评论(0) 赞(10)

<ol> <li> <p>新建 <code>[Blogroot]\themes\butterfly\layout\includes\custom\sun_moon.pug</code>, 这部分其实实质上就是一个 <code>svg</code> 文件，通过 <code>js<...

2024-10-30 厉飞雨 阅读(232) 评论(0) 赞(9)

<ol> <li> <p>安装插件，在博客根目录 <code>[Blogroot]</code> 下打开终端，运行以下指令：</p> <p>|-----------|-------------------------------------------------| | <code>...

2024-10-30 厉飞雨 阅读(91) 评论(0) 赞(6)

<h1>预览效果 {#预览效果}</h1> <p><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" /></p> <h1>实...

2024-10-30 厉飞雨 阅读(271) 评论(0) 赞(26)

<h1>引言 {#引言}</h1> <p>灵感来源于<a href="https://blog.eurkon.com/">eurkon</a>。单靠肉眼识别字体大小来判断标题等级不是件容易的事情，若 h1~6 标题使用不同图标的话，那么识别会容易许多。</p> <p>小插曲：...

2024-10-30 厉飞雨 阅读(188) 评论(0) 赞(13)

<ol> <li> <p>修改<code>&lt;BlogRoot&gt;\themes\butterfly\_config.yml</code>，其中<code>background_dark</code>参数为深色模式下的图片地址。</p> <p>|-...

2024-10-30 厉飞雨 阅读(152) 评论(0) 赞(12)

<ol> <li> <p>修改<code>&lt;BlogRoot&gt;\themes\butterfly\_config.yml</code></p> <p>|---------------------|------------------------------------...

2024-10-30 厉飞雨 阅读(126) 评论(0) 赞(13)

<h1>简介 {#简介}</h1> <p>Hexo是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。即把用户的markdown文件，按照指定的主题解析成静态网页</p> <h1>一、安装 {#一、安装}</h1> <...