网站维护日志

本页面是2024年1月30日之前在github-pages部署的静态博客的维护日志，搬到服务器之后就没再更新了，留作纪念

你永远可以相信店长和他的糖果屋：Akilarの糖果屋 – Akilar.top

感谢所有开源创作者。

{% timeline 2023,purple %} <!–timeline 12-16–>

发现unpkg的CDS大规模打不开，于是改成了七牛云 # The CDN provider of third party scripts (第三方 js 的 cdn 配置)
# option: local/jsdelivr/unpkg/cdnjs/custom
# when set it to local, you need to install hexo-butterfly-extjs
third_party_provider: custom
​
# Add version number to CDN, true or false  
version: false
​
# Custom format
# For example: https://cdn.staticfile.org/${cdnjs_name}/${version}/${min_cdnjs_file}
custom_format: https://cdn.staticfile.org/${cdnjs_name}/${version}/${min_cdnjs_file}
​

改完了发现fancybox依然有问题，在一个网页上找到一个国内自建cdn fancybox4插件JS和CSS码云地址 | 微言心语 (wuean.com)   fancybox_css_v4: https://wuean.com/js/fancybox4.0.css
  fancybox_v4: https://wuean.com/js/fancybox4.0.js

把51统计和灵雀删掉了。 把本页头部的calendar也去掉了。 因为”hexo-simple-mindmap”插件里的Unpkg也打不开了，且我不能自己更改，所以直接npm uninstall了。

这下流畅了，控制台一个报错都没有，舒服啊。

发现waline的文字乱码了，在C:\Eamons_blog\themes\butterfly\plugins.yml更改了wailine的版本到2.15.5

<!–endtimeline–>

<!–timeline 11-14–>

原来是在/theme/css/_custom/custom.css里面把各级标题的样式改成了直接显示H1~H6，今天觉得还是没有旋转的小风车好看，参照Hexo小标题旋转风车设置 | 花猪のBlog (cnhuazhu.top)改成了旋转小风车，同时在自定义css文件里注释掉了原来对标题易读的修改。

<!–endtimeline–>

<!–timeline 11-01–>

发现waline评论系统报错加载不出来了。后来搞清楚了是vercel里面的walineserver的Node.js版本不支持了，需要升级。https://yijile.com/log/505#:~:text=%E8%A7%A3%E5%86%B3%E6%96%B9%E6%B3%95%EF%BC%9A%E4%BF%AE%E6%94%B9%20Vercel%20%E4%B8%AD%20Node.js%20%E7%9A%84%E7%89%88%E6%9C%AC%201%20%E6%89%93%E5%BC%80%E4%BD%A0%E7%9A%84%E9%A1%B9%E7%9B%AE%202,Node.js%20%E7%89%88%E6%9C%AC%E8%AE%BE%E7%BD%AE%EF%BC%88Node.js%20Version%EF%BC%89%205%20%E7%82%B9%E5%87%BB%E7%89%88%E6%9C%AC%EF%BC%8C%E9%80%89%E6%8B%A9%2016.x%206%20%E7%82%B9%E5%87%BB%E4%BF%9D%E6%8C%81%EF%BC%88Save%EF%BC%89 已修复。

<!–endtimeline–>

<!–timeline 10-31–>

发现”网页维护日志”页面顶部的git-calendar失效了，懒得修了，直接关掉。# hexo-filter-gitcalendar
# see https://akilar.top/posts/1f9c68c9/
gitcalendar:
enable: true # 开关
priority: 5 #过滤器优先权
enable_page: # /posts/cb901750.html # 应用页面
# butterfly挂载容器
layout: # 挂载容器类型
  type: id
  name: post
  index: 0
# volantis挂载容器
# layout:
#   type: class
#   name: l_main
#   index: 0
# matery挂载容器
# layout:
#   type: id
#   name: indexCard
#   index: 0
# mengd挂载容器
# layout:
#   type: class
#   name: content
#   index: 0
user: EamonNKU #git用户名
apiurl: https://gitcalendar.fanyiming.life
minheight:
  pc: 280px #桌面端最小高度
  mibile: 0px #移动端最小高度
color: “[‘#e4dfd7’, ‘#f9f4dc’, ‘#f7e8aa’, ‘#f7e8aa’, ‘#f8df72’, ‘#fcd217’, ‘#fcc515’, ‘#f28e16’, ‘#fb8b05’, ‘#d85916’, ‘#f43e06’]” #橘黄色调
# color: “[‘#ebedf0’, ‘#fdcdec’, ‘#fc9bd9’, ‘#fa6ac5’, ‘#f838b2’, ‘#f5089f’, ‘#c4067e’, ‘#92055e’, ‘#540336’, ‘#48022f’, ‘#30021f’]” #浅紫色调
# color: “[‘#ebedf0’, ‘#f0fff4’, ‘#dcffe4’, ‘#bef5cb’, ‘#85e89d’, ‘#34d058’, ‘#28a745’, ‘#22863a’, ‘#176f2c’, ‘#165c26’, ‘#144620’]” #翠绿色调
# color: “[‘#ebedf0’, ‘#f1f8ff’, ‘#dbedff’, ‘#c8e1ff’, ‘#79b8ff’, ‘#2188ff’, ‘#0366d6’, ‘#005cc5’, ‘#044289’, ‘#032f62’, ‘#05264c’]” #天青色调
container: .recent-post-item(style=’width:100%;height:auto;padding:10px;’) #父元素容器，需要使用pug语法
gitcalendar_css: https://npm.elemecdn.com/hexo-filter-gitcalendar/lib/gitcalendar.css
gitcalendar_js: https://npm.elemecdn.com/hexo-filter-gitcalendar/lib/gitcalendar.js

<!–endtimeline–>

<!–timeline 06-27–>

fancybox的cdn失效了，检查后发现是路径问题，在C:\Eamons_blog\themes\butterfly\plugins.yml中做了修改。

<!–endtimeline–>

<!–timeline 03-06–>

安装了插件hexo-generator-index-custom，可以在文章front-matter加上hide: true来从首页隐藏了。我目前隐藏了一些转载的文章，这些只是想自己检索，并不想放在首页影响观感。

卸载了hexo-generator-index和hexo-generator-index-pin-top。

<!–endtimeline–>

<!–timeline 02-23–>

fancybox的cdn坏了，在主题配置文件的cdn options下面换了新的。

fancybox4插件JS和CSS码云地址 | 微言心语 (wuean.com)

<!–endtimeline–>

<!–timeline 02-18–>

对有序标签的颜色进行了修改。

<!–endtimeline–>

<!–timeline 02-14–>

对首页逼逼赖赖的轮播的CSS样式进行了调整，鼠标悬停时变蓝色加边框阴影。

<!–endtimeline–>

<!–timeline 02-10–>

调整了字体和字号，缩减了边框粗细，友链item加了白色背景条，删除了hover时的蓝色块。

<!–endtimeline–>

<!–timeline 02-06–>

删除了一些幼稚的文章。

<!–endtimeline–>

<!–timeline 02-05–>

修改了主题css文件中的黑暗模式样式，把背景深色遮罩给删除了。

更换了首页浅色和深色模式的头图。

优化了tabs外挂标签与背景的颜色适配。

<!–endtimeline–>

<!–timeline 02-03–>

修正了归档页面中标签和分类信息的显示，另起了一行右对齐；

将分类和标签页面的UI改成了index-ui；

冬天结束了，关闭了雪花效果。

<!–endtimeline–>

<!–timeline 01-30–>

把首页的封面图又打开了。用一些阉割版的网页AI绘图画了几张封面，OSS里面新建了一个叫cover的图片处理style.

Draft

6pen Art

<!–endtimeline–>

<!–timeline 01-24–>

Meting的api挂掉了，参考自建Meting服务 | SinzMise的小屋白嫖了人家的api。

<!–endtimeline–>

<!–timeline 01-13–>

参照Butterfly CDN链接更改指南，替换jsdelivr提升访问速度 | 张洪Heo (zhheo.com)换了一些cdn。

<!–endtimeline–>

<!–timeline 01-12–> 参照Gitcalendar | Akilarの糖果屋和Github 页面改版，更新 regex 规则 by zkeq · Pull Request #5 · Zfour/python_github_calendar_api在网站维护日志 | Eamon ‘s Blog页面顶部加了git-calendar. <!–endtimeline–>

<!–timeline 01-11–> 参照https://akilar.top/posts/d2ebecef/ 和糖果屋微调合集 | Akilarの糖果屋 加了阿里iconfont图标，在大量pug文件中进行了一通乱改，从此失去了升级主题的可能。 <!–endtimeline–>

<!–timeline 01-10–>

• 我的首页Ispeak滚动条出了一个bug，每通过点击博客标题进入一次首页，bbtalk.js就会被重载一次（我已经确认没有手动加过pjax），导致的结果是，条目滚动的速度越来越快，因为里面有一个setInterval函数，规定了每间隔3秒滚动一次。当bbtalk.js重载时，就会有多个setInterval函数同时进行。为了解决这个问题，我设置了一个全局变量用于初始化。全局变量记录setInterval的返回值，然后再setInterval函数之前，运行一次clearInterval，就解决了这个问题。clearInterval(window.EamonIspeakInit);
  EamonIspeakInit=setInterval(Roll, 3000);
• 参照随机访问一篇文章的实现 | Leonus在顶栏加了随机文章按钮。
• 设置了根据日间和夜间模式自动更换默认封面//根据日间和夜间模式自动更换默认封面
  var zzz= $(“#page-header”).css(“background-image”);
  if(zzz == ‘url(“https://eamonimgbed.oss-cn-beijing.aliyuncs.com/cover/default_top_light.webp”)’ && (document.documentElement.getAttribute(‘data-theme’) === ‘dark’))
  {
  $(“#page-header”).css(“background-image”,function(){return ‘url(“https://eamonimgbed.oss-cn-beijing.aliyuncs.com/cover/default_top_dark.webp”)’})
  }
  if(zzz == ‘url(“https://eamonimgbed.oss-cn-beijing.aliyuncs.com/cover/default_top_dark.webp”)’ && (document.documentElement.getAttribute(‘data-theme’) === ‘light’))
  {
  $(“#page-header”).css(“background-image”,function(){return ‘url(“https://eamonimgbed.oss-cn-beijing.aliyuncs.com/cover/default_top_light.webp”)’})
  }

<!–endtimeline–>

<!–timeline 01-09–>

首页副标题随机一句话，暴力修改了[Blog_Root]\themes\butterfly\layout\includes\third-party\subtitle.pug的内容，subtitle.json储存在source目录下。+- let Eamonsubtitle = “呵呵呵”
default
  – subContent = subContent.length ? subContent : new Array(config.subtitle)
  script.
    function subtitleType () {
      if (!{effect}) {
        window.typed = new Typed(“#subtitle”, {
–           strings: !{JSON.stringify(subContent)},
+           strings: [Eamonsubtitle],
          startDelay: 300,
          typeSpeed: 150,
          loop: !{loop},
          backSpeed: 50
        })
      } else {
        document.getElementById(“subtitle”).innerHTML = ‘!{subContent[0]}’
      }
    }
​
–     if (!{effect}) {
–       if (typeof Typed === ‘function’) {
–         subtitleType()
–       } else {
–         getScript(‘!{url_for(theme.asset.typed)}’).then(subtitleType)
–       }
–     } else {
–       subtitleType()
–     }
+     function loaddoc(){
+       var xhttp = new XMLHttpRequest();
+       xhttp.onreadystatechange = function(){
+       var jsona = [“哈哈哈”,”嘿嘿嘿”];
+       var jslength = 0;
+         if(this.readyState == 4 && this.status == 200) {
+           jsona = JSON.parse(this.responseText);
+           jslength = 0;
+           for(var x in jsona){
+             jslength++;
+           }
+           if (!{effect}) {
+             if (typeof Typed === ‘function’) {
+               subtitleType()
+             } else {
+                 getScript(‘!{url_for(theme.asset.typed)}’).then(subtitleType)
+               }
+           } else {
+               subtitleType()
+             }
+           var random_no = Math.floor(Math.random()*100000%jslength);
+           Eamonsubtitle = jsona[random_no];
+         }
+       }
+       xhttp.open(“GET”, “/subtitle.json”, true);
+       xhttp.send();
+     }
+     loaddoc();

subtitle.json格式如下：[
“火影，是没有捷径可走的。”,
“说道做到，这就是我的忍道！”
]

---

参照添加雪花飘落背景效果 | WRM (wrmxx.github.io)加了雪花飘落特效。

<!–endtimeline–>

<!–timeline 01-08–>

对各级标题的展示、浅色和深色模式的样式（包括背景、卡片颜色等）、页脚样式进行了修改。

参照butterfly文章顶部添加波浪效果 | 安知鱼 (anzhiy.cn)实现了文章顶部波浪效果。

学习了一点点JS函数，在顶栏博客标题右边加了一个连锁音乐开关的按钮。

<!–endtimeline–>

<!–timeline 01-07–>

卸载了hexo-swiper-bar，使用hexo-butterfly-swiper，参考Swiper Bar | Akilarの糖果屋，优势是pjax适配。

学习了Butterfly的Pjax适配方案 | Akilarの糖果屋和pjax无法生效解决办法，butterfly主题维护你的pjax | 张洪Heo (zhheo.com)，把Echarts和Ispeak的Pjax适配自己弄好了，现在Aplayer可以全站播放了。

参照首页 (yyyzyyyz.cn)和朋友圈 | Black Flies (yyyzyyyz.cn)设置了友链朋友圈，管理密码是电脑锁屏密码。

<!–endtimeline–>

<!–timeline 01-06–>

依靠CSS样式修复了首页轮播图在IOS端出现大片空白页的问题（我想吐槽，我像小鸡啄米一样花了二十个小时时间搞这个小bug）。

修改了手机样式下的CSS布局，把空间利用加大了。

参照使用gulp压缩博客静态资源 | Akilarの糖果屋使用gulp对静态资源包括ZhuZiAWan字体进行了压缩。

参照hexo自动更新文章修改时间 | Black Flies (yyyzyyyz.cn)解决了github actions自动部署后文章更新日期失效的问题。

删除了一些文章。

参照为hexo博客添加全局aplayer播放器 | Nobilta’s Blog和https://music.163.com/playlist?id=2949465538&userid=1963062530 加了音乐播放器。

<!–endtimeline–>

<!–timeline 01-05–>

参照Heo同款loading动画 | 安知鱼 (anzhiy.cn)改了loading动画。

参照关于Butterfly的导航栏的一些教程 | Ariasakaの小窝 (yisous.xyz)进行了顶栏居中。关闭了天气插件。

参照Butterfly 推荐文章增加文章描述 | Eurkon添加了推荐文章描述。

参照Categories Magnet | Akilarの糖果屋在分类页面加了磁贴。

<!–endtimeline–>

<!–timeline 01-04–>

参照在butterfly主题中添加rss订阅 | 老猫的博客 (dclef.icu)添加了RSS订阅。

参照Hexo博客 | 动态分类标签条，自动获取全站分类与标签进行展示 | Justlovesmile’s BLOG和Butterfly魔改：动态分类条，可以根据页面变化而改变的分类列表展示方式 | 张洪Heo (zhheo.com)添加了分类和标签条。

参照Hexo Butterfly宽屏适配指北 | Ariasakaの小窝 (yisous.xyz)对页面进行了加宽。

<!–endtimeline–>

<!–timeline 01-03–>

使用hexo-butterfly-article-double-row将首页改为双栏显示，关闭了首页meta信息对tags和description的显示，在/css/custom@1.0.1.css中对修改双栏后出现的页码不居中问题进行了修改。修改首页显示一页20篇文章标题。（逐渐从发里福啸向极简风格靠拢）

将音乐、相册、iSpeak页面从首页菜单栏移除，放在了About里面。

参照Butterfly 标签云增加文章数上下标 | Eurkon给标签样式做了修改。

参照Hexo 博客文章统计图 | Eurkon增加了Charts统计页面，在首页菜单取代了归档页面。

修改隐藏侧边栏时的文章主体宽度为铺满屏幕空间

<!–endtimeline–>

{% endtimeline %}

{% timeline 2022,purple %}

<!–timeline 12-31–>

关闭了豆瓣电影和书籍页面，修改了关于页面的内容，主题语言改为中文。

关闭了/bb/页面的Pjax，解决了有时需要刷新一次才能显示的问题。

<!–endtimeline–>

<!–timeline 11-11–>

申请加入了“开往”项目，这个项目的提出者真的浪漫啊

<!–endtimeline–>

<!–timeline 11-07–>

设置了github actions自动部署，小三句换成下面这个了

git add . && git commit -m “github action update” && git push origin main

抄了一个Timer页面: https://fanyiming.life/timer.html/

<!–endtimeline–>

<!–timeline 10-30–>

维护了一些友链和首页轮播

<!–endtimeline–>

<!–timeline 09-24–> 之前遇到过一些pdf或者图片打不开的问题，（尤其在ipad上），当时修改了meta里的跨域什么的，后来发现好像不用，把oss链接的http换成https就好了。

修复了ios和android端STIiti字体无法显示的问题（手动加了字体包）

<!–endtimeline–>

<!–timeline 09-22–> 添加了一个新的图片处理的style，叫“screenshots”，topora默认上传后带上x-oss-process=style/screenshots <!–endtimeline–> <!–timeline 09-20–> 按照小康先生的ispeak示例中的css样式调整了bb页面的展示方式。不过，还是没有解决有时需要刷新一下才能显示的问题。 安装了hexo-pdf，可以用{% pdf https://xxxxx.pdf %}的标签来添加页面内展示的pdf了，并且防盗链不允许空referrer也可以显示。

想把ZhuZiAWan.woff2上传到oss上的，但是这样会请求404，不过好像没有那个字体也不丑，就先这样吧。

<!–endtimeline–>

<!–timeline 09-10–> 新建了gallery页面，OSS里储存的原图，放出来的url后缀里面加了图片处理，输出80%画质的webp格式图片，右下角带水印，高度强制为400px（不限制高度的话在ipad上太高的图会看不到下面的字幕），锐化100。 模糊标签做了3个不同的模糊程度 <!–endtimeline–>

<!–timeline 09-10–> 打开了自动截取摘要的功能。把首页的摘要部分从显示2行，改成显示4行了。把首页的封面图取消了（一是看多了觉得不够简洁，二是省点流量费）。把post和draft的saffold里面修改图片默认大小的哪一行style标签给删掉了，因为它会出现在摘要部分里面。 安装了文档加密插件hexo-blog-encrypt <!–endtimeline–>

<!–timeline 09-05–> 之前custom.css不能inject的原因应该是css的注释方式弄错了（应该是/**/），现在没问题了。修复了归档页翻页按钮错位的问题（经查是修改首页翻页按钮时连带的错误）。修复了aplayer需要刷新一次才有东西的bug（直接ban了butterfly里的aplayer和meting，自己在music界面引入了css和js文件。 <!–endtimeline–>

<!–timeline 08-26–> vercel应用的默认域名被强了，给kkapi和后台设置了新的自定义域名https://kkapi.fanyiming.life/ 和 https://kkadmin.fanyiming.life/ ，同时waline服务端的域名改成了https://walineserver.fanyiming.life/ <!–endtimeline–>

<!–timeline 08-21–> 正文采用筑紫a圆字体。 <!–endtimeline–>

<!–timeline 08-16–> 参照Leonus整了小康的ispeak，卸载了artitalk。 加了双栏显示，不过觉得不好看在配置里面关了。 About页面开头加了一封信。 <!–endtimeline–>

<!–timeline 08-15–> 网站底部添加运行时间。 添加hexo-arrblink插件，修改了所有posts的permalink。 <!–endtimeline–>

<!– timeline 08-14 –> 参照这篇文章在侧边栏增加了碎碎念一栏。 增加了首页置顶文章轮播。（front-matter里的swiper-desc必须有东西，可以加全角空格） 在主题配置文件中把bbtime和artitalk页面的pjax给ban掉了。 <!– endtimeline –>

<!– timeline 08-12 –> 发现在/head前面inject的custom@1.0.0.css失效了，在配置完PWA后，不知怎么解决。 增加了hexo-butterfly-douban插件同步电影和读书页面。 添加PWA功能，现在可以当APP使用了。 <!– endtimeline –>

<!– timeline 08-11 –> 添加了music页面，同步了我的四个网易云歌单。 <!– endtimeline –>

<!– timeline 08-10 –> 博客从github-pages同步到vercel，域名解析到vercel。 <!– endtimeline –>

<!– timeline 08-09 –> 更换为butterfly主题。 既国际版共享域名在中国停止使用后，leancloud的国内共享域名也失效了。bbtalk功能暂停（目前翻墙可以看到，不过这样就没意思了）。 <!– endtimeline –>

<!– timeline 08-07 –> 在bbtime界面添加了随机出现一句话的功能。 <!– endtimeline –>

<!– timeline 03-25 –> 博客上线，hexo框架，NexT主题，搭载在github-pages上。 使用waline评论系统，vercel服务器，leancloud（国际版）为数据库。 添加了bb-talk功能，leancload（华北）为数据库。 <!– endtimeline –>

{% endtimeline %}