魔改友人帐
前言转载自：给butterfly添加不一样的友链
效果预览
魔改步骤
在Blog根目录下打开终端，输入
1hexo new page link
打开[Blogroot]\source\link\index.md,添加一行type: 'link':
12345---title: 友人帐date: 2020-12-01 22:19:45type: 'link'---
新建文件[Blogroot]\source\_data\link.yml，输入：
注：样式可选择，以下均使用flexcard，butterfly样式可以自行体会
1flink_style: flexcard || butterfly
12345678- class_name: 推荐博客 flink_style: flexcard link_list: - name: 快乐小凳凳`Blog link: https://www.dqywy.top/ ...
首页添加玩具飞机
前言转载自：飞只因太美，给你的首页装上吧！
效果预览
步骤在BlogRoot/themes/butterfly/layout/includes/header文件夹下新建一个plane.pug文件具体位置如下图：
将以下代码复制到文件中。
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214 ...
全局修改博客字体
前言参考自：Butterfly 如何优雅的改字体
效果预览
实现步骤下载字体推荐网站：字体天下
下载字体并解压得到ttf文件
引入字体新建fonts文件夹：Blog根目录\themes\butterfly\source\fonts，将ttf文件移到该文件夹
打开Blog根目录\source\css\custom.css，缺少的文件或文件夹直接新建即可，写入下列代码
注：font-family支持自定义名称；不要忘记修改src!
123456/* 字体样式 */@font-face { font-family: 'ziti'; font-display: swap; src: url('/fonts/MaoKenZhuYuanTi-MaokenZhuyuanTi-2.ttf') format("truetype");}
打开主题配置文件_config.butterfly.y ...
页脚美化
前言转载自：Fomalhaut同款页脚
效果预览
注：框出来的徽标可以自行制作，参考页脚徽标制作
实现步骤
将[BlogRoot]/themes/butterfly/layout/includes/footer.pug替换成如下代码这块东西分为几个部分，一个是以#ft为块的DOM，其中分为了格言、猜你想看、推荐友链三部分，参考图中的位置结合自己的喜好进行修改即可，图像、文字和链接均替换成你自己的（记住不要用我的链接！！！）；if theme.footer.owner.enable起这一块是主题指定的信息版权信息，我把主题配置项的copyright和custom_text这两项留空了，因此只会显示©2022 By Fomalhaut🥝；再然后就是#workboard这块，这块的信息由js逻辑写入与更新，可以自定义；最后是p#ghbdages这块，是徽标显示，大家可以到shields.io按照自己的信息生成（不要用我的！！！）:
1234567891011121314 ...
页脚徽标制作
实现网站徽标在线制作网站(已经和下面的图片不一样了，但是不用网站也可以实现徽标制作)
原版界面
制作方式复制下列url到浏览器
1https://img.shields.io/badge/Frame-Hexo-blue?logo=Hexo&style=plastic
你应该会看到这样的徽标：
在url进行修改：
改图标(对应图片里面最左边的H)：图标查询，图标名称直接使用simpleicons网站中的名称，填在logo=后面
改内容：
Frame->徽标左侧内容，即Frame
Hexo->徽标右侧内容，即Hexo
改颜色：将blue改为原版界面图片中的任意颜色名字即可
得到满意的效果后将url填入img的src中即可
1img(src="https://img.shields.io/badge/Frame-Hexo-blue?logo=Hexo&style=plastic" alt=' ...