博客二周年纪念
时间都去哪了？明明才写完《一周年纪念》怎么第二年这么快到了。。。那我就继续意识流行文叭 回顾去年第二年呢，其实在博客上花的时间比去年较少，以前的我可能和博客的样式杠上了，成天没日没夜地美化魔改，可能现在新鲜感过了吧，目前我看到哪个地方有些小不和谐，我心想：凑合着用用算了，目前我的心态发生了一些变化，也挺好，博客确实文章更重要。对于我来说，博客更新速度和我的学习成果有一定联系，我发现如果学习不做笔记的话，我一定会把知识忘得一干二净，像 HTML、CSS、JavaScript，我明明2020年左右的时候在网上自学过，但是用起来发现，大多数都忘记了，所以我不得不额外花时间去重新记笔记，何况我现在在留学，这里的时间可谓是一寸光阴十寸金，一天啥事不干，你会发现哇塞一千RMB又被干没了。无论如何，大家学习的时候一定要记得做笔记。作为学计算机的，我发现我的 iPad Pro 貌似用不出它大部分的价值，以前想着做做笔记，打打草稿，现在发现博客基本就够了，iPad 最多是打草稿和看上课 PPT 的，于是真就买前生产力，买后哔哩哔哩，我有时索性直接用 iPhone 看视频，因为iPad有些重不方便单手 ...
Butterfly主题侧边小组件——土味情话
前言：逛了逛Eurkon的博客，看着那微博热搜侧边栏突然灵机一动，本想整一个随机笑话侧边小组件，奈何找免费 API 时先看到了土味情话，不错，很符合我的胃口，于是有了以下教程 预览效果 教程 新建<BlogRoot>\themes\butterfly\source\js\custom\cheesy_pick-up_lines.js 1234567891011121314151617function cheesy_pick_up_lines() { let html = ""; for (let i = 0; i < 3; i++) { fetch("https://api.vvhan.com/api/love") .then((data) => data.text()) .then((data) => { html += ...
博客一周年纪念-Butterfly主题
收获不知不觉，使用 Butterfly 主题整整一年了，还记得 2020-11-13 我还在因为终于会搭建博客和终于选到非常喜欢的博客主题而开心。从刚开始穿梭于各大博主评论区里问问题 到 目前已收获很多访客对我站的认可，这些都见证了我的进步与收获。这一年中，很幸运遇到了很多优秀的博客大佬，尤其忘不了Akilar和Heo这两位博主。记得我刚进 Akilar 自建的 QQ 群时大概四十来人，而如今有两百多个人了。起初我还是个博客小白，遇到问题经常会在群里询问，但现在我能用一点薄弱的前端能力去更改网站外貌了，期间也写了一些 Butterfly 主题相关的美化魔改教程。然后，本站 UI 风格的设计灵感很大程度上来源于 Heo，一个我认为很优秀的产品设计师，他网站的 UI 非常简约且不失色彩的活泼，浏览体验非常好。其实一开始我还很不理解为什么他网站里很多厉害的美化魔改不写成教程，毕竟此前我已看习惯了 Akilar 的“保姆教程”，而 Heo 则是主张大家遇到喜欢的设计自行 F12 扒取，诚然，现在无论是扒取样式还是自己设计样式的能力都有了一定的提升，可能随之带来的影响就是有段时间突然掀起来扒 H ...
控制台输出字符画-程序员的浪漫
不知道友友们逛 B 站时有没有注意到它控制台输出的字符画（正经人逛 B 站谁会按 F12），看完我瞬间嘴角上扬数秒。字符画如彩蛋般的出现在眼前，还能丰富网站的维度，一个优秀的网站也许在某个不起眼的角落也能带给你惊喜。 食用教程前，建议先看一下《教程&笔记常量申明》，且所有修改对缩进格式等有严格要求。 话不多说，let's get started! 教程 - Butterfly Blog 该章节针对 Butterfly 主题博客 新建 JS 文件<Custom>.js，代码模板如下，懂 JS 的友友可以自定义改。 12345678910111213if (window.console) { Function.prototype.makeMulti = function () { let l = new String(this); l = l.substring(l.indexOf("/*") + 3, l.lastIndexOf("*/")); return l; ...
Butterfly主题外挂标签（个人常用）
参考教程：糖果屋教程贴https://akilar.top/posts/615e2dec/ 引用 Noteno-icon 样式语法 👇 12345678910111213{% note no-icon %}{% endnote %}{% note blue no-icon %}{% endnote %}{% note pink no-icon %}{% endnote %}{% note red no-icon %}{% endnote %}{% note orange no-icon %}{% endnote %}{% note purple no-icon %}{% endnote %}{% note green no-icon %}{% endnote %} 对应效果 👇 蝉鸣是窗外渐渐倒数的钟 ...
Butterfly主题美化魔改集锦
本着避免重复造轮子的原则，该教程记录了博主部分对网站的原创自定义美化魔改，同时也包括 f12 扒取其他优秀博主样式的部分。 食用教程前，建议先看一下《教程&笔记常量申明》，且所有修改对缩进格式等有严格要求。 点击查看更新日志 更新日志2022-6-30优化了【首页置顶文章轮播组件】，采用模板方式调用_data 文件夹里 yaml 文件的数据2022-3-16侧边小组件——土味情话2022-3-08光标框选文字颜色2021-8-12侧边 Sticky 组件随页面上下滚动而微移的 Bug2021-6-14首页置顶文章轮播组件2021-6-03更改文章 h1~6 级标题前 icon 图标2021-4-30右下角返回顶部按钮2021-4-28深浅模式下分别使用不同网站背景首页公告栏轮播组件 深浅模式下分别使用不同网站背景 修改<BlogRoot>\themes\butterfly\_config.yml，其中background_dark参数为深色模式 ...
Hexo和Git相关问题记录合集
记录了从博主19年搭建博客以来，使用过程中遇到和Hexo、Git相关问题的解决方案。
如何自定义美化魔改？
超长前言： 友友们看了那么多教程或许已经有了自己 DIY 的想法，开始对其他博主美化魔改教程有了自己的认知和理解，或者想按照自己的审美来改，但却又无从下手，没有思绪，本篇就给博客新人们分享下经验思路，涨涨姿势，早日脱离美化魔改的苦海。（本篇仅针对Butterfly 主题，其它主题的友友们仅供参考噢） 美化魔改虽说比较费时费力，但能看到最终效果还是能令人开心一整天。但过度沉迷于美化魔改之中，有些违背搭建博客的初衷，其实博客是用来分享、记录知识的一个载体，在美化魔改上所花的时间应远少于在文章上的。可是不经历乘风破浪怎能返璞归真？传统功夫点到为止，咋们开始吧！ 美化魔改是什么？美化指的是使博客外观更加好看，一般是对 css、styl 样式文件的更改。 魔改指的是对博客源码的更改，通常会更改布局框架的结构，其中我认为魔改包含了美化。 两者的区别：美化通常不用改源码，只需更改自定义插入的样式代码，而魔改则需要更改源码。 魔改的缺点是主题升级后，魔改的地方都会被更新后的代码给覆盖，重新魔改一遍很麻烦，所以我建议升级的时候可以按照 GitHub 上源码的版本对比功能来一点一点更新代码。 自定 ...
Butterfly博客二创集锦
前言： 本篇是使用其他优秀博主教程时延申出来的 idea。目前有很多 Butterfly 主题美化魔改教程，此篇就不重复造轮子。本篇将记录值得的二创瞬间。建议先看教程原贴，因为本篇是原教程的拓展延伸。 点击查看更新日志 更新日志2021-5-26404 页面魔改（适配 butterfly 3.7.7 版本）2021-5-9404 页面魔改2021-4-17svg 图标旋转效果2021-4-16横版导航栏二级菜单偏移量修正2021-4-11社交图标使用多色 svg2021-4-10Gitcalendar 样式微调哔哔 bber 发布时间格式 食用教程前，建议先看一下《教程&笔记常量申明》，且所有修改对缩进格式等有严格要求。 Gitcalendar 样式微调 预览效果 教程原贴https://akilar.top/posts/1f9c68 ...
我的第一篇博客
心中之 🔥 再次燃起今天是 2020-11-22，我决定开始写我人生中真正意义上的第一篇博客。说到博客，对我来说一直都是件很头疼的事情。第一次正儿八经地听说博客这个东西，是 19 年 10 月份的一个学院小讲堂上，当时主讲人小夏学长教我们如何搭建博客、更改主题等等知识，最后确实搭建成功了，开始还很欣喜，但觉着搭建博客是件非常麻烦耗时的事情，加上自己也是小白，没经验更没时间捣鼓，于是就放弃了一段时间。就在今年的 2 月份，我突然改变主意，感觉用 CSDN 写博客是个不错的选择，说实话它的使用感非常方便，毕竟别人什么都给你做了，你只需要上传你的博客即可，各大引擎都能搜索到你的文章，不用费劲等待各大引擎爸爸的收录，当然除了我那几天上传的 2 个博客以外，就再也没有上传过了，心有余而力不足，懒癌晚期 😤。直到近几天，学校的课程实在是学不进去，我突然心血来潮，就又开始花时间钻研捣鼓，惊讶的是很快就上手了，比如改主题，发博客，网站的美化和魔改等等都容易许多，可能随着自己知识的增加，有些之前遇到的难题就迎刃而解了。当前，我已把网站主题 Yilia 更改为 Butterfly，记得我花了很多时间在 ...
