我的测试文章标题

一、欢迎来到我的博客

🚀 这是我的第一篇 Hexo 博客文章

这是正文段落。Hexo 是一个快速、简洁且高效的博客框架。Markdown 让你专注于内容,不用关心排版。


二、文字样式展示

基础 Markdown 样式

样式 语法 效果预览
加粗 **文字** 加粗文字
斜体 *文字* 斜体文字
删除线 ~~文字~~ 删除文字
行内代码 `代码` console.log("hello")

HTML 自定义样式

Markdown 不够用?直接嵌 HTML:

  • 红色文字 — 用于警告、强调
  • 蓝色大字 — 用于小标题
  • 绿色加粗 — 用于成功提示
  • 橙黄色小字 — 用于补充说明

三、列表与结构

无序列表

  • Hexo 框架特点
    • 基于 Node.js,速度飞快
    • Markdown 写作,专注内容
    • 丰富的主题和插件生态
  • 部署方式的灵活性
    • GitHub Pages
    • Cloudflare Pages

有序列表

  1. 安装 Node.js 和 Git
  2. 全局安装 Hexo CLI
  3. 初始化博客项目
  4. 选择主题并配置
  5. 部署上线

任务列表

  • 搭建 Hexo 博客框架
  • 配置 Git 密钥连接 GitHub
  • 安装安知鱼主题
  • 绑定自定义域名

四、代码块展示

Python 示例

1
2
3
4
5
6
7
8
9
10
11
def fibonacci(n):
"""生成斐波那契数列"""
a, b = 0, 1
result = []
for _ in range(n):
result.append(a)
a, b = b, a + b
return result

print(fibonacci(10))
# 输出: [0, 1, 1, 2, 3, 5, 8, 13, 21, 34]

JavaScript 示例

1
2
3
4
5
6
7
8
9
const hexo = {
name: 'Hexo',
version: '7.x',
start() {
console.log(`🚀 ${this.name} is running on http://localhost:4000`);
}
};

hexo.start();

Bash 命令

1
2
3
4
5
6
7
8
# 新建文章
hexo new "文章标题"

# 本地预览
hexo clean && hexo server

# 部署上线
hexo clean && hexo generate && hexo deploy

YAML 配置示例

1
2
3
4
deploy:
type: git
repository: git@github.com:lqh323-glitch/lqh323-glitch.github.io.git
branch: main

五、引用

代码如诗,架构如画。
—— 每一个程序员心里都住着一个诗人。

这篇文章演示了 Hexo 博客中 Markdown 写作的常用语法。
从基础的标题、列表、代码块,到 HTML 内嵌样式,应有尽有。

如果你能把这些技巧都用起来,你的博客一定会很精彩。


六、图片

Markdown 基本插入

山水风景

HTML 控制大小

缩小到 400px 宽

居中 + 圆角 + 阴影

居中带圆角和阴影

带标题的图片(HTML figure)

山水
▲ 来自 Lorem Picsum 的随机山水风景

七、表格

常用 Git 命令速查

命令 作用 使用频率
git status 查看当前状态 ⭐⭐⭐⭐⭐
git add . 暂存所有修改 ⭐⭐⭐⭐⭐
git commit -m "msg" 提交修改 ⭐⭐⭐⭐⭐
git push 推送到远程 ⭐⭐⭐⭐
git pull 拉取远程更新 ⭐⭐⭐
git log --oneline 查看提交历史 ⭐⭐⭐

三连部署命令对比

命令 完整写法 简写
清理 hexo clean hexo cl
生成 hexo generate hexo g
部署 hexo deploy hexo d

七、折叠面板

🔍 点击查看:Hexo 项目目录结构详解
1
2
3
4
5
6
7
8
9
10
blog-demo/
├── _config.yml # 博客配置文件
├── package.json # 项目依赖信息
├── scaffolds/ # 文章模板
│ ├── post.md
│ └── page.md
├── source/ # 文章源文件
│ └── _posts/
├── themes/ # 主题目录
└── public/ # 生成的静态文件(部署用)
  • _config.yml — 全局配置,最重要
  • source/_posts/ — 你的所有文章都在这里
  • themes/ — 主题安装位置
  • public/hexo g 之后自动生成,不需要手动修改

💡 点击查看:写博客的几个小建议
  1. 先大纲后写作 — 列好标题再填充内容,不容易跑偏
  2. 多用小标题 — 分段清晰,读者浏览体验好
  3. 代码要有注释 — 不是给自己看的,是给读者看的
  4. 配图加分 — 一张好图胜过千言万语
  5. 保持更新 — 博客是活的,持续打磨才有价值

八、数学公式

行内公式

爱因斯坦质能方程:$E = mc^2$

独立公式块

$$
\int_{a}^{b} f(x) , dx = F(b) - F(a)
$$

$$
\sum_{n=1}^{\infty} \frac{1}{n^2} = \frac{\pi^2}{6}
$$


九、写在最后

以上就是 Hexo + Markdown 的写作语法大全。
学会这些,你的博客就能写得很好看。

纸上得来终觉浅,绝知此事要躬行。
—— 动手写一篇,比看十篇教程都管用。