Typora 个性化设置

前言

我用Typora写过超过10w字的笔记，是Typora的重度使用者，也有一些新的，最近发现Typora更新到0.10版本了（对Typora来说已经是非常重大的版本更新了），并且公司电脑上也重新进行了设置。这里将一些常用设置记录下来，供自己查阅也供后人使用。

主题

Typora自带了一些主题，之前我最常用的是自带的Night主题，但是没有非常喜欢的白色主题，后来就去主题网站下载了一些，主题官网点击这里进入，主题网站上主题更新的还可以，并不会常年都仅仅只有那几个主题，所以想换主题可以多逛逛官网。

常用主题

我自己用过的主题，有：

• Night：Typora自带主题，基本满足我的要求，样式也比较喜欢是我最先使用的黑色主题，效果如下
• Vue：去官网下载的主题包自己安装的，它有白色和黑色两种主题，我比较喜欢白色的，黑色的不太符合我的审美，白色效果如下。
• Github：这也是预装的主题，白色，GitHub风格的。不是特别喜欢。
• Gitbook：该主题是我最近去主题网站下载的，有三个风格蓝白风格、绿白风格、夜间风格。都非常喜欢。蓝白风格如下，他的名字是Gitbook Azure

夜间风格如下，他的名字是Gitbook Slate

以上是我常用的主题，最近主要在用后两个主题。

主题安装

进入主题官网下载喜欢的主题以后，按照下图步骤依次执行，将加压后的内容放到下图themes文件夹中即可

自定义主题样式

虽然可以找到喜欢的主题，但是有些细节可能还是不够喜欢，这时候可以对主题进行微调（前端大佬也可以魔改甚至自定义主题）。主题就是一个css文件以及对应的资源文件，只要有点css基础，能看懂css样式基本就可以改。但是有几个问题需要注意：

• 不能直接改主样式文件，否则更新Typora以后，做的更改会被冲掉。要解决typora自定义样式被冲掉的问题很简单。比如gitbook-azure主题编辑时宽度是非常窄的，想要修改只需要打开上一节中提到的主题文件夹，然后找到gitbook-azure.css文件复制一份命名为gitbook-azure.user.css文件，然后打开css文件进行编辑即可。我觉得宽度过窄的问题，把下面从850px改为1050即可。
• 
• 如果不知道想要改的样式对应css文件哪里，可以打开调试功能，Mac的在 帮助->Enable Debugging中，Windows不需要打开开关，直接shift+F12即可（v0.10）。然后右键页面 ->检查元素。就可以打开和谷歌浏览器一样的控制台，找到对应元素选择器，然后去css样式文件中修改即可。控制台如下，之前的版本非常像Chrome的控制台，但是现在好像不像了。。但用法都一样。

 

以上是所有关于设置主题和自定义主题的内容。

PDF导出

Typora新功能我个人感觉最有用的是pdf导出可以添加页眉、页脚了，但是Mac和Windows功能略有不同，是一个非常大的坑！！！！

全局设置

页眉页脚可以在 菜单 -> 偏好设置 -> 导出 -> pdf 中进行选择，我的设置如下：

上面说的变量是第一个坑。第二个坑是${title}变量在Mac下是可以设置中文的，但是Windows下好像是不支持中文的。也就是说Windows下如果页眉有中文会导致页眉页脚都不能显示！！

单页面配置

上面介绍的配置方式是全局配置，可以通过 yaml front matter设置单个文档的页眉、页脚并且，单个页面的配置优先级要高于全局配置，如下。

打开yaml front matter的快捷键是在文章

 

效果如下：