安装butterfly

  1. 运行git clone https://github.com/jerryc127/hexo-theme-butterfly themes/butterfly
  2. 打开_config.yml找到这一行theme: landspace然后将landspace替换butterfly
  3. 安装插件cnpm install hexo-renderer-pug hexo-renderer-stylus
  4. 安装插件cnpm install --save hexo-renderer-jade hexo-generator-feed hexo-generator-sitemap hexo-browsersync hexo-generator-archive

为了以后升级方便，这里不推荐直接对主题的配置文件进行修改，而是复制配置文件进行修改。个人推荐把主題的配置文件_config.yml复制到 Hexo 工作目录下的source/_data/butterfly.yml，如果目录不存在那就创建一个。

butterfly主题魔改

自己一开始动手做的时候大部分都参考Dreamy.TZK的博客

Hexo安装并使用Butterfly主题

但是改到后来就越来越觉得，版本问题导致的主题修改不兼容，问题实在很大。甚至到后来想要获得自己的预期效果时，已经不得不去在源代码上下手，因为还没有学过前端，改的属实面目全非。

Tips

这里只能为想要自己动手改的小伙伴一些建议，比如想修改文章页，可以结合浏览器的开发者工具来找到相应的参数，来修改对应的值。

Butterfly主题安装和魔改/Untitled.png

Butterfly主题安装和魔改/Untitled%201.png

相册的使用

https://blog.ahzoo.cn/2020/07/20/b7201/

关于文章中插入图片

先把hexo的配置文件中的 relative_link 参数确保为false。否则会导致butterfly各分页面的链接错乱

image-20201231210020980

把每个文章开头部分加一个参数 relative_link: true。使每个文章部分遵从相对位置的引用，这样可以将文章的图片，不仅在typora或是在服务器上，都能够实时看到自己文章图片引用的效果。

image-20201231205840731

image-20201231210339382

关于分类管理_post下的文章

主要参考如何在Hexo中对文章md文件分类

现在文章中的permalink:参数会完全覆盖_config.yml中的设置，要注意。

后面应该还会慢慢更新一些有用的东西~