企业官网建设流程全解析

前几天，一个同学向我求助：他在某个文档软件里写了半年的实验报告，每次调整目录页码都快崩溃。我当着他的面把内容复制进Typora，用几个井号和短横线理顺结构，不出两分钟就导出了一份排版干净的PDF。他很惊讶，问我这是怎么做到的。我告诉他，这就是Markdown能做到的事情，而Typora只是把这件事变得更容易上手而已。

这篇内容不是一本正经的语法手册，我把它当作一份“Markdown教程（Typora使用教程）”来写：适合刚接触Markdown的人，也适合那些已经听说过但一直没下定决心换工具的人。把为什么要用、打开软件之后先做什么、常用语法怎么记、遇到问题怎么排查一次性说清楚。如果你正在写毕业论文、整理技术博客、或者只是想给长期笔记找一个更稳妥的格式，这篇文章应该能帮你省下不少时间。

1. 先从问题说起：写作时间到底被什么吃掉了

1.1 排版的本质是“重复劳动”

在Markdown出现以前，很多人的文档体验是这样：内容写完，花半小时调字体、调行距、调缩进；中间加了一章，所有标题编号乱了；复制一篇文档到另一台电脑，字体全变。这些问题的根源不在于你操作不熟练，而在于排版操作和写作过程被绑定在一起，每一次修改都可能推翻之前的格式调整。

Markdown的核心思路是“内容与样式分离”：你只负责内容和结构，样式交给工具统一处理。这有点像写邮件时只写正文，不纠结使用哪种纸和信封，收件人自然会用某种统一样式阅读。在Markdown里，想表达“这是一个二级标题”，就写## 二级标题；想表达“这是一条列表”，就写- 列表项。这些符号本身不是排版，而是对文档结构的描述。

1.2 为什么Markdown文件比传统文档更“长寿”

另外一个常常被忽略的优势是格式的稳定性。Markdown文件是纯文本，扩展名一般是.md，无论什么设备、什么软件，都能直接打开查看。以前存的文档可能因为软件版本不兼容而乱版，但一个纯文本文件再过十年也不会变形，只要它没有被加密锁定，内容就永远可读。

我在本地保存笔记时，习惯把所有内容都记录成.md文件，再用文件夹按主题归档。平时用Typora打开编辑，偶尔也会直接用手机上的任何一款文本查看器打开它，完全不会有文件打不开的问题。对于需要长期积累的知识资产来说，这一点特别重要。

1.3 为什么我推荐用Typora作为入门工具

Markdown的编辑器非常多，Typora最独特的在于“所见即所得”：你输入**加粗**，它会实时显示成“加粗”，而不是左边写源码右边看预览。这相当于学打字时直接看到屏幕上的字，而不是看着键盘猜结果，学习成本一下子被压低了。

另一个原因是Typora的导出能力很完整，可以导出PDF、HTML，也能复制到各种内容平台。后续在第三节你会看到，当这些能力组合起来，它就是一套轻量但完整的写作系统。

2. 打开Typora之后，先把这三件事设置好

2.1 看懂Typora的极简界面

Typora的界面非常克制，没有复杂的工具栏。左侧是文件夹文件树，中间是编辑区，底部是字数统计和状态栏。默认情况下你不需要切换任何模式就能直接开始写字。

不过有一个概念需要理解：你现在看到的“就是最终效果”。在Typora里写# 标题，回车后就看到大标题样式；写- 项目，回车后就看到圆点列表。如果哪篇文档生成了意外效果，可以按快捷键切换到源码视图，看看原始标记是不是写错了。这种“源码视图”是我建议所有新手尽早学会用的功能，它相当于给你装了一副眼镜，能看清背后发生了什么。

2.2 三个优先设置的选项

第一次使用Typora，我建议你先别急着写内容，而是改动三处设置：

• 图片存储位置。在偏好设置-图像里，把“插入图片时复制到指定文件夹”打开，并设置一个类似assets的文件夹。这样粘贴截图后，Typora会自动把图片存到项目里，文档引用相对路径。以后整个文件夹移动或备份，图片都不容易丢。
• Markdown扩展语法。在偏好设置里把上标、下标、高亮、任务列表这些扩展语法打开。Typora部分扩展语法默认启用，不同版本略有差异，提前确认能避免你写了效果却显示不出来。
• 主题选择。Typora自带若干主题，例如默认主题、学术风格、深色风格等。主题不仅影响编辑界面的颜值，导出PDF时也会大概率沿用当前主题样式。如果你对导出的外观有要求，不妨先花两分钟看看哪个主题最合眼缘。

2.3 最常按的快捷键

既然说了是提效工具，那就离不开快捷键。整理我高频使用的几个：

• Ctrl + B：加粗
• Ctrl + I：斜体
• Ctrl + K：插入链接
• Ctrl + Shift + C：行内代码
• Ctrl + Shift + K：插入本地图片
• Ctrl + T：插入表格
• Ctrl + Shift +`：插入代码块

刚开始不需要刻意背，写多了手指自然会有记忆。很多功能用快捷键触发后，Typora会自动补齐对应的标记符号，你只要在符号中间填内容即可。

3. 高频语法这样记：从井号到表格，随用随查

3.1 标题、段落、分割线：文档骨架

Markdown里标题一共六级，用法是#到######，后面记得跟一个空格再写字。一级标题通常用于文档总标题，二级标题对应章节，三级标题对应小节。如果你的文档结构很复杂，建议不要超过三层，太深的层级读者会迷失。

段落上没有多余操作，直接写字即可。两个回车才算新段落。如果只是想在同一段落里换行，在Typora里按Shift+Enter就能完成软换行。分割线用三个短横线---，注意它上下通常要空开一行，否则某些解析器会把上一行的文字误判为一级标题的下划线。

3.2 列表是日常笔记的核心工具

列表适合记录要点，Markdown提供了三类列表：

• 无序列表：- 文字、* 文字、+ 文字，符号后面加空格；
• 有序列表：1. 文字；
• 任务列表：- [ ] 未完成、- [x] 已完成。

嵌套列表只需要在内容前按Tab缩进一级就好。任务列表是长文档写作的利器，我写技术方案时经常在最开始先列一个带勾选框的任务清单，每一节完成之后打一个勾，整体进度一目了然。

3.3 强调、删除线、行内代码与代码块

想让文字有侧重，最常用的标记是：

• *斜体*或_斜体_：表明轻微强调或引入术语；
• **加粗**：用于重要提示；
• ~~删除线~~：表示内容已废弃或表示玩笑；
• ==高亮==：Typora扩展语法，文字会有背景色，尤其适合读书笔记里圈重点；
• 行内代码：用一个反引号包裹，例如npm install。

代码块在技术类内容里属于刚需。语法是用三个反引号包裹代码，并在第一行反引号后标明语言，比如markdown`、python`。Typora会自动按语言高亮代码，导出PDF时也保留等宽字体与缩进。

3.4 引用、链接与图片

引用用>，适合摘录原文或标注注意事项。想写多条引用，连续用多个>即可，甚至还可以嵌套。

链接的写法是[显示文字](地址)，Typora里按住Ctrl再点击文字就能打开。图片的写法和链接很像，只是最前面多一个感叹号：![图片说明](图片路径)。在Typora里你可以直接拖拽图片，也可以Ctrl+Shift+K选择本地图片，它会把路径自动补好。如果插入的图片尺寸不合适，Typora也支持用一个带width属性的HTML标签来调整宽度，这属于通过HTML扩展实现的灵活做法。

3.5 表格与对齐控制

表格是Markdown里最容易写错的部分，但掌握规律后反而很固定。一个完整表格包括三部分：

• 第一行是表头；
• 第二行是分隔行，用| --- | --- |表示列数，并决定对齐方式；
• 第三行开始是数据行。

对齐方式通过在分隔行里放冒号实现：|:---|左对齐，|:---:|居中对齐，|---:|右对齐。我建议在Typora里用Ctrl+T插入表格，再用Tab在格子间跳转，这样比自己手打竖线稳定得多。

3.6 扩展语法：上标、下标、数学公式与目录

当你慢慢熟悉基础语法之后，可以再看几个增强功能：

• 上标：x^2^；
• 下标：H~2~O；
• 行内公式：两个美元符号框住内容，例如$E=mc^2$；
• 块级公式：一行独立成段的公式区域，中间写公式；
• 目录：在文档任意位置单独写一行[TOC]，Typora会自动生成一个立体目录。

这些功能未必天天用，但知道它们存在，等真需要时就不会到处找方案。像流程图、时序图这类绘图能力，Typora也内置了对应的文本描述引擎，写好结构和关系后就能自动渲染成图形，用于画简单的系统流程非常方便。

4. 把语法组装成工作流：三种场景一次说清

4.1 场景一：长期学习笔记

长期笔记的核心诉求是可追溯、可检索、不怕丢。我的做法是为每一门课程或每一本书单独建一个目录，目录里放一个.md文件，文件内部按章节划分标题。定义重要概念时用引用块，罗列关键点用列表，需要贴命令或公式时用代码块。

为了让笔记更好用，我会在开头放一行[TOC]。复习的时候先看目录，顺着标题回忆内容，想不起来的地方再点进对应章节。这样笔记不只是“抄下来的内容”，而是一个可以反复对话的知识索引。

4.2 场景二：写一篇技术文章

写技术文章时，Typora的优势是内容与样式分离，创作者可以专注逻辑和表达。我先写大纲标题，把框架搭好，再逐步填充段落、代码块、图片和引用。写作过程中，我会留意标题层级是否正确，例如不会出现从###直接跳到#的情况，否则文章结构是混乱的。

文章完成后，如果目标平台支持Markdown，直接全文复制粘贴即可；如果不支持，可以导出HTML后再粘贴到编辑器里。需要注意的是，不同平台对图片的处理差异很大，本地图片路径无法直接粘贴到网上，通常要先把图片上传到可外链的存储服务，再替换成外链地址。

4.3 场景三：交付一份正式的PDF文档

经常有人问，用Markdown写出来的东西怎么能当成正式交付物？答案是导出PDF。Typora导出PDF时会沿用当前主题，因此在写内容之前，你可以先确认主题把标题、正文、代码块都调成顺眼的风格。

这里有两个容易忽视的细节：一是中文文档导出前最好确认中文字体已嵌入，否则换个设备打开可能会出现乱码或缺字；二是Markdown本身没有“分页”概念，如果希望某些章节从新一页开始，通常需要借助CSS控制实现分页，不影响内容写作，导出前再处理。

5. 关于图片、导出和跨平台：几个我替你先踩过的坑

5.1 图片为什么会突然消失

很多人第一次遇到的打击是：昨天写的笔记，今天打开图片全部裂开。原因很简单，粘贴截图默认被存到系统临时目录，你的记录里只留下一条绝对路径，换一台电脑或清理系统，图片就没了。

解决方法是提前在Typora设置里修改图片的存储行为，把它复制到相对路径的目录下，比如assets。这样文档和图片始终在一个项目文件夹里，整体拷贝时不会丢。如果你经常写网络文章，则应该考虑图床方案，也就是把图片上传到具有外链能力的存储服务，再用外链地址插入文档。

5.2 导出的PDF为什么和预览不一样

预览界面和导出PDF本质上是两套渲染链路，这一点很多教程不会明说。Typora导出PDF时会重新解析文档，字体加载、页面宽度、代码换行都可能影响最终效果。

如果发现代码块被截断，可以先测试换一个窄一点的主题，或减少单行代码长度。如果发现中文字体发虚，请在偏好设置中检查导出字体，显式配置为中文字体名称，比如系统中常见的黑体、宋体或思源字体。这个坑多数人都会遇到，提前了解能省去很多困惑。

5.3 为什么同一段Markdown在不同平台显示不一致

Markdown虽然不是特别复杂的语法，但不同平台对扩展语法的支持范围并不同。比如高亮语法在某平台能渲染，在另一个平台就变成普通文本；有些平台还会对自动链接、任务列表做额外转换。

解决方案是坚持一份原则：如果内容需要跨平台传播，就使用最通用的基础语法，比如#标题、-列表、**强调、图片链接等。扩展语法只用于自己能控制渲染环境的地方，例如自己本地的笔记库。

5.4 表格没有渲染出来的常见原因

表格列数是靠分隔行决定的，表头写了三列，分隔行如果只写了两个---，那结果必然乱。另一个常见问题是对齐冒号的位置写错，左对齐、居中、右对齐的写法容易混淆。我的经验是先在文档里用Ctrl+T插入一个三行两列的表格，再往里填内容，少用手写。

5.5 导出PDF时中文字体发虚怎么办

这个问题我看到很多人问过。Typora默认使用的主题字体可能偏英文优先，中文渲染时如果系统找不到合适的中文字体，导出的PDF就会出现毛边或发虚。解决思路不是改文档内容，而是改主题CSS文件里的字体配置，把中文字体显式放在字体列表最前面。

如果你不熟悉CSS也没关系，最简单的办法是在偏好设置里切换导出字体，或者找一份别人做好的中文化主题直接用。预览界面和导出PDF共用一套主题配置，换主题往往是兼顾样式和字体的最短路径。

最后再说一点个人的体会。我从开始用Markdown到现在，真实感受是它没有夺走任何东西，反而把写作里最耗神的格式焦虑拿走了。刚开始你不必记住全部语法，只要会标题、列表、加粗、代码块、链接这五样，就能从容应对绝大多数日常写作。如果哪天空了，再打开Typora的设置面板，把主题、快捷键和图片目录都调成适合自己的样子，这个过程本身也是一种整理生活的仪式感。希望这份教程能帮你把写作这件事变回它本该有的样子。