ARTICLE DETAIL

资讯详情

深耕郑州网站建设与运营推广的一线实战洞察。

Typora进阶设置全攻略:从图片管理到PDF导出的高效写作配置

Typora进阶设置全攻略:从图片管理到PDF导出的高效写作配置 使用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 从默认主题开始改别急着直接换整套CSSTypora的默认主题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 - 代码块里可以设置代码块字体大小、行高和是否显示行号。我个人的推荐是字体用ConsolasWindows/MenlomacOS这类等宽字体字号比正文小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里会保留方便后续发布。设置这种东西没有绝对的标准答案关键是把每个开关的用途搞清楚然后按自己的使用场景组合。希望这篇合集能帮你省下一些折腾的时间让你把精力放回写作本身。
返回列表