IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> Typora编辑器的常用快捷键介绍及主题样式设置 -> 正文阅读

[开发工具]Typora编辑器的常用快捷键介绍及主题样式设置

Typora编辑器的常用快捷键介绍及主题样式设置

Typora工具安装包及修改后的主题样式文件 点击下载

1、编辑器Typora中的快捷键

快捷键很多,只做部分展示!

具体设置快捷键
标题设置【 Ctrl + 数字】
字体加粗【 Ctrl + B】
字体倾斜【 Ctrl + I】
内容搜索【 Ctrl + F】
内容替换【 Ctrl + H】
删除线【 Alt + Shift + 5】
清除格式【 Ctrl + \】
插入表格【 Ctrl + T】
插入引用【 > + 空格】

2、修改Typora的主题样式

Typora官网提供的一些主题都相当不错,但难免有些主题中的个别样式并不令人满意,要如何修改呢?

比如说,我不喜欢亮显标黄这个样式,感觉影响阅读,想要把文字直接显示成绿色。

默认的:

在这里插入图片描述

修改后:

在这里插入图片描述

2.1 找到主题文件夹

  • 依次打开【文件】<------>【偏好设置】<------>【外观】,打开主题文件夹。

在这里插入图片描述

2.2 打开样式文件

在这里插入图片描述

这里推荐使用VSCode打开样式文件,效果大家一看便知,我看中的是它能够将颜色直接显示出来,非常直观,当然使用其他工具也可以。

在这里插入图片描述

2.3 修改样式文件

根据自己的需要做针对性的修改,完毕后重启Typora即可!

2.3.1修改文本高亮的样式

注意:CSS文件中默认是没有高亮设置的,只需要在css文件中的任意位置添加如下配置即可。

  • 添加的内容
/* 内容高亮显示 */
#write mark {
    background-color: #03870F;
    border-radius: 2px;
    padding: 1px 10px;
    margin: 0 2px;
    color: #ffffff;
}
  • 添加的位置(任意)

在这里插入图片描述

  • 添加后重启Typora的效果

在这里插入图片描述

设置高亮快捷键:
依次打开【文件】<------>【偏好设置】<------>【高级设置】<------>【conf.user.json】文件。

在这里插入图片描述

  • 修改的位置

在这里插入图片描述

  • 修改的内容
"keyBinding": {
    // for example: 
    // "Always on Top": "Ctrl+Shift+P"
    // All other options are the menu items 'text label' displayed from each typora menu
    // 高亮
    "Highlight": "Ctrl + l"
},

添加后重启,然后使用快捷键 Ctrl + l 就可以对选中的内容进行标记!

2.3.2 修改代码标记的样式

依次修改这两个部分的样式即可

  • 修改的内容
/* 代码标记 */
code {
    background-color: #ff0000;
    color: #ffffff;
    border-radius: 2px;
    padding: 1px 10px;
    margin: 0 2px;
    font-size: 20px;
}
  • 修改的位置

在这里插入图片描述

  • 修改的内容
/* 代码块的字体行高大小设置 */
.CodeMirror-lines {
    padding-left: 4px;
    font-size: 23px;
}
  • 修改的位置

在这里插入图片描述

  • 修改后的效果

在这里插入图片描述

2.3.3 修改内容引用的样式

  • 修改的内容
/*修改引用块的样式*/
blockquote {
    border-left: 4px solid #60B637;
    padding: 0 15px;
    color: #676E79;
    background-color: #F8F8F8;
    height: 45px;
    line-height: 45px;
}
  • 修改的位置

在这里插入图片描述

  • 修改后的效果

在这里插入图片描述

此处只列举了3种样式的修改,其余样式根据个人爱好类比修改即可!

  开发工具 最新文章
Postman接口测试之Mock快速入门
ASCII码空格替换查表_最全ASCII码对照表0-2
如何使用 ssh 建立 socks 代理
Typora配合PicGo阿里云图床配置
SoapUI、Jmeter、Postman三种接口测试工具的
github用相对路径显示图片_GitHub 中 readm
Windows编译g2o及其g2o viewer
解决jupyter notebook无法连接/ jupyter连接
Git恢复到之前版本
VScode常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2022-04-07 22:55:14  更:2022-04-07 22:56:27 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/26 4:54:08-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码