4-7 图床upic+阿里云oss
🖼 所有搭建博客的汇总在这里:Blog全程搭建
配置好后,直接把图片拉进typora,可以直接上传图床
之前用的是smms图床,经常性出现丢图情况
现在使用阿里云图床,部署后使用没遇到过什么问题,访问速度也很快(流量费很便宜)
使用 PicGo 配置 阿里云OSS 搭建图床
可以直接看这篇博客https://zhuanlan.zhihu.com/p/658932006
唯一不同的是我用的是upic,upic的配置类似下面这种
空间名填bucket名,秘钥密码正常写,保存路径就是uPic这个文件夹下(可以自己设置),直接就可以验证上传
4-6 自定义鼠标右键
🖼 所有搭建博客的汇总在这里:Blog全程搭建
没做,有空再写
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: 主页: / || iconfont i ...
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.0.0.css
12345678910/* 日间模式页面调整 */[data-theme=light] { --card-bg: rgba(255,255,255,.9) !important; /* 全局背景调整 */}/* 夜间模式页面调整 */[data-theme=dark] { --card-bg: rgba(26, 27, 29, .9) !important; /* 全局背景调整 */ --btn-bg: ...
3-5 Anzhiyu进阶配置(2)
🖼 所有搭建博客的汇总在这里:Blog全程搭建,示例🚀test.ruiqingyan.com。
🌺 之后所有的操作都在Webstrom进行,需要的可以点进去看看
🌻 参考 Anheyu’s docs,用更多相关问题请看官方文档
没做,有空再写
进阶配置 🚀
评论开启评论需要在 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 comment system will be load when comment element enters the browser ...
3-5 Anzhiyu进阶配置(1)
🖼 所有搭建博客的汇总在这里:Blog全程搭建,示例🚀test.ruiqingyan.com。
🌺 之后所有的操作都在Webstrom进行,需要的可以点进去看看
🌻 参考 Anheyu’s docs,用更多相关问题请看官方文档
没做,有空再写
额外配置 🚀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: https://npm.elemecdn.com/anzhiyu-blog@2.0.4/img/badge/安知鱼-上班 ...
3-3 Anzhiyu全局配置
🖼 所有搭建博客的汇总在这里:Blog全程搭建,示例🚀test.ruiqingyan.com。
🌺 之后所有的操作都在Webstrom进行,需要的可以点进去看看
🌻 参考 Anheyu’s docs,用更多相关问题请看官方文档
没做,有空再写
1、语言修改站点配置文件 _config.yml,默认是en,支持下面三种语言
default(en)
zh-CN(简体中文)
zh-TW(繁体中文)
2、网站资料修改网站各种资料,例如标题、副标题、URL等个人资料,请修改博客根目录的_config.yml
下面是一个对应_config.yml的中文释义
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103# 0、部署本地的端口号, ...