本博客是由hugo搭建的,所有的blog基于markdown编写,博主最早通过Visual Studio Code来编写markdown,后面使用过App Store上的IA Writer以及Ulysses。每个软件各自都有优点,在深度的体验了每个软件后,决定还是使用Typora来作为输出markdown的文本编辑器。

Typora有哪些好用的功能

1. 输入即所得

  这个功能非常的好用,你输入了任何markdown语法,软件会自动生成预览样式,整体页面非常干净,看不见多余的语法符号了。当然在复杂编辑的情况下,还是可以打开默认输入模式的(即不随时渲染效果)。再配合hugo的预览效果,写作体验非常愉悦。

写作环境

2. 超强自定义

  对Typora默认字体/大小不满意?没问题,Typora可以直接通过修改CSS文件来修改软件的显示效果。在偏好设置中,外观选项下选择打开主题文件夹。

打开配置文件目录

设定字体

  在主题文件夹中找到你对应的皮肤CSS文件,用文本编辑器打开,博主这里用的是默认主题night,找到textarea下的font-family,这个设定影响的是软件全局的默认字体。

设定默认字体集

  以上设定的是默认字体,标题等其他样式字体并不会更变,搜索h1寻找标题样式,在标题样式中同样设定字体集。

设定字体大小

  在搜索中找寻font-size即可定义字体大小,html块下的font-size设定的是全局的文字大小(即会影响各标题的大小,因为各标题的大小是相对这个属性的)。

设定全局字体大小

  若放大或缩小全局字体大小后,对其他文字样式受到的联动效果不满意的情况下,可以针对单独样式进行单独设定。

h2文字大小设定

3. 整合图床

  一般来说markdown要插入图片是比较麻烦的,并不能直接粘贴图片到编辑器内,所以通常做法是把图片上传到smms一类的图床,通过图床生成的md url插入编辑器中。

整合图床

  Typora的优势是可以整合图床,非常方便的直接插入图片后生成图片链接。打开偏好设置,在上传服务设定中博主推荐使用PicGo服务(免费开源万岁),这个工具的扩展性很强,支持绝大部分图床,甚至可以自行添加自定义图床。博主一般把图片托管在smms上,没有什么特殊需求,smms配置是最简单直接的。

配置smms

  安装完PicGo后,在任务栏中右击logo,打开详细窗口,进入插件设置中,由于smms官方不再支持V1的API接口,所以下载一个smms-user的插件。

安装插件

  安装插件完成后,在图床设置中选中smms,它会让你填写一个Auth,用于认证你的smms图床,随后通过接口就可以非常便捷的把图片上传到图床中。

smms用户认证

  完成上述步骤,即可在编辑器中插入图片并自动上传至图床~(若你PicGo未打开情况下也可以,Typora会自动拉起PicGo的程序)

4. 迅速打开工程目录

  在使用IA Writer/Ulysses 的时候发现他们都有非常棒的目录管理,其实Typora也是具备的,在软件的右上方可以发现。这个打开过的目录时是具备记忆功能的,所以之后每次打开工程目录可以直接开启Typora。

开启目录

5. 优秀的输入体验

  之前使用过最舒服的markdown编辑器应该是IA Writer,他支持打字机模式,语法检查等。仔细看了下Typora也有相似功能,在任务栏中,显示-专注模式、打字机模式即可开启,输入体验不亚于IA Writer。

开启专注模式、打字机模式