新建CSS样式在BlogRoot/node_modules/hexo-theme-butterfly/source/css文件下新建 CSS 文件，并命名为 lantern.css( 当然名字随便取，只要在主题配置文件中引入对应的CSS文件即可 )，将以下代码复制到新建的lantern.css中...

安装依赖。前往博客根目录，打开cmd命令窗口执行npm install hexo-generator-search --save。

其次选择分享模型：Floating、Inline、Expanding、Image Sharing、Popup、Banner、Slider。每种模型的效果如下：

关于这些在线聊天的工具，主题提供了一个按钮可以打开/关闭聊天窗口，这个聊天按钮将会出现在右下角里。你只需要把chat_btn打开就行。

在BlogRoot/node_modules/hexo-theme-butterfly/layout/includes文件夹下新建一个right-menu的文件夹，在此文件夹下新建一个index.pug文件。具体位置如下图：

2021-04-27 butterfly3.4.0 -> butterfly3.7.1

修改网站各种资料，例如标题、副标题和邮箱等个人资料，请修改站点配置文件_config.yml。部分参数如下，详细参数可参考官方的配置描述。

Front-matter 是 markdown 文件最上方以---分隔的区域，用于指定个别档案的变数。

阅读本篇前，请确保已经完成下面两篇文章的步骤：基于 Hexo 从零开始搭建个人博客（一）基于 Hexo 从零开始搭建个人博客（二）前言博客搭建过程遇到任何问题，优先在本页面搜索，检查是否已经有该配置教程。遇到问题可以优先在文章评...

如果在搭建博客中遇到什么问题 ，请在 评论区 留言 ，我会在第一时间内帮助您解决问题 。