企业官网建设流程全解析

使用Typora三四年了，中间换过电脑、重装过系统，也帮不少朋友调过他们的Typora。我发现一个很有意思的现象：大多数人装完Typora就直接开写，偏好设置几乎没动过，直到某天觉得“这编辑器用着怎么这么别扭”，才想起来去翻设置面板。其实Typora是一款足够简洁的Markdown编辑器，它的强大恰恰藏在设置里。这篇我就把这些年攒下来的设置经验做一次梳理，按照“装完必调”“写作提效”“导出排版”“主题美化”几个方向展开，尽量做到每个开关都讲清楚是干什么的、该不该动、改了之后有什么效果。

Typora的核心关键词是“所见即所得”，它把Markdown的标记语法和渲染后的排版效果无缝融合。但默认配置照顾的是最大众的使用习惯，未必贴合你个人的写作场景。比如默认字体在中文场景下偏小、图片插入后散落在原目录、导出PDF时页面边距过宽、代码块高亮风格不合口味——这些全都可以通过设置解决。这篇文章适合所有正在用Typora的人，无论你是刚入门的新手，还是已经写了几万字的老用户，里面应该都有你能直接用上的东西。

1. 第一次打开Typora，先把这些基础设置改掉

1.1 编辑器全局偏好：从“能用”到“好用”

Typora的设置入口在Windows和Linux上是文件 -> 偏好设置，macOS上是Typora -> Preferences，快捷键Ctrl + ,（macOS为Cmd + ,）。第一次打开设置面板，不要急着改主题，先看“通用”这一栏。

我建议你重点动这几个选项：

• 主题：默认主题是Github，这是Typora官方适配最完善的主题，中文渲染正常，代码高亮也顺眼。如果你想换，建议从Newsprint、Pixyll这些官方主题里选，网页上那些第三方主题适配参差不齐，有些中文引号会变成直引号，还得自己调CSS。
• 字体：中文字体我实测下来，Windows下用“微软雅黑”，macOS下用“苹方”最舒服。如果你在屏幕上长时间写作，字号最好调到16px以上，默认的15px在高分辨率屏幕下会显得偏小。
• 自动保存：“文件 -> 自动保存”建议打开。Typora本身没有传统Word那种强制弹窗保存机制，一旦崩溃或断电，没保存的内容会丢失。打开自动保存后，Typora会把未保存的修改记录在本地缓存里，下次启动可以恢复。

1.2 默认开启严格换行还是普通换行

有个设置藏得比较深：偏好设置 -> Markdown -> 换行。这一项直接影响你粘贴文本、复制内容时的换行行为。

• 严格换行（即在每个换行符后都渲染为换行）适合从其他文档粘贴大量纯文本的情况；
• 默认的“忽略单换行”更适合Markdown的正常书写逻辑，即一个回车不算段落结束，两个回车才算。

我的建议是保持默认“忽略单换行”，但如果你经常从Word或网页里复制内容进来，可以临时切到严格换行，粘贴完再切回来。这个操作比粘贴后手动清理空行快得多。

1.3 打开“安全写入”与“服务端口”这两个隐藏项的作用

在“通用 -> 高级”里有两个默认关闭的选项：“安全写入”和“允许远程服务”（不同版本名称略有差异）。

安全写入的原理是：Typora在保存文件时，先写入一个临时文件，再将其重命名为目标文件，以此减少写入中途断电导致文件损坏的概率。对机械硬盘或网络磁盘上的文件，这个选项建议打开。但我实测下来，某些同步盘（比如坚果云、Dropbox）用安全写入偶尔会触发同步冲突，如果你发现保存后同步盘总报冲突，把它关掉即可。

1.4 让侧边栏大纲更顺手

侧边栏是Typora比较容易被忽略的区域。我最常用的功能除了文件树，就是大纲。你可以在视图 -> 侧边栏 -> 大纲打开，也可以用快捷键Ctrl + Shift + 1（ macOS为Cmd + Shift + 1）。

大纲默认显示所有标题层级，写长文时一屏放不下。好在Typora支持大纲的层级过滤——把鼠标悬停在大纲面板底部，会看到一级标题、二级标题的筛选图标。我写技术教程时通常只保留H1和H2，这样滚动快，扫一眼就知道写到哪了。

2. 图片管理是关键，这几个设置直接影响你的文章和笔记

2.1 插入图片前先设置“复制到指定目录”

Typora默认插入本地图片时，只是把图片路径写进Markdown，不会复制图片文件。这会导致一个问题：如果你把文章分享给朋友，或者把.md文件移动到别的目录，图片就全部裂掉。

解决办法是：偏好设置 -> 图像 -> 插入图片时 -> 复制图片到 ./${filename}.assets 文件夹。

这个选项的意思是：每篇文章旁边会自动生成一个“文章名.assets”文件夹，所有插入的图片都复制进去，并在Markdown里写相对路径。这样无论你把整个文件夹压缩发出去，还是用Git管理，图片都不会丢。

2.2 相对路径与绝对路径的选择逻辑

在“图像”设置里还有个选项叫“使用相对路径”。勾选后，Typora在插入图片时会写成![](./文章名.assets/图片.png)这样的相对路径，而不是![](/Users/你/文档/文章名.assets/图片.png)这样的绝对路径。

我强烈建议勾选相对路径。绝对路径在你的电脑上有效，换台机器就失效。相对路径只要“文章.md”和“文章名.assets”文件夹保持同一级目录，任何平台都能正确渲染。

2.3 图床或在线图片：先判断你是否真的需要

Typora支持自定义上传器，可以配合PicGo等工具把图片传到图床，返回在线链接。这个功能对写博客的人很实用，但如果你只是本地笔记党，不建议折腾。

原因很简单：图床需要额外的服务费和维护成本，一旦图床失效，历史文章里的图片全部外链失效。对于本地笔记，用2.1节的本地文件夹方案就够稳；对于要发布的文章，再考虑单独用图床也不迟。

2.4 一个容易被忽略的缩放习惯

插入图片后，如果觉得图太大，可以直接点击图片，在底部出现的小窗里拖拽缩放。但这个缩放只是视觉上的缩放，不会修改文件本身大小。下次在别的编辑器里打开，图片仍然是原始尺寸。

这一点不算设置，但对新手来说容易被误解。Typora并没有“永久压缩图片”的功能，如果需要压缩体积，还是要借助外部工具处理后再插入。

3. 导出PDF和Word之前的准备，这几步省得你反复调格式

3.1 安装Pandoc，解锁格式转换

Typora原生支持导出PDF、HTML和图片格式。但如果要导出Word（.docx）或LaTeX，就必须依赖Pandoc——一个通用的文档格式转换工具。Typora本身不自带Pandoc，需要你在系统里单独安装。

• Windows：下载Pandoc的安装包，装完后加入系统PATH。
• macOS：通过Homebrew安装，命令是brew install pandoc。
• Linux：通过对应发行版的包管理器安装，比如apt install pandoc。

装完之后重启Typora，再次打开导出菜单，你会发现“Word (.docx)”和“LaTeX”这些选项都亮起来了。Pandoc不仅支持Word导出，还支持Epub、ReText等格式，算是Typora连接外部生态的重要桥梁。

3.2 PDF导出的核心参数：页面大小、边距和字体

很多人在导出PDF时遇到的第一个问题就是中文字体不对、英文和中文混排时间距奇怪。这主要是没有在“导出PDF设置”里调整字体。

你可以在偏好设置 -> 导出 -> PDF里做这几项调整：

• 页面大小：根据用途选A4或A5。如果只是屏幕阅读，选“Same as current tab”即可，会按当前窗口比例导出。
• 边距（Margin）：默认是1.5厘米左右，但写长文档时我更喜欢把边距调到2厘米，这样在纸质打印时不容易裁掉内容。
• 字体：选“文档默认字体”，但如果你是中文文档，建议单独指定一个中文字体，比如“宋体”或“思源宋体”，PDF里观感会好很多。此外，建议勾选“使用系统PDF引擎”以外的选项（不同版本文案略有差异），实测某些Windows版本下自带的PDF引擎对中文注释支持更好。

3.3 导出Word时防止图片丢失

如果你用Pandoc导出Word，图片路径必须是“复制到相对目录”的方式，且Typora在导出时会把图片以嵌入形式放进docx文件。如果你发现导出后的Word图片丢失，大概率是以下几个原因：

• 图片文件不存在（相对路径写错了）；
• 图片格式不支持（WebP或SVG在某些版本的docx里不支持）；
• 文件路径有中文或空格，Pandoc在Windows下偶发处理异常。

我的习惯是导出Word前先确认所有图片都正常显示，然后把图片统一转成PNG或JPG，再执行导出。

3.4 自定义导出CSS：让PDF排版更符合品牌调性

Typora导出PDF和HTML时，底层都是通过CSS控制排版。如果你对默认导出样式不满意，可以在偏好设置 -> 导出 -> PDF -> 自定义CSS里指定一个CSS文件，覆盖默认样式。

举个例子，如果你想在PDF导出的每个标题下面加一条分割线，可以在CSS里写上：

h1, h2, h3 { border-bottom: 2px solid #ccc; padding-bottom: 4px; }

修改后点击导出，PDF里就会生效。这个玩法上限很高，你可以复用博客里那套风格，让导出的文档统一成自己的排版风格。

4. 主题与代码块样式微调，让编辑器真正贴合你的审美

4.1 从默认主题开始改，别急着直接换整套CSS

Typora的默认主题Github已经足够耐看。但每个人的屏幕亮度、环境光线和文字密度偏好都不同，默认的“白底黑字”在夜间写稿时略显刺眼。Typora自带的深色主题可以在偏好设置 -> 通用 -> 主题里切换到Dark主题。

不过我更推荐组合使用：白天用Github或Newsprint，晚上用Dark。切换只需要一键，不需要单独安装软件。如果你觉得内置主题的代码块颜色不好看，可以在偏好设置 -> Markdown -> 代码块 -> 主题里选择不同的代码配色，比如Monokai、Solarized Dark等。

4.2 自定义CSS文件的位置与写法

如果你想要更彻底的自定义，Typora允许你打开主题文件夹手动修改CSS。入口在偏好设置 -> 外观 -> 打开主题文件夹。

打开后你会看到一系列.css文件，每个文件对应一个主题。我建议不要直接改原文件，而是新建一个base.user.css文件（如果不存在的话），Typora会在加载任何主题时同时加载这个文件，这样你改的样式不会因为主题切换而丢失。

举例，如果你想让引用的文字颜色在深色主题下更柔和一点，可以在base.user.css里写：

blockquote { color: #999; border-left: 3px solid #555; }

保存后在Typora里应该会立即看到效果，如果没变化，重启一下Typora即可。

4.3 代码块内字体与行高：写技术文档最容易忽略的设置

代码块文本的间距和字号会直接影响阅读体验。你在偏好设置 -> Markdown -> 代码块里可以设置代码块字体大小、行高和是否显示行号。

我个人的推荐是：

• 字体：用Consolas（Windows）/Menlo（macOS）这类等宽字体；
• 字号：比正文小1-2px，比如正文16px时代码块用14px或15px；
• 行高：1.4左右，太紧密容易看串行，太松又占屏。

如果你经常在文章里贴长代码，把“显示行号”打开会方便读者定位。

4.4 几个值得一试的官方第三方主题

除了默认主题，Typora官网还收录了一些官方认可的第三方主题，比如Drake、Vue、Pisum等。下载后把主题文件夹解压到“主题文件夹”目录，重启Typora即可在主题列表看到。

我用过的主题里，Drake的侧边栏和专注模式做得很好，很适合长时间写作；Pisum的排版风格偏向古典书册，导出PDF很好看。主题文件会在Typora更新后偶尔失效，如果切换主题后样式不生效，检查主题文件夹里有没有残留的旧版本CSS文件，清理掉再重启。

5. 写作过程中的效率开关：自动编号、专注模式和字数统计

5.1 让Typora自动维护标题编号

写长文档时，手动维护各级标题的“1.1、1.2”编号非常痛苦——中间插入一个小节，后面全部要改。Typora在“视图”菜单里有一个“显示标题编号”的选项，打开后所有标题前面都会自动加上数字编号，包括H1到H6。

这个编号是动态计算的，删除或插入标题后自动更新。但它只是显示级别，文档源码里不会多出任何额外的标记文字，所以也不会污染Markdown原文。这一点对需要打印或导出PDF的场景尤其好用。

5.2 专注模式与打字机模式

Typora有一组“聚焦写作”的功能，在“视图”菜单下：

• 专注模式：把除当前行或当前段落以外的内容全部压暗，帮你注意力集中到正在写的文字上。
• 打字机模式：让光标所在行始终保持在屏幕中间位置，而不是随着输入滚到底部。

这两个功能很适合长时间创作，尤其是写长文或论文时。我自己的习惯是白天写初稿时用专注模式，翻资料调结构时关掉。

5.3 字数统计的两种口径

Typora窗口左下角默认会显示字数，但这个数值是包含Markdown标记符号的，不一定是你投稿时需要的那种字数。如果你要统计“纯文字”的字数，可以点击左下角的字数区域，切换为“字数”和“字符”等不同口径。Typora会显示“当前文件字数”和“选中区字数”，在投稿、写报告需要精确控制字数时非常实用。

5.4 搜索替换与跨文件搜索

写作内容多了之后，常会遇到需要全文替换某些表述的情况。Typora在编辑 -> 替换里提供了基本的替换功能，支持正则表达式。对于跨多个文件的全局搜索，Typora没有内置完整方案，但可以把目录拖入侧边栏文件树，然后用文件树下方的搜索框进行文件名搜索，再逐个打开查看。这也是我用Typora管理几百篇笔记时的常用做法。

6. 几处特别值得留意的细节与踩坑记录

6.1 所有设置修改后为何有时不生效

有段时间我改了主题背景色，但Typora界面纹丝不动。排查后发现，Typora的某些主题需要重启之后才重新加载CSS。具体来说，如果你修改的是主题本身的css文件，通常需要重启编辑器；但如果你用的是base.user.css，保存后多数场景可以即时生效。所以当你觉得“设置怎么改了没用”时，第一个动作是重启，第二个动作是检查你是不是改对了文件。

6.2 内置HTML与自定义CSS的使用边界

Typora允许你直接在文档里写HTML和CSS，这在做复杂排版时很好用。但要注意，Typora不是浏览器，它对HTML/CSS的支持是部分子集。过于复杂的flex布局、自定义动画、复杂嵌套表格，在Typora里可能能显示，但导出PDF或Word时大概率会丢失排版。我的建议是：日常写作不要让文档依赖大量内嵌HTML，保持Markdown原生语法为主，这样导出的格式才稳定。

6.3 修改代码块样式后，导出PDF未更新的原因

有一次我调整了代码块背景色，屏幕上显示的是深色背景，但导出PDF后代码块又变回了浅色。后来发现，导出PDF时用的是导出专用的CSS，而不是编辑器界面的CSS。也就是说，你需要在“偏好设置 -> 导出 -> PDF -> 自定义CSS”里也指定一次包含代码块样式的规则，才能让PDF导出与编辑器显示一致。这一点不熟悉CSS机制的读者很容易踩坑。

6.4 Typora更新后设置是否会被重置

Typora的配置一般存放在用户目录的配置文件夹里，正常情况下更新不会丢失设置。但在少数大版本升级中，部分深层选项（比如“严格换行”的默认值）可能会随新版本逻辑变化。养成的习惯是：升级后打开偏好设置扫一眼，确认图片路径、导出字体、自动保存这三项没有变化即可。

6.5 快捷键与自定义快捷键

Typora支持部分自定义快捷键。Windows与macOS的默认快捷键有差异，比如加粗、插入代码块、插入链接等。你可以在“偏好设置 -> 通用 -> 快捷键”里给这些命令绑定自己的按键组合。如果你经常编辑大量表格或代码，把“插入表格”“插入代码块”绑定到顺手的位置，效率会有明显提升。

7. 这些设置组合起来，才是我现在日常使用的最终方案

把前面所有设置串起来，我目前的主力配置是这样：主题用Drake（带夜间模式），正文字体16px，代码块14px/行高1.4；图片插入时自动复制到文章名.assets文件夹并写相对路径；导出PDF时页面A4、边距2cm、中文用思源宋体，并通过自定义CSS给标题加了分割线；开启自动保存、标题编号、专注模式和打字机模式。

这套配置从写作输入到导出输出，基本不需要额外工具介入。笔记管理、文章发布、PDF存档都能顺畅跑通，也最大限度避免了图片丢失、格式回退这些老生常谈的问题。

最后分享两个小技巧。第一，如果你经常在Typora里写技术文档，建议在“偏好设置 -> Markdown -> Markdown扩展语法”里把“公式”“脚注”“定义列表”都打开，这些功能在默认配置下可能是关闭的，写作时想用却发现不能用，就很扫兴了。第二，给文档结尾打上<!-- more -->注释，在部分博客平台发布时会被识别为摘要分割标记，Typora本身不渲染这个注释，但导出的HTML里会保留，方便后续发布。

设置这种东西，没有绝对的标准答案，关键是把每个开关的用途搞清楚，然后按自己的使用场景组合。希望这篇合集能帮你省下一些折腾的时间，让你把精力放回写作本身。