Typora 风格静态网页示例

这是一个完全模仿 Typora 视觉风格的静态网页，包含了 Typora 预览模式下的所有核心 Markdown 元素样式，你可以直接替换以下内容为自己的文本。

一、基础文本样式

这是普通段落文本，行间距为 1.6（Typora 默认值），文字两端对齐，颜色为深灰而非纯黑，更符合阅读习惯。你可以添加超链接，Hover 时会显示下划线，和 Typora 一致。

这是 Typora 风格的引用块，左侧有灰色竖线，背景为浅灰，文字颜色更浅，是 Markdown 中常用的引用样式。

1.1 列表示例

• 无序列表项 1
• 无序列表项 2
  • 嵌套无序列表项

1. 有序列表项 1
2. 有序列表项 2

1.2 代码样式

行内代码示例：const hello = "Typora Style";

// 代码块示例（Typora 风格）
function typoraStyle() {
    console.log("这是 Typora 风格的代码块");
    return "简洁、易读";
}

---

二、表格示例

表头 1	表头 2	表头 3
内容 1	内容 2	内容 3
内容 4	内容 5	内容 6

三、图片示例

图片会自动居中显示，最大宽度 100%，和 Typora 预览效果一致：