控制台输出字符画-程序员的浪漫
不知道友友们逛 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 ...
博客食用须知！
初次拜访的友友们必看！🤝
搭建Hexo-WebStack网址导航
前言： 看此篇教程前请确保你曾搭建过 hexo 博客，有一定的经验。若是首次建站建议搭配其他博主Hexo 搭建博客教程一起食用，遇到一些基础问题多百度百度。 本教程推荐使用的软件： markdown 编辑器：Typora。代码编辑器：VSCode。代码管理工具：Git 碎碎念，搭建时的艰辛历程 我开始以为 webstack 可以通过像hexo new page xxx一样简单地直接加到博客导航栏里，但经过半天的实践发现没那么简单，再经过大量搜寻最后发现原来它是一个 Hexo 主题，就是一独立的网站，尽管自己已经看到它的文件名叫hexo-theme-webstack。在此之前我还寻思着，这怎么看也不像一个博客网站的 Theme，更像一个小网页，还消耗了我几天的时间去找搭建教程。首先我想吐槽，网上关于 WebStack 的教程本来就很少，而且 WebStack 它还有很多框架版本（本网址导航是 Hexo），就在海淘后零星的几个教程中，又全都是 WebStack config.yml参数配置讲解的教程，哎心累，但现在我终于 ...
我的第一篇博客
心中之 🔥 再次燃起今天是 2020-11-22，我决定开始写我人生中真正意义上的第一篇博客。说到博客，对我来说一直都是件很头疼的事情。第一次正儿八经地听说博客这个东西，是 19 年 10 月份的一个学院小讲堂上，当时主讲人小夏学长教我们如何搭建博客、更改主题等等知识，最后确实搭建成功了，开始还很欣喜，但觉着搭建博客是件非常麻烦耗时的事情，加上自己也是小白，没经验更没时间捣鼓，于是就放弃了一段时间。就在今年的 2 月份，我突然改变主意，感觉用 CSDN 写博客是个不错的选择，说实话它的使用感非常方便，毕竟别人什么都给你做了，你只需要上传你的博客即可，各大引擎都能搜索到你的文章，不用费劲等待各大引擎爸爸的收录，当然除了我那几天上传的 2 个博客以外，就再也没有上传过了，心有余而力不足，懒癌晚期 😤。直到近几天，学校的课程实在是学不进去，我突然心血来潮，就又开始花时间钻研捣鼓，惊讶的是很快就上手了，比如改主题，发博客，网站的美化和魔改等等都容易许多，可能随着自己知识的增加，有些之前遇到的难题就迎刃而解了。当前，我已把网站主题 Yilia 更改为 Butterfly，记得我花了很多时间在 ...
