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.cs ...
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 bro ...
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、部署本地的 ...
3-2 Anzhiyu页面配置
🖼 所有搭建博客的汇总在这里:Blog全程搭建,示例🚀test.ruiqingyan.com。
🌺 之后所有的操作都在Webstrom进行,需要的可以点进去看看
🌻 参考 Anheyu’s docs,用更多相关问题请看官方文档
没做,有空再写
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:keywords:top_img:mathjax:katex:aside:aplayer:highlight_shrink:t ...
3-1 配置Anzhiyu主题
🖼 所有搭建博客的汇总在这里:Blog全程搭建,示例🚀test.ruiqingyan.com。
🌺 之后所有的操作都在Webstrom进行,需要的可以点进去看看
🌻 参考 Anheyu’s docs,用更多相关问题请看官方文档
没做,有空再写
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-theme-anzhiyu.git themes/anzhiyu
2.2 下载渲染运行下面命令下载渲染模块
1 ...
2-5 Butterfly主题美化
🖼 所有搭建博客的汇总在这里:Blog全程搭建,示例🚀test.ruiqingyan.com。
🌺 之后所有的操作都在Webstrom进行,需要的可以点进去看看
🌻 参考 Jerry’s Blog,用更多相关问题请去他的博客看
我没有在这里花更多的时间,以后会补充,不想麻烦建议直接进入anzhiyu主题,
anzhiyu主题它把这些内容都已经内置好了,不用自己花时间去做
但是我觉得butterfly更符合目前我的审美
1、建议图片放到主文件夹/source/img/文件夹下
(不要放在主题source文件夹里)
(因为在升级主题的过程中,可能会把文件覆盖删除了。)
2、音乐2.1 安装插件hexo-tag-aplayer
2.2 基础配置1npm install --save hexo-tag-aplayer
因为插件会在每一个文件插入js和css,为了避免这一情况,需要在根目录的_config配置
12aplayer: asset_inject: false
在需要配置音乐内容的页面,Front-matter添加下述 ...
2-4 Butterfly主题配置(2)
🖼 所有搭建博客的汇总在这里:Blog全程搭建,示例🚀test.ruiqingyan.com。
🌺 之后所有的操作都在Webstrom进行,需要的可以点进去看看
🌻 参考 Jerry’s Blog,用更多相关问题请去他的博客看
1、Math数学——KaTeX在主题配置文件
12345mathjax: enable: true # true 表示每一页都加载mathjax.js # false 需要时加载,须在使用的Markdown Front-matter 加上 mathjax: true per_page: true
在终端下载hexo-renderer-kramed渲染
1cnpm install hexo-renderer-kramed --save
在hexo根目录配置文件
123456789kramed: gfm: true pedantic: false sanitize: false tables: true breaks: true smartLists: true smartypants: true
如需配置其它参数,请参考 ...
2-3 Butterfly主题配置(1)
🖼 所有搭建博客的汇总在这里:Blog全程搭建,示例🚀test.ruiqingyan.com。
🌺 之后所有的操作都在Webstrom进行,需要的可以点进去看看
🌻 参考 Jerry’s Blog,用更多相关问题请去他的博客看
1、语言修改站点配置文件 _config.yml,默认是en,支持下面三种语言
default(en)
zh-CN(简体中文)
zh-TW(繁体中文)
2、网站资料修改网站各种资料,例如标题、副标题、URL等个人资料,请修改博客根目录的_config.yml
下面是一个对应_config.yml的中文释义
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091 ...
2-2 Butterfly主题页面配置
🖼 所有搭建博客的汇总在这里:Blog全程搭建,示例🚀test.ruiqingyan.com。
🌺 之后所有的操作都在Webstrom进行,需要的可以点进去看看
🌻 参考 Jerry’s Blog,用更多相关问题请去他的博客看
1、front-matter的基本认识Front-matter 是 markdown 文件最上方以 — 分隔的区域,用于指定个别档案的变数。
(一般来说,在typora第一行输入—,之后回车就会出现这个输入框)
下图是一个示例,比如tags标签可以通过localhost:4000/tags访问到,categories可以通过localhost:4000/categories访问到。
在而front-matter在 markdown 里又可以分为两种,
Page Front-matterPost Front-matter1、Page Front-matter 用于页面配置(适合所有的页面,包括标签页、分类页这种)
123456789101112131415title:date:updated:type:comments:desc ...