这篇文章是Markdown在Butterfly主题下的应用，我用他来作为一个模板（自用），方便以后查阅，不会适用所有主题哦

可选文章头

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!-- 1. 文章置顶，数字越大越靠前-->
sticky: 999   

<!-- 2. 摘要 -->
description: 这是文章摘要（描述）的内容

<!-- 3. 摘要截取，截取more注释前的文本作为这篇文章的摘要 -->
<!-- 优先级低于excerpt -->
<!-- more -->
 
<!-- 4. 文章封面 -->
cover: https://evan.beee.top/img/wallhaven-wqery6-light.webp

<!-- 5. 文章置顶轮播 -->
swiper_index: 1

文本

1
2
3
4
<psw>隐藏文本</psw>
<kbd>键盘文本</kbd>
<mark>高亮文本</mark>
<u>划线文本</u>

隐藏文本
键盘文本
高亮文本
划线文本

表格

1
2
3
|属性|描述|
|----|----|
属性|值

Emoji

😀 🤪 🤣 😄 🥳 🤔 🧐
🤨 😐 🙁 👉 👇 👍 👏
👀 💀 👻 🙈 🎅
🦆 🦢 🐧 🐤 🐌 🦀 🌱 🌴
💌 💘 🎈 🎉 📢 🎀 🔖 📒
🚗 🛹 ⚓ 🚢 🚀
⭐ 🔥 🌈 🪶 📌 ✅ 📝
🥝 🍎 🍉 🥑 🍕 🍖 🍡 🍬 🍭 🍰

更多emoji详见Emoji Cheat Sheet

PicGo上传图片

  1. win+shift+S或PrintScreen键 使用Windows内置截图工具截图
  2. ctrl+alt+U 从剪切板上传图像

20230106193719

QQ截图自定义

  1. Ctrl+Alt+I 屏幕截图
  2. Ctrl+Shift+A 录屏

Git操作

20230121164320

1
2
3
4
5
6
7
8
9
git add .
git commit -m "更新图片"
git push

# Hexo源码托管
# 仓库的默认分支好像决定了git clone拉取的分支
git init
git remote add origin git@github.com:sunday521/blog-butterfly-source.git
git push --set-upstream origin master

20230122193909

更多Git命令见Git命令清单

参考最简单明了的Git教程深入学习Git

Butterfly升级指南

如何升级？

  1. 执行以下命令
1
2
3
4
5
6
# 1. git
cd themes/butterfly
git pull

# 2. npm
npm update hexo-theme-butterfly
  1. 将根目录下的_config.butterfly.yml与主题配置文件_config.yml进行比对（可以使用vsCode中的文件比对功能），添加新增配置项，同时手动更新配置文件末尾的版本信息

外挂标签

尽量少在文章中使用外挂标签语法，它会降低文章的可移植性！
我下载外挂标签的插件是为了兼容以前的老文章

折叠框folding

1
2
3
{% folding blue,标题%}
内容
{% endfolding %}

复选列表checkbox

取值：red,yellow,green,cyan,blue,gray

1
2
3
4
5
{% checkbox 内容 %}
{% checkbox green checked, 内容 %}
{% checkbox plus green checked, 内容 %}
{% checkbox minus yellow checked, 内容 %}
{% checkbox times red checked, 内容 %}

单选列表radio

取值：red,yellow,green,cyan,blue,gray

1
2
{% radio 内容 %}
{% radio green checked, 内容 %}

时间线timeline

1
2
3
4
5
6
7
8
9
{% timeline %}
<!-- timeline 2023.01.20 -->
1.优化文章显示
2.调整信息卡片大小
<!-- endtimeline -->
<!-- timeline 2023.01.19 -->
对部分细节进行了调整
<!-- endtimeline -->
{% endtimeline %}

2023.01.20

1.优化文章显示
2.调整信息卡片大小

2023.01.19

对部分细节进行了调整

1
{% link 标题, 链接, 图片链接（可选） %}

星期天の博客

https://blog.wyun521.top/

相册gallery

1
2
3
4
{% gallery %}
![alt](https://i.loli.net/2019/12/25/Fze9jchtnyJXMHN.jpg)
![alt](https://i.loli.net/2019/12/25/ryLVePaqkYm4TEK.jpg)
{% endgallery %}
[{"url":"https://i.loli.net/2019/12/25/Fze9jchtnyJXMHN.jpg","alt":"alt"},{"url":"https://i.loli.net/2019/12/25/ryLVePaqkYm4TEK.jpg","alt":"alt"}]

隐藏块hideBlock

1
2
3
4
{% hideBlock 点我预览, red %}
这里有张图片：
![周杰伦](https://mysource-hexo.wyun521.top/img/avatar/7.jpg)
{% endhideBlock %}

这里有张图片：
周杰伦

注释nota

1
{% nota 把鼠标移动到我上面试试 ,可以看到注解内容出现在顶栏 %}
把鼠标移动到我上面试试

更多外挂标签用法见Markdown语法与外挂标签写法汇总

插件收集

hexo-deployer-git

该插件的主要功能是将Hexo部署到Github，应该是通过hexo d命令

1
npm install hexo-deployer-git --save

功能：生成固定链接

1
2
# https://github.com/rozbo/hexo-abbrlink
npm install hexo-abbrlink --save

hexo-tag-aplayer

功能：在某个页面引入aplayer音乐播放器

1
npm install hexo-tag-aplayer --save

hexo-butterfly-artitalk

功能：说说页面

1
2
# https://github.com/jerryc127/butterfly-plugins/tree/main/hexo-butterfly-artitalk
npm install hexo-butterfly-artitalk

hexo-butterfly-wowjs

功能：挂载动画

1
npm install hexo-butterfly-wowjs --save

hexo-butterfly-article-double-row

功能：文章双栏显示

1
npm i hexo-butterfly-article-double-row --save

hexo-butterfly-swiper

功能：文章置顶轮播

1
npm install hexo-butterfly-swiper --save

hexo-algoliasearch

功能：全局搜索

1
2
npm install hexo-algoliasearch --save
hexo algolia # 上传索引,必须手动上传

hexo-wordcount

功能：文章字数统计

1
npm install hexo-wordcount --save

hexo-butterfly-tag-plugins-plus

功能：外挂标签

1
2
3
npm install hexo-butterfly-tag-plugins-plus --save
npm uninstall hexo-renderer-marked --save
npm install hexo-renderer-kramed --save

资源合集

应用 描述 支持设备
老王橘子VPN 提供免费VPN 安卓
火萤视频壁纸 看广告免费设置手机动态壁纸 安卓
元气壁纸 壁纸大全 安卓
APKSSR 全球APK下载分享社区 安卓
顷刻 免翻看ins 安卓