2023-05-26    2023-09-07    1012 字  3 分钟

为什么会制作这款 Typora 的主题呢?

📙 Virgo , 仓库地址 loveminimal/typora-theme-virgo: A typora theme for relative hugo.

更新日志

- 2023-04-17 20:48 新增 Virgo Dark 暗色主题样式

快速开始

现在,它已经上传到了 Typora 官方的主题仓库 - Virgo ,但是我首次提交 Pull request 的时候写错了 Homepage 和 Download 的链接…… 😅

我已经提交了新 Pull request ,后续官方合并后就没有问题了。幸运的是,它并影响你使用这个主题,毕竟你正在浏览器这个页面。

官方合并的速度还挺快的,目前 Virgo 中的链接已经是正确的了。

在 偏好设置 / 外观 中点击 打开主题文件夹 ,如下:

![[assets/Pasted image 20230526112217.png]]

该文件夹下存放着 Typora 的主题文件,在文件夹下,执行如下命令:

git clone https://github.com/loveminimal/typora-theme-virgo.git

然后,将文件夹 typora-theme-virgo 中的 virgo 文件夹和 virgo.css 、 virgo-dark.css 拷贝一份到当前目录下,重启 Typora ,即可选择主题 Virgo 、 Virgo Dark 。

有点不明白,作者不什么不直接遍历 themes 文件下的所有第一级文件夹,然后指定其中的默认加载样式文件,如此,也方便使用 Git 管理啊,省了手动拷贝的这一步。 😶

为什么需要

之前是在 VSCode 中编辑博客文件的,使用体验也很好,基本上没有什么不足之处。那为什么要使用 Typora 呢?

一是, Typora 的预览效果十分接近于网页渲染,因为当前的主题就是从站点的主题适配而来的,除了部分借助于 JavaScript 实现的动态交互,其渲染结果有着 90%+ 的相似性。‘所见即所得’,很不错的体验。

二是,VSCode 中对表格的处理没有 Typora 优雅,尤其是中英文混输的时候,光是对齐就让人‘崩溃’,尽管有一些所谓有对齐表格的办法,也是不那么让人满意。

这是 VSCode 中对于 Table 的编辑状态,很乱很乱,如下:

![[assets/Pasted image 20230526112225.png]]

> 这是用 VS 编辑器中的 Table

我们来看看,当前主题中对于 Table 的编辑和渲染,如下:

![[assets/Pasted image 20230526112230.png]]

> Typora 下当前主题 Virgo 的渲染和编辑

对比很‘惨烈’! 😈

最后, Typora 对于图片的处理也很优秀,不仅实现了直接从剪切板复制粘贴,最近的更新中还优化了对图片相关操作(改、删)的状态同步。

其他

Typora 内置了几个主题,各有特色,在 Themes Gallery — Typora 中也有不少第三方的精美主题可以选择。总之呢,基本上可以满足各类用户的喜好。

当前主题目前已经提交 PR 到该主题仓库,具体生效日期不定,其实就算合并成功,你还是得按照 快速开始 中描述的步骤那样使其生效。

结语

最后,使用了一段时间了,对 Typora 做一些简评吧。总体来说,纯文本编辑的话,还是不错的。就个人而言,希望在后续更新中可以改进或开放以下两个方面。

开放设置项,允许用户快速打开文件的时候,可以选择在当前窗口打开,而不是新开一个窗口。

可以增强快捷键设置,当前的开放支持太弱了,希望可以增加更多的按键接口,尤其的光标的上下左右移动的映射。编辑的时候,习惯使用 Alt + H/J/K/L 来移动了,使用 箭头 的话就不得不移动一下右手……