CSDN博客导出设置介绍

在CSDN编辑博客时，如果想导出保存到本地，可以选择导出为Markdown或者HTML格式。其中导出为HTML时有这几种选项：jekyll site，plain html，plain text，styled html，styled html with toc。分别是什么意思呢，下面来说明导出文件类型的含义。

导出为Markdown

第一次打开Markdown编辑器可看见如下欢迎页面，导出为Markdown则是在菜单栏点击“导出”，然后在右侧点击“导出为Markdown文件”，文件即可下载到本地。

查看Markdown

导出到本地的Markdown文件可用VSCode查看：

也可以用思源笔记这种Markdown编辑器查看：

导出为HTML

导出为HTML格式则是点击菜单栏“导出”，再点击右侧“导出为HTML文件”。不过与Markdown不同，这里会弹出选择HTML导出模板，分别是：jekyll site，plain html，plain text，styled html，styled html with toc。他们分别是什么意思呢？这里来介绍一下。

HTML导出模板介绍

CSDN 博客导出 HTML 时提供的几种选项主要针对不同的使用场景和格式需求，以下是具体解释：

1. Jekyll Site

• 含义：生成符合 Jekyll 静态网站框架 的文件结构（Markdown + 元数据）。

• 特点：

  • 导出内容为 Markdown 格式（.md 文件），而非纯 HTML。
  • 包含 _posts 目录、YAML 头信息（标题、日期、分类等元数据）。
  • 适合直接部署到 GitHub Pages 或 Jekyll 静态博客。

• 适用场景：需要将博客迁移到 Jekyll/Hugo 等静态站点生成器的用户。

2. Plain HTML

• 含义：导出为 纯 HTML 文件，仅保留基本结构和文本内容。

• 特点：

  • 无 CSS 样式、无图片等外部资源链接。
  • 只有简单的 HTML 标签（如

    ,

    等），格式极简。

  • 文件体积小，兼容性强。

• 适用场景：仅需备份文字内容或需要手动二次编辑 HTML 的用户。

3. Plain Text

• 含义：导出为 纯文本文件（.txt 格式）。

• 特点：

  • 完全去除 HTML 标签、图片、样式等非文本内容。
  • 仅保留文字（段落间可能有空行分隔）。
  • 格式最原始，兼容任何文本编辑器。

• 适用场景：需要纯文字归档或粘贴到其他纯文本环境（如邮件、文档）。

4. Styled HTML

• 含义：导出为 带完整样式的 HTML 文件。

• 特点：

  • 保留 CSDN 博客的排版样式（字体、颜色、代码高亮等）。
  • 内嵌或外链 CSS 样式表和图片资源。
  • 视觉效果与原博客一致，适合直接浏览。

• 适用场景：希望保留美观格式的本地存档或离线阅读。

5. Styled HTML with TOC

• 含义：在 Styled HTML 基础上增加 目录导航（Table of Contents, TOC）。

• 特点：

  • 自动根据标题生成层级目录（通常位于页面顶部或侧边栏）。
  • 支持点击目录快速跳转到对应章节。
  • 适合长篇文章的导航阅读。

• 适用场景：导出技术教程或长文时，需要快速定位章节的用户。

HTML导出模板该如何选择？

• 迁移到静态博客 → Jekyll Site
• 纯内容备份 → Plain HTML / Plain Text
• 保留原版式阅读 → Styled HTML
• 长文导航需求 → Styled HTML with TOC

注意：如果选择带样式的 HTML，需确保导出的 CSS 和图片资源能正常访问（避免外链失效）。

HTML导出示例

从上面的介绍可知，通常导出为“Styled HTML”即可保留原版式阅读。假如导出为“Styled HTML with TOC”则带目录，可实现长文导航需求。

我这里演示“Styled HTML with TOC”的查看效果，首先是目录，点击可跳转：

正文，图文并茂，看着舒服啊：

采用Markdown的好处

Markdown在很多平台都被支持了，方便迁移。比如CSDN采用Markdown格式，在本地写好，复制过来就可以所见即所得，很直观：

总结

假如熟悉Markdown编辑器，建议导出为Markdown格式，可通过VSCode或思源笔记等支持Markdown格式的编辑器进行查看编辑。假如导出到本地，只是为了在本地阅读，那导出为Styled HTML with TOC格式则是一个不错的选择。