前言突然间 SM.MS图床 的图片访问不了，同时也发现 https://s2.loli.net/ 也访问不了。通过百度找到了这篇文章：【经验分享】突然我的SM.MS的图床没法访问了（内附解决方法） ，从而解决了问题。
那么先进行排查，找出问题所在：
先确认下我的电脑是具有外网能力的：很简单，因为我都可以访问百度等网页内容
再用浏览器访问一下图片的URL地址，发现报错了，提示如下，错误是 对方关闭了链接，无法访问此网站
有了上面的报错，我决定排查一下 s2.loli.net 的网络畅通情况，这里使用 ping 命令，却发现所返回来的 IP地址 是 127.0.0.1
有了以上几个简单排查，我基本确认了，问题可能出在 域名解析 上面；可能是我的路由器网络偶尔抽风了，导致 s2.loli.net 域名的解析出问题了，所以图片对应的URL就无法访问，自然图片也就无法加载出来了。
解决有了上面的基础判断，基本思路就是想办法把 域名 s2.loli.net 解析到正确的IP上面。
这样就需要修改 C:\Windows\System32\drivers\etc\hosts 这个文件，而现在的关键 ...
博客相关
未读前言本文教程是来自Leonus所发布的文章，更加详细的可以前往哔哩哔哩卡片标签外挂中查看。
步骤新建 bilibili.js 文件在 [blogroot]\themes\butterfly\scripts\tag 下新建 bilibili.js 文件并粘贴如下代码：
123456789101112131415161718192021222324252627282930313233343536373839404142434445'use strict'let playIcon = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="icon"><path fill-rule="evenodd" clip-rule="evenodd" d=&q ...
前言本文教程是来自Leonus所发布的文章，更加详细的可以前往藏宝阁页面的实现中查看，并进行了些许改变。
预览页面：我的收藏
步骤新建 collect 页面通过如下命令生成 collect 页面：
1hexo new page collect
同时在生成的 index.md 文件中添加如下代码：
123456789101112131415161718192021222324---title: 藏宝阁date: 2023-09-13 01:07:21type: collectaside: falsetop_background: https://jsd.onmicrosoft.cn/npm/blogassert/covers/Ue8G9Z.jpg---<style>#page > h1{ display: none;}div#page { background: none !important;}.layout > div:first-child:not(.recent-posts){ bord ...
博客相关
未读前言本文教程是来自Leonus所发布的文章，更加详细的可以前往基于memos实现动态相册中查看。
预览页面：我的生活
步骤新建 photos 页面通过如下命令生成 photos 页面：
1hexo new page photos
同时在生成的 index.md 文件中添加如下代码：
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051<div class="author-content author-content-item single" style="background:url(https://jsd.onmicrosoft.cn/npm/blogassert/covers/wallhaven-2y8roy_1600x900.webp) left 28%/cover no-repeat"> <div class="card-content"> ...
/* 文章加密插件引起侧边栏目录 */
#aside-content #card-toc .toc-content{
margin: 0 !important;
}
#aside-content #card-toc .toc-content > * {
margin: 0 0px !important;
}
不知道为什么，在安知鱼主题文件夹进行 git pull 命令时，已提示成功更新，但是本地文件却未进行任何改变，目前（2023-08-29）也不知道要如何解决，所以才有这篇文章：在对安知鱼主题更新时，除了将 source 给复制过来，对安知鱼主题文件夹进行的魔改也需要进行整合，不然挺浪费时间的。
插件 需要的插件
cheerio：统计需要1npm install cheerio --savehexo-abbrlink：短链1npm install hexo-abbrlink --savehexo-algoliasearch：algolia搜索1npm install hexo-algoliasearc ...
前言看了 铭心石刻 的 首页背景图渐进式加载，解决卡顿难题 这篇文章开启了博客首页图片，还是挺不错的。
实现以本站使用的主题 anzhiyu 为例（butterfly通用），为首页顶部图配置渐进式加载。这个方法应该也同样适用于一图流的博客背景，有需要的朋友可以自己研究一下~
新建文件 source/js/imgloaded.js 新增以下内容，并按照注释调整图片路径
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899/** * @description 实现medium的渐进加载背景的效果 */class ProgressiveLoad { constructor(smallSrc, largeSrc) { this.smallSrc ...
前言当前的闲言碎语界面是参考 Leonus大佬 的文章 基于Memos实现说说和清单功能。 而成的。过程中数据显示不出来，大佬也通过远程控制我的电脑帮助我解决了问题，感谢大佬。
这里建议最好基于自身服务器进行部署。当然，我是通过 小N同学 的 memos纯公益代部署服务 获取 API 进行部署的，这里也有一些大佬们研究出使用 Zeabur 和 Railway 部署 memos。
部署通过命令 hexo new page memos 创建页面，并在 _config.anzhiyu.yml 的菜单里使这个界面可以通过点击进去。
用户ID的获取方法如下：
注册并登录 Memos
发布一条所有人可见的memos
点击探索接着点击用户名
我这里是使用 小N同学 的 Memos 的，所以这是我最终的 链接地址 ，出现数据就代表成功了
实现粘贴如下代码并按照注释修改内容即可。
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 ...
新建文件 [BlogRoot]\source\js\fps.js 并写入如下代码：
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051if (window.localStorage.getItem("fpson") == undefined || window.localStorage.getItem("fpson") == "1") { var rAF = function () { return ( window.requestAnimationFrame || window.webkitRequestAnimationFrame || function (callback) { window.setTimeout(callback, 1000 ...
参考自：黑夜霓虹灯2.0（纯CSS实现）
实现的原理就是关键帧线性插值，然后一直循环，这里默认是左上角标题、中间标题和副标题，还有文章页头的标题和信息有循环霓虹灯，菜单的文字实现起来要改一下源码，个人觉得没必要了
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117/* 日间模式不生效 */[data-theme="light"] #site-name,[data-theme="light"] #site-title,[data-theme="light"] #site-subtitle,[data- ...
前言本文教程是来自Fomalhaut所发布的文章，更加详细的可以前往夜间模式切换动画中查看。
步骤新建[BlogRoot]\themes\butterfly\layout\includes\custom\sun_moon.pug，这部分其实实质上就是一个svg文件，通过js操作它的旋转显隐，淡入淡出实现动画效果。
123456789svg(aria-hidden='true', style='position:absolute; overflow:hidden; width:0; height:0') symbol#icon-sun(viewBox='0 0 1024 1024') path(d='M960 512l-128 128v192h-192l-128 128-128-128H192v-192l-128-128 128-128V192h192l128-128 128 128h192v192z', fill='#FFD878', p-id='8420') ...
