在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 时提供的几种选项主要针对不同的使用场景和格式需求,以下是具体解释:
-
含义:生成符合 Jekyll 静态网站框架 的文件结构(Markdown + 元数据)。
-
特点:
- 导出内容为 Markdown 格式(.md 文件),而非纯 HTML。
- 包含 _posts 目录、YAML 头信息(标题、日期、分类等元数据)。
- 适合直接部署到 GitHub Pages 或 Jekyll 静态博客。
-
适用场景:需要将博客迁移到 Jekyll/Hugo 等静态站点生成器的用户。
-
含义:导出为 纯 HTML 文件,仅保留基本结构和文本内容。
-
特点:
- 无 CSS 样式、无图片等外部资源链接。
- 只有简单的 HTML 标签(如
,
等),格式极简。
- 文件体积小,兼容性强。
-
适用场景:仅需备份文字内容或需要手动二次编辑 HTML 的用户。
-
含义:导出为 纯文本文件(.txt 格式)。
-
特点:
- 完全去除 HTML 标签、图片、样式等非文本内容。
- 仅保留文字(段落间可能有空行分隔)。
- 格式最原始,兼容任何文本编辑器。
-
适用场景:需要纯文字归档或粘贴到其他纯文本环境(如邮件、文档)。
-
含义:导出为 带完整样式的 HTML 文件。
-
特点:
- 保留 CSDN 博客的排版样式(字体、颜色、代码高亮等)。
- 内嵌或外链 CSS 样式表和图片资源。
- 视觉效果与原博客一致,适合直接浏览。
-
适用场景:希望保留美观格式的本地存档或离线阅读。
-
含义:在 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格式则是一个不错的选择。