Markdown与hexo使用详解

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

文本样式

你好
你好
你好
你好
你好

列表

无序列表

• 项目1
• 项目2
• 项目3
  • 子项目1
  • 子项目2

有序列表

1.第一项
2.第二项
3.第三项

任务列表

• [] 未完成
• [×] 已完成

引用

一级引用

二级引用

三级引用

分割线

---

---

行内代码

这是 行内代码 演示

代码块

print("py演示")

图片

语法：! 图片描述

---

让内容更显眼（Butterfly 标签插件）

1. 高亮标记 (Mark)

使用 ==文字== 标记需要强调的内容：
==这是高亮文字== 普通文字 ==再次高亮==

2. 键盘按键

使用 <kbd>按键</kbd> 显示键盘样式：
按 Ctrl + C 复制，Ctrl + V 粘贴

3. 带下划线的插入文字

使用 ++文字++ 表示新增/插入的内容：
原有内容 ++新增的内容++ 后续内容

4. 彩色标签 (Label)

使用 {% label 文字 颜色 %} 创建彩色内联标签：

可用颜色：default / blue / pink / red / purple / orange / green

示例：

默认 蓝色 粉色 红色 紫色 橙色 绿色

5. 提示/警告块 (Note)

使用 {% note 类型 %}内容{% endnote %} 创建带图标的彩色提示框。

支持类型：default / primary / info / success / warning / danger
（注意：Note 支持的颜色名与 Label 不同，不要混用）

默认提示：

这是默认提示内容，常用于一般说明。

主要提示：

这是主要提示，提供重要信息。

信息提示：

这是信息提示，提供有用的补充说明。

成功提示：

操作成功！数据已保存。

警告提示：

注意：此操作不可撤销，请谨慎操作。

危险提示：

危险：删除后数据将永久丢失！

自定义图标（Font Awesome）：

自定义图标，增加视觉辨识度。

6. 按钮 (Button)

使用 {% btn "链接" "文字" "图标" "选项" %} 创建漂亮的按钮链接。

颜色：default / blue / pink / red / purple / orange / green
选项：outline / center / block / larger

larger outline block

7. 选项卡 (Tabs)

使用 {% tabs 名称 %} 标签组组织多栏内容。

PythonJavaScriptGo

def hello():
    print("Hello, World!")

function hello() {
    console.log("Hello, World!");
}

func main() {
    fmt.Println("Hello, World!")
}

8. 时间线 (Timeline)

使用 {% timeline "标题",颜色 %} 创建垂直时间线。

支持颜色：default / blue / pink / red / purple / orange / green

学习路线

2024年

• 学习 HTML/CSS/JavaScript 基础
• 掌握 Git 版本控制

2025年

• 深入学习 React / Vue
• 学习 Node.js 后端开发

2026年

• 独立开发全栈项目
• 输出技术博客和开源项目

9. 隐藏/展开内容 (Hide)

点击按钮才显示的折叠内容。

内联隐藏：
答案是 Click42 点击查看答案 #49b1f5 #fff

块级折叠：

点击展开详细解释

这是一段详细内容，默认被折叠。
可以包含 Markdown 格式和代码块。