建立博客

https://blog.csdn.net/2303_76953932/article/details/145233223

‍

Hexo发布文章：

  1. 将写好的markdown文章放在 ​source/_posts​​ 文件夹下，将引用的资源放在​source/assets​​ 文件夹下。
  2. 依次输入执行下面的命令：
hexo clean		//清除旧的数据，如非更换主题，则可以尽量不使用。一般发布文章使用下面几个命令就够了
hexo g			//这个命令会将source文件夹下所有的md文件进行渲染，生成HTML页面，存放在public文件夹下
hexo s			//重新生成页面后，我们可以在本地开启服务器，预览一下文章是否满意
hexo d			//将网站部署到服务器上，也就是 Github.io 上

（注：新生成的hexo项目source文件夹下没有assets文件夹，自己手动创建一个就行）

参考文章：

一次完整的Hexo写作流程

修改hexo主题

https://zhuanlan.zhihu.com/p/385525053 – 修改主题教程

https://hexo.io/themes/ – 各种hexo主题

主题：

https://github.com/volantis-x/hexo-theme-volantis/#5.8.0 – volantis主题

Butterfly主题配置

‍

Butterfly官方文档

Butterfly美化

Butterfly自定义主页方法

Hexo+Butterfly 主题一图流背景与顶部图修改

Butterfly主题美化配置

hexo butterfly主题添加对随机图片api的支持

Page Front-matter和Post Front-matter

front-matter参数的解释与设置

Page Front-matter
---
title:					【必需】頁面標題
date:					【必需】頁面創建日期
updated:				【可選】頁面更新日期
type:					【必需】標籤、分類和友情鏈接三個頁面需要配置
comments:				【可選】顯示頁面評論模塊 (默認 true)
description:			【可選】頁面描述
keywords:				【可選】頁面關鍵字
top_img:				【可選】頁面頂部圖片
mathjax:				【可選】顯示 mathjax (當設置 mathjax 的 per_page: false 時，才需要配置，默認 false)
katex:					【可選】顯示 katex (當設置 katex 的 per_page: false 時，才需要配置，默認 false)
aside:					【可選】顯示側邊欄 (默認 true)
aplayer:				【可選】在需要的頁面加載 aplayer 的 js 和 css,請參考文章下面的音樂 配置
highlight_shrink:		【可選】配置代碼框是否展開 (true/false) (默認為設置中 highlight_shrink 的配置)
random:					【可選】配置友情鏈接是否隨機排序（默認為 false）
limit:					【可選】配置説説顯示數量
  type:					【可選】配置説説顯示數量的類型 （date 或者 num）
  value:				【可選】配置説説顯示數量的值
---
Post Front-matter
---
title:					【必需】文章標題
date:					【必需】文章創建日期
updated:				【可選】文章更新日期
tags:					【可選】文章標籤
categories:				【可選】文章分類
keywords:				【可選】文章關鍵字
description:			【可選】文章描述
top_img:				【可選】文章頂部圖片
comments:				【可選】顯示文章評論模塊(默認 true)
cover:					【可選】文章縮略圖(如果沒有設置 top_img,文章頁頂部將顯示縮略圖，可設為 false/圖片地址/留空)
toc:					【可選】顯示文章 TOC(默認為設置中 toc 的 enable 配置)
toc_number:				【可選】顯示 toc_number(默認為設置中 toc 的 number 配置)
toc_style_simple:		【可選】顯示 toc 簡潔模式
copyright:				【可選】顯示文章版權模塊(默認為設置中 post_copyright 的 enable 配置)
copyright_author:		【可選】文章版權模塊的文章作者
copyright_author_href:	【可選】文章版權模塊的文章作者鏈接
copyright_url:			【可選】文章版權模塊的文章連結鏈接
copyright_info:			【可選】文章版權模塊的版權聲明文字
mathjax:				【可選】顯示 mathjax(當設置 mathjax 的 per_page: false 時，才需要配置，默認 false )
katex:					【可選】顯示 katex (當設置 katex 的 per_page: false 時，才需要配置，默認 false )
aplayer:				【可選】在需要的頁面加載 aplayer 的 js 和 css,請參考文章下面的音樂 配置
highlight_shrink:		【可選】配置代碼框是否展開(true/false)(默認為設置中 highlight_shrink 的配置)
aside:					【可選】顯示側邊欄 (默認 true)
abcjs:					【可選】加載 abcjs (當設置 abcjs 的 per_page: false 時，才需要配置，默認 false )
noticeOutdate:			【可選】文章過期提醒 (默認為設置中 noticeOutdate 的 enable 配置)
---

Hexo+Butterfly+algolia 配置搜索

https://www.wuxx.top/2024/05/27/algolia-use/index.html

（注意点：如果你是windows用户，在 此电脑->右键属性->高级系统设置->环境变量->​ 里的用户变量或系统变量里注册。）

【Vercel】Twikoo | 为你的HEXO加入评论系统

https://tech.yemengstar.com/hexo-tutorial-theme-butterfly-comments/

（注：域名就是你的博客网站的域名）

hexo+Butterfly添加音乐播放器

Hexo-Butterfly音乐播放器的添加

‍

注：关闭底部吸附歌词的方法：设置属性：data-lrc-type="0"​

inject:
  head:
    # - <link rel="stylesheet" href="/xxx.css">
     - <link rel="stylesheet" href="/css/modify.css">
  bottom:
    # 吸附底部的音乐播放器
    # - <script src="xxxx"></script>
    - <div class="aplayer no-destroy" data-id="13519966293" data-server="netease" data-type="playlist"   data-order="list" data-fixed="true" data-preload="auto" data-autoplay="false" data-mutex="true" data-lrc-type="0" ></div>

在Hexo博客上添加Live2D角色

https://zahi0.github.io/2022/01/21/%E5%9C%A8Hexo%E5%8D%9A%E5%AE%A2%E4%B8%8A%E6%B7%BB%E5%8A%A0Live2d%E5%8A%A8%E6%BC%AB%E4%BA%BA%E7%89%A9/

https://zhuanlan.zhihu.com/p/593536116

‍