demo

🚀 Export to HTML 插件功能演示

这是一个完整的演示文档，展示了 Export to HTML 插件的所有功能特性。导出为 HTML 后，你可以看到专业的 GitHub 风格排版、智能目录导航、代码块增强等功能。

📋 目录导航演示

本演示文档包含多个层级的标题，导出后会自动生成可交互的目录导航：

🎨 文本格式化

基础文本样式

这是粗体文本，这是斜体文本，这是粗斜体文本。

这是 行内代码 的样式，适合标注代码或命令。

这是 删除线文本，用于表示已删除的内容。

链接

Obsidian 官网 - 普通链接样式

💻 代码块演示（带行号和复制功能）

1234567891011121314151617181920212223242526
// 这是一个 JavaScript 函数示例
function greet(name) {
    console.log(`Hello, ${name}!`);
    return true;
}

// 箭头函数
const add = (a, b) => {
    return a + b;
};

// 类定义
class Person {
    constructor(name, age) {
        this.name = name;
        this.age = age;
    }
    
    introduce() {
        console.log(`Hi, I'm {this.name} and I'm {this.age} years old.`);
    }
}

// 使用示例
const person = new Person('Alice', 30);
person.introduce();

空代码块

📊 表格演示

ID 项目名称 状态 优先级 开始日期 完成度 负责人
001 网站重构 ✅ 已完成 🔴 高 2024-01-01 100% 张三
002 API 开发 🔄 进行中 🟡 中 2024-02-15 75% 李四
003 移动端适配 ⏳ 待开始 🟢 低 2024-03-01 0% 王五
004 性能优化 🔄 进行中 🔴 高 2024-01-20 60% 赵六

📝 引用块

基础引用

这是一段普通的引用文本。
引用块可以跨越多行。
这是第三行。

嵌套引用

第一层引用

第二层引用

第三层引用
回到第二层
回到第一层

带格式的引用

重要提示：这是一个重要的警告信息。

包含 行内代码 和 粗体 的引用。

引用中的代码

12
def important_function():
    return "这是引用中的代码块"

📋 列表演示

无序列表

有序列表

  1. 第一步：准备工作
    1. 检查环境
    2. 安装依赖
    3. 配置参数
  2. 第二步：开发阶段
    1. 编写代码
    2. 单元测试
    3. 代码审查
  3. 第三步：部署上线
    1. 构建生产版本
    2. 部署到服务器
    3. 监控运行状态

混合列表

任务列表

脚注引用

这是一个包含脚注的句子。[1]

这是另一个需要说明的地方。[2]

🖼️ 图片演示

图片展示

🎯 特殊元素

高亮文本

这是 高亮显示 的文本（如果支持）。

数学公式（如果支持）

行内公式：E = mc^2

块级公式：

\sum_{i=1}^{n} x_i = x_1 + x_2 + \cdots + x_n

🎨 表情符号测试

感谢使用 Export to HTML 插件！

Made with ❤️ by @almoost

  1. 这是第一个脚注的内容说明。↩︎

  2. 这是第二个脚注，内容可以更详细。↩︎