对于刚部署好的Hexo博客当然是要选择一个合适的主题插件，当前看到比较流行的是这个Butterfly主题，于是决定也用一下试试看。看了下官方文档确实支持的内容挺多的，很多细节需要仔细核对文档并调整才能适用。

image-20230601182530608

  1. 安装Butterfly主题插件

    在Hexo博客工程根目录安装butterfly主题

    npm install hexo-theme-butterfly

    安装后如果出现css丢失，则需要补充安装渲染插件

    npm install hexo-renderer-pug hexo-renderer-stylus --save

  2. 调整使用主题

    安装完成后打开Hexo的配置文件_config.yml，将theme修改为butterfly

    image-20230530223735592

  3. 迁移默认配置

    找到node_modules中安装好的hexo-theme-butterfly

    image-20230530224140469

    拷贝其中的配置文件_config.yml到工程根目录并重命名成_config.butterfly.yml。

    image-20230530224211314

    后续调整butterfly的配置文件均在此文件中修改。Hexo会合并主题配置与原始根配置形成一套完整配置使用。

  4. 调整配置内容

    修改配置中的默认内容，例如网站名称，作者名称，域名，社交媒体分享地址等等（都在主配置中）

    修改主题相关的配置内容，例如主题顶部菜单，主题默认图片，博客评论系统等等（都在主题配置中）

  5. 持续优化修改相关细节

    继续参照Butterfly的官方文档细化修改其他配置，使得博客更加好用