这是一篇用于演示 XFM 主题排版效果的文章,包含丰富的 Markdown 扩展语法。

写在前面

XFM 主题支持 博客 / 笔记 / 文档 三种模式,一套配置即可切换形态。

排版演示

普通段落包含 加粗、斜体、删除线、内链、外链 与 行内代码。

引用块常用于强调重要观点。
支持多行内容。

列表

  • 无序列表项一
  • 无序列表项二
    • 嵌套子项
    • 另一个子项
  • 无序列表项三
  1. 有序列表项一
  2. 有序列表项二
  3. 有序列表项三
  • 已完成任务
  • 未完成任务

表格

模式 适用场景 侧栏形态
blog 个人博客 右侧挂件栏
notes 知识笔记 左侧笔记树
docs 产品文档 文档树 + 目录

代码演示

JavaScript
1
2
3
4
5
6
const theme = {
mode: 'blog',
features: ['search', 'toc', 'lightbox']
};

export default theme;
Python
1
2
def hello(name: str) -> str:
return f"Hello, {name}"
点击查看隐藏内容

折叠块适合放置冗长的补充材料,默认收起以保持正文清爽。

标签插件

支持多种语义色提示块。

这是第二个选项卡的内容。

时间轴用于展示历程。

项目立项

完成主题定位与原型设计。

首个预览版

三模式布局全部跑通。

正式发布

发布 1.0 版本并开源。

支持十二栅格布局,左侧列。

支持十二栅格布局,右侧列。

小贴士

组合使用 标签 与 前往归档 可以做出丰富的排版。

Hexo 官方站快速、简洁且高效的博客框架hexo.io

数学公式

行内公式 $E=mc^2$ 与块级公式:

$$
\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}
$$

流程图

graph LR A[文章] --> B(主题渲染) B --> C{模式} C -->|blog| D[卡片流] C -->|notes| E[笔记树] C -->|docs| F[三栏文档]

图片

演示图