著作权归作者所有
二、更改字体
（一）网页版
网页版 有两种更改字体的方法，一种是更改浏览器默认的字体设置，以浏览器为例，在地址栏输入:///fonts打开字体设置页面。
字体设置页面可分别改变 4 类字体所使用的字体，包含标准字体、Serif 字体（衬线字体）、Sans-serif 字体（非衬线字体）和等宽字体。
经测试，只更改 Sans-serif字体所使用的字体，例如我将其设置为「江西拙楷」，就可以更改 的中文字体。
上图的字体为江西拙楷
使用这个更改 字体的方法，由于它改变的是浏览器的全局字体，这会让其他页面的字体也受到影响，例如 新标签页的字体。
如果我们只想单独更改 的字体而不影响到其他的页面，这里可以使用另外一种更改字体的方法：
这种方法需要你安装一个浏览器插件 ，它是一个可用来调整网页外观的插件，让你自行修改网站的主题、皮肤和字体等。
安装插件之后，在打开 页面的情况下，点击浏览器右上角的 插件图标，将鼠标移动到面板上的.so网址并单击。
在打开的样式编辑页中，粘贴下方的 CSS代码，其中font-的值替换为你想使用的字体名称，前提是你已经在电脑上安装了这款字体。
* {font-: '江西拙楷','字体圈欣意冠黑体';}
如果你不确定你是否安装了某款字体，可以打开路径C:，查看本地安装的所有字体。
修改好之后回到 页面，顺利的话，就可以看到页面的字体同样被更改了。
插件下载地址：
（二）客户端
至于 客户端想要更改字体，则需要用到上次介绍过的美化插件 ，插件安装方法见之前的文章，这里不再复读（具体内容附在文末）
客户端不好看？手把手教你把它变好看。
打开 插件面板，将「font 」切换到启用的状态，接着在下方的「sans-serif」中输入你想使用的字体，之后重启 ，就可以替换掉原先的字体了。
font 针对 中的不同block，提供了设置不同字体的选项，例如我们可以分别设置代码和引用这两个 block 的字体。
有需要的朋友可以自行设置相应的字体，提高文章中代码和引用部分的阅读舒适感。
补充文章：
客户端不好看？手把手教你把它变好看。
文章内容：
多合一的笔记工具 的一些用法，包含美化客户端、为网页版 添加侧边目录，以及解决导出图片丢失的问题。
01. 美化客户端
下图是 客户端美化之前默认的界面：
再给各位看一下美化之后的效果，作为对比：
变化最明显的地方在于，美化之后的客户端去掉了顶部左上角的页面标题和工具栏，原先位于下方的用户名移动到了左侧的顶部，且右侧的最小化、关闭按钮的位置向下移动了，看起来更舒服。
美化 客户端，需要为我们电脑安装一个名为 的插件，这个插件除了可以美化客户端，还可以为客户端增加一些额外的功能，例如窗口置顶、滑动到页面顶部、字数统计等。
安装 插件之前，需要为你的电脑安装Node.js，它是一个程序员经常会用到的 运行环境，可通过它集成的npm包管理工具来安装我们需要的 美化插件。
如果看不懂上面的内容也没关系，打开 Node.js 官网，选择下载左侧的 14.16.1 版本，下载之后按照普通软件的安装——点击多次「下一步」——直至完成安装。
Node.js 官网：
在进行下面的操作之前，请先彻底退出正在运行的 程序，保险起见，你可以使用任务管理器关闭当前正在运行的 。
使用快捷键 Win + S打开 自带的搜索功能，输入cmd，上方会返回「命令提示符」，右击此选项，选择「以管理员身份运行」。
在打开的命令行窗口中，输入npmi-g -并按下回车键，等待下方返回插件的版本号-@0.10.2，则表示完成了美化插件的安装。
但是，安装这个插件之后，会导致 无法正常打开，这可能是因为插件与 不兼容所导致的，因此我们还需要对安装的插件代码进行一点小修改。
按照路径C:Users电脑用户名- 打开插件安装的位置。
对于不同的电脑，路径中的「电脑用户名」并不是统一的，需要根据你的用户名进行相应的变化。
下图就是美化插件在我电脑上的安装位置，我们需要修改的文件有两个：.js 和 .js。
右击需要修改的.js文件，选择「打开方式」，你可以选择以「记事本」打开，也可以使用专业的代码编辑器，例如 Code打开。
这里建议使用代码编辑器打开，因为等会找起代码来比较方便。
打开.js之后，找到第 108行代码，这时就可以体现出使用代码编辑器打开文件的好处了：它会在文件的左侧栏显示当前的代码行数。
先复制下方的代码，接着用鼠标选中第 108行的内容，使用 Ctrl + V粘贴替换.js 文件中原有的代码。
!.('.- > div[style*=”: flex”]')
替换之后，点击软件左上角的「File」，选择「Save」保存刚做出的变化，当然直接使用快捷键 Ctrl + S，同样可以保存修改。
接着打开另外一个需要修改的文件.js ，找到第 19行，会发现这一行是空白的，我们需要往这一行添加新的代码。
复制下方的代码，将其粘贴到上图的第 19 行空白处，接着同样按下 Ctrl + S，保存刚作出的修改。
. = (`${
.()
.(//g, '/')}/app//.js`).;
如果你觉得上面修改两个文件代码的操作比较麻烦，可以考虑另外一种方法：下载我修改好的两个文件，将其放到 插件的安装位置，替换原有的文件。
替换文件下载链接：
完成以上操作之后，重启 ，就可以正常打开了，细心的朋友可能还会发现，桌面右下角任务栏的 图标也变了。
右击 图标，会发现弹出的面板中的选项也变了，这里我们选择「」，打开 功能增强面板。
打开的增强面板，会在右侧以一个独立的小窗口显示，在增强面板中，我们可以看到插件提供的多项功能。
例如开启「 on top」功能之后，它会在 的右上角增加一个「窗口置顶」的按钮，点击按钮就可以将 置于其他软件窗口的上方。
此外，我们还可以更换 默认的主题，下图是启用「 cola」(樱花可乐？？) 主题之后的效果：
每次开启某个功能之后，它不会即刻显示出相应的功能或效果，需要右击右下角的 图标，选择「」，重新启动 ，才可以看到刚刚启用的功能。
关于这个插件的更多功能，这里就不展开介绍了，留给感兴趣的朋友去探索吧~
如果你觉得这个美化插件对你有帮助的话，请不要忘了前去 网站，给这个项目的开发者点个 Star：
你的 Star，就像是「一键三连」一样，可能就是让这个项目的开发者继续维护下去的动力。
– 项目地址：
02. Boost
之前在一篇文章中说到，不像wolai那样——会在页面的右侧自动生成「悬浮目录」，导致在 中查看长文档并不是很方便。
后来有位朋友在留言区向我安利了一个浏览器插件「 Boost」，它可以在网页版的 侧边栏自动生成目录，效果如下图所示。
这个目录属于固定目录，当你往下滑动时，它会一直固定在右侧边栏，不会因为你滑动到页面下方，就被隐藏起来，可以说是弥补了 /table of 命令的不足。
这个插件不止有生成侧边目录的功能，还有其他额外的功能，例如像前面介绍的 插件内置的滑动到页面顶部的功能，一些可免费使用，有些需要付费后才能解锁。
Boost 插件安装地址：
03.将内容导出为
虽然支持将文档导出为 ，但自带的导出功能存在一个致命的问题：当导出的文档包含较多图片时，图片会丢失。
之所以会想到将 文档导出 文件，是考虑到未来如果自己不再使用 ，我存放在 的数据该如何迁移的问题。
为了解决 导出 图片丢失的问题，我测试了两种借助第三方工具导出 的方法：
一种是由 @王树义老师写的一个工具「 」，这个工具是基于 上的一个项目「」发展而来的，不过实测已经无法使用了。
在线工具 网址：
另外一个从 中导出 的方法，则需要用到一个浏览器插件「简悦」，实测导出的 文档还是可以接受的，解决了图片导出丢失的问题。
简悦插件支持的浏览器列表如下，你可以从浏览器的应用商店下载，也可以从官网下载插件的 crx 安装包。
简悦官网：
使用简悦插件将 文档导出为 的流程是这样的：打开网页版的 文档→使用简悦插件进入阅读模式→导出为本地 文档。
由于 的页面元素比较特殊，可能包含我们嵌入的各种组件，例如代码、视频媒体等，直接使用插件进入阅读模式，会遇到内容提取失败的问题。
因此，在使用简悦插件之前，需要先对插件进行设置，添加插件作者提供的 阅读模式适配站点。
如何在 使用简悦的阅读模式：
点击浏览器右上角安装的简悦插件，选择「选项」，打开插件的设置页面。
切换到「站点管理」选项卡，将下面的链接粘贴到页面的「第三方适配源」中，再点击下方的「导入到第三方适配列表」。
接着切换到「高级设定」选项卡，往下滑动页面，找到「延迟加载列表」，在其中添加 的域名.so。
完成以上操作之后，回到网页版的页面，鼠标左键单击简悦插件图标，就可以进入简悦提供的阅读模式了。
进入阅读模式之后，点击右下角的更多按钮「…」，将打开的面板切换到「动作」，导出中提供了「导出为离线 」的选项。
导出之后，为了查看导出的 文档的效果，我在 VS Code中打开了由简悦导出的 文档，效果如下图，图片没有丢失，!
左侧是 文档渲染前，右侧是渲染后的效果
发表回复