欢迎来到我的博客!这是一篇基于主流 Hexo 语法的演示文章,展示了各种排版效果。

1. 文字排版

这是一段普通的文本。你可以使用 粗体 来强调重点,或者使用 斜体 表示专有名词。如果你需要标记被废弃的内容,可以使用 删除线

2. 引用与标注

技术是一门艺术,而代码是我们的画笔。
—— 某程序员

3. 代码展示

行内代码示例:你可以通过 npm install 来安装依赖。

多行代码块:

1
2
3
4
5
6
7
8
9
10
// 这是一个简单的防抖函数
function debounce(func, wait) {
let timeout;
return function() {
clearTimeout(timeout);
timeout = setTimeout(() => {
func.apply(this, arguments);
}, wait);
};
}

4. 数据表格

框架/工具 核心优势 适用场景
Hexo 静态生成,速度快,生态好 个人博客、技术文档
Vue 响应式,组件化,易上手 前端项目开发
Node.js 事件驱动,非阻塞 I/O 服务端接口编写

5. 多媒体与图片

由于我们开启了 post_asset_folder,你可以直接引用同名文件夹下的图片,或者使用外部 CDN 链接。

6. 内容折叠 (Butterfly 主题专属语法)

点击查看隐藏的彩蛋

恭喜你发现了隐藏内容!博客搭建成功啦,开始你的创作之旅吧!