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 等静态站点生成器的用户。

  1. Plain HTML

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

  • 特点:

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

      ,

      等),格式极简。

    • 文件体积小,兼容性强。
  • 适用场景:仅需备份文字内容或需要手动二次编辑 HTML 的用户。

  1. Plain Text

  • 含义:导出为 纯文本文件(.txt 格式)。

  • 特点:

    • 完全去除 HTML 标签、图片、样式等非文本内容。
    • 仅保留文字(段落间可能有空行分隔)。
    • 格式最原始,兼容任何文本编辑器。
  • 适用场景:需要纯文字归档或粘贴到其他纯文本环境(如邮件、文档)。

  1. Styled HTML

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

  • 特点:

    • 保留 CSDN 博客的排版样式(字体、颜色、代码高亮等)。
    • 内嵌或外链 CSS 样式表和图片资源。
    • 视觉效果与原博客一致,适合直接浏览。
  • 适用场景:希望保留美观格式的本地存档或离线阅读。

  1. 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格式则是一个不错的选择。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/26958.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

代理对象中使用this

一、问题引出 业务逻辑层代码 Service public class DemoServiceImpl extends ServiceImpl<DemoMapper, Demo> implements DemoService, ApplicationContextAware {// 用于从Spring容器中获取指定Bean的对象private ApplicationContext applicationContext;// 通过Appl…

视觉图像坐标转换

1. 透镜成像 相机的镜头系统将三维场景中的光线聚焦到一个平面&#xff08;即传感器&#xff09;。这个过程可以用小孔成像模型来近似描述&#xff0c;尽管实际相机使用复杂的透镜系统来减少畸变和提高成像质量。 小孔成像模型&#xff1a; 假设有一个理想的小孔&#xff0c;…

Hadoop之01:HDFS分布式文件系统

HDFS分布式文件系统 1.目标 理解分布式思想学会使用HDFS的常用命令掌握如何使用java api操作HDFS能独立描述HDFS三大组件namenode、secondarynamenode、datanode的作用理解并独立描述HDFS读写流程HDFS如何解决大量小文件存储问题 2. HDFS 2.1 HDFS是什么 HDFS是Hadoop中的一…

C语言(18)------------>函数(1)

本文介绍C语言函数的定义、标准库和库函数、自定义函数、函数中形式参数和实际参数。通过举例子和画图的方式分解每一个知识点&#xff0c;并结合生活案例和已知知识来解释函数知识。从而使得读者对C语言的函数理解更加深入&#xff0c;学习到C语言开发软件的一些实用技巧。 一…

apload-lab打靶场

1.提示显示所以关闭js 上传<?php phpinfo(); ?>的png形式 抓包&#xff0c;将png改为php 然后放包上传成功 2.提示说检查数据类型 抓包 将数据类型改成 image/jpeg 上传成功 3.提示 可以用phtml&#xff0c;php5&#xff0c;php3 4.先上传.htaccess文件&#xff0…

【Linux】TCP协议

文章目录 &#x1f449;TCP协议&#x1f448;TCP协议段格式确认应答机制窗口大小六个标记位连接管理机制三次握手四次挥手超时重传流量控制滑动窗口拥塞控制延迟应答捎带应答面向字节流粘包问题TCP异常情况TCP小结基于TCP应用层协议TCP与UDP的对比用UDP实现可靠传输 &#x1f4…

《HelloGitHub》第 107 期

兴趣是最好的老师&#xff0c;HelloGitHub 让你对编程感兴趣&#xff01; 简介 HelloGitHub 分享 GitHub 上有趣、入门级的开源项目。 github.com/521xueweihan/HelloGitHub 这里有实战项目、入门教程、黑科技、开源书籍、大厂开源项目等&#xff0c;涵盖多种编程语言 Python、…

商城系统单商户开源版源码

环境配置 1.软件安装 宝塔安装系统软件:Nginx、MySQL5.6、PHP( PHP用7.1-7.4版本)、phpMyAdmin(Web端MySQL管理工具)。 2.配置mysql 设置mysql&#xff0c;在已安装的软件里面找到 mysql点击进行设置 3.修改sql-mode 选择左侧配置修改&#xff0c;找到里面的sql-mode&…

DeepSeek 与云原生后端:AI 赋能现代应用架构

&#x1f4dd;个人主页&#x1f339;&#xff1a;一ge科研小菜鸡-CSDN博客 &#x1f339;&#x1f339;期待您的关注 &#x1f339;&#x1f339; 1. 引言 在当今快速发展的互联网时代&#xff0c;云原生&#xff08;Cloud Native&#xff09;架构已成为后端开发的主流趋势。云…

Kafka面试题及原理

1. 消息可靠性&#xff08;不丢失&#xff09; 使用Kafka在消息的收发过程都会出现消息丢失&#xff0c;Kafka分别给出了解决方案 生产者发送消息到Brocker丢失消息在Brocker中存储丢失消费者从Brocker 幂等方案&#xff1a;【分布式锁、数据库锁&#xff08;悲观锁、乐观锁…

Python学习第十八天之深度学习之Tensorboard

Tensorboard 1.TensorBoard详解2.安装3.使用4.图像数据格式的一些理解 后续会陆续在词博客上更新Tensorboard相关知识 1.TensorBoard详解 TensorBoard是一个可视化的模块&#xff0c;该模块功能强大&#xff0c;可用于深度学习网络模型训练查看模型结构和训练效果&#xff08;…

idea生成自定义Maven原型(archetype)项目工程模板

一、什么是Maven原型&#xff08;Maven archetype&#xff09; 引自官网的介绍如下&#xff1a; Maven原型插件官网地址 这里采用DeepSeek助手翻译如下&#xff1a; Maven 原型 什么是原型&#xff1f; 简而言之&#xff0c;原型是一个 Maven 项目模板工具包。原型被定义为一…

Hadoop架构详解

Hadoop 是一个开源的分布式计算系统&#xff0c;用于存储和处理大规模数据集。Hadoop 主要由HDFS&#xff08;Hadoop Distributed File System&#xff09;、MapReduce、Yarn&#xff08;Jobtracker&#xff0c;TaskTracker&#xff09;三大核心组件组成。其中HDFS是分布式文件…

计算机毕设JAVA——某高校宿舍管理系统(基于SpringBoot+Vue前后端分离的项目)

文章目录 概要项目演示图片系统架构技术运行环境系统功能简介 概要 网络上许多计算机毕设项目开发前端界面设计复杂、不美观&#xff0c;而且功能结构十分单一&#xff0c;存在很多雷同的项目&#xff1a;不同的项目基本上就是套用固定模板&#xff0c;换个颜色、改个文字&…

利用 LangChain 和一个大语言模型(LLM)构建一个链条,自动从用户输入的问题中提取相关的 SQL 表信息,再生成对应的 SQL 查询

示例代码&#xff1a; from langchain_core.runnables import RunnablePassthrough from langchain.chains import create_sql_query_chain from operator import itemgetter from langchain.chains.openai_tools import create_extraction_chain_pydantic# 系统消息&#xff…

DeepSeek 助力 Vue 开发:打造丝滑的表单验证(Form Validation)

前言&#xff1a;哈喽&#xff0c;大家好&#xff0c;今天给大家分享一篇文章&#xff01;并提供具体代码帮助大家深入理解&#xff0c;彻底掌握&#xff01;创作不易&#xff0c;如果能帮助到大家或者给大家一些灵感和启发&#xff0c;欢迎收藏关注哦 &#x1f495; 目录 Deep…

云服务培训五-数据库服务

如上图所圈&#xff0c;这次主要学习云数据库RDS for MySQL、GaussDB和GeminiDB相关内容。 一、结构化数据、非结构化数据 选择数据库时&#xff0c;首先从模型上分析&#xff0c;是否涉及事务处理、复杂的查询关联&#xff0c;还是数据量大、有并发访问需求。同理&#xff0c;…

【愚公系列】《Python网络爬虫从入门到精通》036-DataFrame日期数据处理

标题详情作者简介愚公搬代码头衔华为云特约编辑,华为云云享专家,华为开发者专家,华为产品云测专家,CSDN博客专家,CSDN商业化专家,阿里云专家博主,阿里云签约作者,腾讯云优秀博主,腾讯云内容共创官,掘金优秀博主,亚马逊技领云博主,51CTO博客专家等。近期荣誉2022年度…

类和对象进一步了解c++

初始化列表 虽然构造函数能帮助我们完成初始化&#xff0c;但其实也就是构造函数赋值而已&#xff0c;根本不算真正的初始化。 所以&#xff0c;祖师爷就提出了一个初始化列表&#xff0c;用来初始化成员变量。 注意 每个成员变量在初始化列表中最多出现一次(初始化只能初始…

rust学习笔记9-结构体与206.反转链表

结构体 rust不是面向对象语言&#xff0c;没有类&#xff08;class&#xff09;&#xff0c;主要采用结构体&#xff08;struct&#xff09;来处理结构化数据&#xff0c;这点与go语言相似。 基本使用 struct Person {name: String,age: u32,height: f64, }fn main() {let p…