4-5 首页词条
🖼 所有搭建博客的汇总在这里：Blog全程搭建
没做，有空再写
4-4 统计图表
🖼 所有搭建博客的汇总在这里：Blog全程搭建
1、下载插件1npm i hexo-butterfly-charts --save
2、配置主题配置文件123456789101112charts: enable: true # 是否启用功能 postsChart: title: 文章发布统计 # 设置文章发布统计的标题，默认为空 interval: 0 # 横坐标间隔 tagsChart: title: Top 10 标签统计 # 设置标签统计的标题，默认为空 interval: 0 # 横坐标间隔 postsCalendar_title: 文章发布日历 # 设置发布日历的标题，默认为空 categoriesChart_title: # 设置分类统计的标题，默认为空 categoriesRadar_title: # 设置分类雷达的标题，默认为空 echarts_CDN: https://lib.baomitu.com/echarts/4.7.0/echarts.min.js
3、在各页面配置归档页发布日历、发布统计分类页统计图、雷 ...
4-3 优化标签样式及标签页
🖼 所有搭建博客的汇总在这里：Blog全程搭建
没做，有空再写
4-2 阿里云矢量图标库
🖼 所有搭建博客的汇总在这里：Blog全程搭建
iconfont图标库地址：iconfont-阿里巴巴矢量图标库
简单来说就是选购—>添加到新项目—>在项目中使用css引用—>配置博客inject项和图标
本文给出最最最稳妥的配置方法，不会报错
1、彩色图片要求项目图片少于40张，多于40张项目自动转换成灰度图，
2、引入图标请用Font Class / Symbol样式，且在图片前加iconfont。
1、购买任意图标点击图标，添加购物车，把图标购买入项目，没什么难点，可以参考这个的前三张图https://blog.csdn.net/qq_61838643/article/details/132211431
2、找到我的图标点击上方资源管理—>我的图标
3、打开项目配置
4、打卡彩色图像配置
5、点击下载到本地
6、解压文件
7、拷贝文件到指定目录，并在Butterfly配置文件中引入
8、编辑相关内容使用图标1234567891011121314151617181920212223242526menu: ...
4-1 多级标题标题风车图标
🖼 所有搭建博客的汇总在这里：Blog全程搭建
这个风车毋庸置疑的豪看，挺符合我的审美的（在没有平替的情况下）
在主题配置文件打开页面美化
123456# 美化页面显示beautify: enable: true field: site # site/post title-prefix-icon: '\f863' title-prefix-icon-color: "#F47466"
1、配置css在主文件夹下的source/css/文件夹下新建color@1.0.0.css和custom@1.0.0.css两个文件夹
color@1 ...
3-5 Anzhiyu进阶配置（2）
🖼 所有搭建博客的汇总在这里：Blog全程搭建，示例🚀dev.ruiqingyan.com。
🌺 之后所有的操作都在Webstrom进行，需要的可以点进去看看
🌻 参考 Anheyu’s docs，用更多相关问题请看官方文档
目前没有好好做，之后闲的话可能会完善，我还是喜欢现在这个博客，anzhiyu主题有一些不适配的地方，也有一些新的更新，各有利弊吧。
进阶配置 🚀
评论开启评论需要在 comments-use 中填写你需要的评论。
支持双评论显示，只需要配置两个评论（第一个为默认显示）
yml
12345678910comments: # Up to two comments system, the first will be shown as default # Choose: Valine/Waline/Twikoo/ use: Twikoo,Waline # Twikoo/Waline text: true # Display the comment name next to the button # lazyload: The commen ...
3-5 Anzhiyu进阶配置（1）
🖼 所有搭建博客的汇总在这里：Blog全程搭建，示例🚀dev.ruiqingyan.com。
🌺 之后所有的操作都在Webstrom进行，需要的可以点进去看看
🌻 参考 Anheyu’s docs，用更多相关问题请看官方文档
目前没有好好做，之后闲的话可能会完善，我还是喜欢现在这个博客，anzhiyu主题有一些不适配的地方，也有一些新的更新，各有利弊吧。
额外配置 🚀Footer 设置since 是一个来展示你站点起始时间的选项。它位于页面的最底部。
yaml
1234567891011121314151617181920212223242526272829303132# Footer Settings# --------------------------------------footer: owner: enable: true since: 2020 custom_text: runtime: enable: true launch_time: 04/01/2021 00:00:00 # 网站上线时间 work_img: h ...
3-3 Anzhiyu全局配置
🖼 所有搭建博客的汇总在这里：Blog全程搭建，示例🚀dev.ruiqingyan.com。
🌺 之后所有的操作都在Webstrom进行，需要的可以点进去看看
🌻 参考 Anheyu’s docs，用更多相关问题请看官方文档
目前没有好好做，之后闲的话可能会完善，我还是喜欢现在这个博客，anzhiyu主题有一些不适配的地方，也有一些新的更新，各有利弊吧。
1、语言修改站点配置文件 _config.yml，默认是en，支持下面三种语言
default（en）
zh-CN（简体中文）
zh-TW（繁体中文）
2、网站资料修改网站各种资料，例如标题、副标题、URL等个人资料，请修改博客根目录的_config.yml
下面是一个对应_config.yml的中文释义
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081 ...
3-2 Anzhiyu页面配置
🖼 所有搭建博客的汇总在这里：Blog全程搭建，示例🚀dev.ruiqingyan.com。
🌺 之后所有的操作都在Webstrom进行，需要的可以点进去看看
🌻 参考 Anheyu’s docs，用更多相关问题请看官方文档
目前没有好好做，之后闲的话可能会完善，我还是喜欢现在这个博客，anzhiyu主题有一些不适配的地方，也有一些新的更新，各有利弊吧。
1、front-matter的基本认识Front-matter 是 markdown 文件最上方以 — 分隔的区域，用于指定个别档案的变数。
下图是一个示例，比如tags标签可以通过localhost:4000/tags访问到，categories可以通过localhost:4000/categories访问到。
在 markdown 里又可以分为两种，
1、Page Front-matter 用于页面配置（适合所有的页面，包括标签页、分类页这种）
123456789101112131415title:date:updated:type:comments:description:keywor ...
3-1 配置Anzhiyu主题
🖼 所有搭建博客的汇总在这里：Blog全程搭建，示例🚀dev.ruiqingyan.com。
🌺 之后所有的操作都在Webstrom进行，需要的可以点进去看看
🌻 参考 Anheyu’s docs，用更多相关问题请看官方文档
目前没有好好做，之后闲的话可能会完善，我还是喜欢现在这个博客，anzhiyu主题有一些不适配的地方，也有一些新的更新，各有利弊吧。
1、初始hexo项目1.1 新建空项目打开WebStrom新建空项目，打开终端
1.2 初始化hexo项目在终端输入下面命令
123hexo initcnpm installhexo clean && hexo g && hexo s
遇到下面这种情况，删除隐藏文件idea也没什么用，建议重建新文件夹
2、下载并配置anzhiyu主题2.1 拷贝主题进入初始化的hexo根目录，运行下面命令拷贝butterfly主题到themes/butterfly目录
1git clone -b main https://github.com/anzhiyu-c/hexo ...
