blog界面升级

美化

参考内容：唐志远の博客

添加基础菜单

主题配置文件D:\myblog\themes\butterfly_config.yml

menu:
  首页: / || fas fa-home
  时间轴: /archives/ || fas fa-archive
  标签: /tags/ || fas fa-tags
  分类: /categories/ || fas fa-folder-open
  清单||fa fa-heartbeat:
    音乐: /music/ || fas fa-music
    照片: /Gallery/ || fas fa-images
    电影: /movies/ || fas fa-video
  友链: /link/ || fas fa-link
  关于: /about/ || fas fa-heart

增加加载动画

增加看板娘

更改字体

参考【Hexo-Butterfly】字体修改

1. 在themes/butterfly/source/下创建font文件夹，将下载好的字体放入font
2. 在themes/butterfly/source/css/下创建font.css

   @font-face{
       font-family: 'FiraCode';
       font-display: swap;
       src: url('../font/筑紫A丸 JetbrainsMono字体.ttf') format("truetype");
   }
   
   body {
       font-family: '筑紫A丸 JetbrainsMono字体';
   }

3. 将FiraCode加入code-font-family，重新generate即可

   # Global font settings
   # Don't modify the following settings unless you know how they work (非必要不要修改)
   font:
     global-font-size:
     code-font-size:
     font-family: 筑紫A丸 JetbrainsMono字体, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Lato, Roboto, "PingFang SC", "Microsoft JhengHei", "Microsoft YaHei", sans-serif
     code-font-family: FiraCode, consolas, Menlo, "PingFang SC", "Microsoft JhengHei", "Microsoft YaHei", sans-serif

   231