Typora笔记神器—高亮和引用样式设置

简介: Typora笔记神器—高亮和引用样式设置

Typora是我最常用的 PC 笔记软件,也是最好用的笔记软件(此处不接受反驳)。它的优点很多:(1)功能简洁且美观。这一点是相对 Word 而言的,Word功能和操作都很复杂,我相信调过毕业论文格式的读者们都深有体会😭。如果我们的使用场景只是日常做做笔记,记录一些工作和生活中的事情的话,赶脚完全没有必要,可能调格式的时间比你记笔记的时间还长,本末倒置了;(2)支持Markdown语法。这一点于我而言很重要,目前大多数的网页文本编辑器都支持Markdown,这样一来我在Typora中写好要发布文章,然后直接复制粘贴到我的博客和公众号就可以了,不用重复地调整格式;(3)实时预览。光支持Markdown还不行,Typora可以实时预览所写的Markdown内容,这一点比SimpleNote就好太多,SimpleNote需要手动切换预览模式,并且无法在预览模式进行编辑,这是什么样的感觉呢,就如同让你通过写代码的方式来记笔记一样,这时候反观Word-真香。


不做舔狗,Typora也有缺点,(1)它不提供同步功能。这个倒也容易解决,我现在用OneDrive来同步笔记;(2)图片的存储是个问题。毕竟是一款笔记软件,只存储文本,即字符串,而doc/docx是二进制文件,二进制是可以存储多媒体文件的。所以说,你在Typora中看到的图片仅仅是一串字符串(图片的路径)而已,它并没有真正存储在你生成的.md文件中。那么问题来了,我在公司电脑里记的笔记虽然可以通过OneDrive同步到我宿舍的笔记本中,但是笔记中的图片却失效了,除非你连同图片也一起同步至OneDrive,并且需要保证图片路径在每台电脑中都是固定的,当然我这么喜欢折腾的人,已经找到了办法(下期分享:Typora图片同步的解决方案)。

1f69d07eaf515c4e07feb38a0ffcefbb.png

SimpleNote编辑模式

81e59a7f89d2d26260adc72c69c191a6.png


SimpleNote预览模式


e3883224a53e65c66c776082a82ed952.png


Typora本地图片路径

做了个 SimpleNote 和 Typora的对比表,大家各取所需!


image.png


我们说回正题😂,Typora的样式设置。虽然Typora的样式已经足够好看,但使用软件的默认风格本身就不是我的风格(有点绕)。下面开始直男审美式的样式更改。其实要改的就两个:高亮和引用。

1 设置高亮样式

Typora默认是关闭高亮功能的,首先需要 CTRL + , 打开偏好设置,勾选高亮,建议把其他几个也打开。

759e92fb8e592639e3f4d65614d03649.png


1.1 添加高亮快捷键

打开高亮之后,可以从格式菜单栏中找到高亮,但这样设置太麻烦,继续改进,添加高亮快捷键。

09838154d3f12cf10fb6c866e8daf7df.png

下面这串代码复制到config.user.json中,设置高亮快捷键为Ctrl+H,它会自动覆盖默认的快捷键(Ctrl+H原先是替代功能的快捷键),重启软件后生效。

"keyBinding": {            
  "Highlight": "Ctrl+H"    
},                         

e5a030c812776ae0c82f8406a9b64b47.png

1.2 修改高亮样式

添加好高亮功能和快捷键之后,开始修改它的样式。


362eeaea6561fae39875fa6440d7127d.png

6861eaedd6389c1bf648bc0bce34c141.png

再次打开偏好设置,找到主题路径C:\Users\...\AppData\Roaming\Typora\themes


1ed51ec7543dd340295845bc4a7e774b.png

找到与软件当前主题相同名称的css文件,在其结尾添加以下代码即可,同样是重启后生效。


80346dda4050d0b486e1e6dee1744acc.png

mark {
  background: #3D9140;
  color: #FFFFFF;
  padding: 0px 5px 0px 5px;
  margin: 0 0px;
}

d3651898d7ec4bf8a2e308e0aefb447b.png

2 设置引用样式

c36ed453ce5adc0fb2fff2ba0faf45d5.png

fe868ea555081b040e74fa56f26a6e3e.png


引用的默认样式其实还是挺不错的,但样式讲究一个呼应,所以改。

同样是上述的css文件,找到blockquote字样,大概在200行左右,将原有的样式替换为以下样式,保存文件,重启生效。

blockquote {
    border-left: 4px solid #3D9140;
    padding: 8px 15px 8px;
    color: #777777;
    background-color: #F5F5F5;
}

9cbb52999de11fa3f388b9562b854d46.png

GAME OVER ! 现在可以愉快地记笔记啦!

相关文章
|
存储 算法 NoSQL
还分不清 Cookie、Session、Token、JWT?看这一篇就够了
Cookie、Session、Token 和 JWT(JSON Web Token)都是用于在网络应用中进行身份验证和状态管理的机制。虽然它们有一些相似之处,但在实际应用中有着不同的作用和特点,接下来就让我们一起看看吧,本文转载至http://juejin.im/post/5e055d9ef265da33997a42cc
52355 16
|
Java 开发工具
mac下解决intellij idea启动慢和debug卡死问题
mac下解决intellij idea启动慢和debug卡死问题
4780 0
mac下解决intellij idea启动慢和debug卡死问题
|
Java API
JDK API文档中文版(1.6、1.8、1.9)(附百度网盘下载地址)
JDK API文档中文版(1.6、1.8、1.9)(附百度网盘下载地址)
11241 4
JDK API文档中文版(1.6、1.8、1.9)(附百度网盘下载地址)
语雀的markdown常用语法
语雀的markdown常用语法
10496 0
语雀的markdown常用语法
|
5月前
|
人工智能 安全 测试技术
开发者的新武器:利用Claude Skill实现自动化代码审查与单元测试生成
本文详解Anthropic于2025年10月推出的Claude Skill功能,聚焦实战:用Skill自动化代码审查与单元测试。通过本地Markdown技能包(如`code-review`、`test-gen`),实现精准提示复用、Git版本管理、多维度AI审查及结构化测试生成,显著提升开发效率与代码质量。
|
存储 Web App开发 缓存
清理C盘空间的6种方法,附详细操作步骤
释放C盘空间并不难。只要掌握合适的方法,哪怕你是电脑小白,也能轻松清理出几十GB空间。下面就为大家介绍6种实用、安全、细致的清理方法,并附上操作步骤。
|
人工智能 Cloud Native Java
2025 开源之夏开启报名|AI + 云原生,10个开源项目、24个课题任您挑选
“开源之夏”是由中国科学院软件研究所发起的暑期活动,旨在鼓励高校学生参与开源软件开发与维护。活动联合各大开源社区提供项目任务,面向全球年满18周岁的高校学生开放报名。每位学生最多可申请一个项目。阿里云云原生提报了包括Apache Dubbo、RocketMQ、Seata等在内的10个开源项目共24个课题,涵盖技术优化、功能实现及AI应用等领域。活动流程包括选题、申请、开发与结项考核,具体信息可访问官网了解。
3791 32
|
前端开发
Typora使用技巧1 —— 更改字体、大小、颜色、背景色,设置图片默认左对齐,修改图片保存路径
Typora使用技巧1 —— 更改字体、大小、颜色、背景色,设置图片默认左对齐,修改图片保存路径
3067 3

热门文章

最新文章