修改高亮背景和字体颜色

前提:
需要用到CSS相关代码

整体步骤:
打开Typora->进入【主题】设置->选择【打开主题文件夹】->打开对应主题的.css文件->在后面添加相关代码

修改代码详细步骤:
1、按下Shift+F12可以进入控制台,然后点击左上角的该图标
image.png
2、之后将鼠标放到对应的如高亮后的字体上
image.png
3、即可在控制台处找到相对应的背景和字体颜色设置
image.png
4、进行设置时可以点击对应的颜色按钮来进行快速设置,也可以直接输入颜色代码
image.png
5、修改为自己满意的颜色之后,即可在上面提到的对应主题的.css文件处加上与下面的示例相同的代码了(颜色值记得修改)

6、在Typora内打开主题文件夹
image.png

7、找到对应的.css主题文件并用记事本带打开,之后加上对应的代码即可
image.png

示例代码:

  1. #修改高亮背景和字体颜色
  2. mark {
  3. background: rgba(0, 0, 0, 0); #背景修改为无色
  4. color:#ff0101 #字体颜色为红色
  5. }
  6. #修改引用块和引用字体颜色
  7. blockquote {
  8. padding: 0.5em; #设置引用块间距
  9. font-style: italic; #设置引用块字体
  10. border-left: 7px solid #5cb85c; #设置引用块厚度
  11. color: #0067bf; #设置引用块字体颜色
  12. }
  13. 参考设置:
  14. font-stylehttps://www.runoob.com/cssref/pr-font-font-style.html
  15. border-lefthttps://www.runoob.com/cssref/pr-border-left.html

修改页面宽度

  1. 修改页面宽度:#write { max-width: 1800px; /*adjust writing area position*/}
  2. 还可以使用其他 css 样式,例如padding-leftpadding-right来调整书写区域
  3. 要更改源代码模式的宽度:#typora-source .CodeMirror-lines { max-width: auto; /*or 1000px*/}

快捷键

常用快捷键

Typora快捷键.png

修改或添加快捷键

【菜单】->【偏好设置】->【通用】->【打开高级设置】->打开【conf.user.json】文件->找到其中的【keyBinding】一行->在其下方添加快捷键时采用如下格式"高亮":"Ctrl+Alt+b"即可->保存退出,重启Typora,测试快捷键
image.png

参考

  1. Markdown 教程 - 菜鸟教程
  2. Markdown基本语法 - 简书
  3. Typora快捷键 - 博客园
  4. Typora 完全使用详解 - 少数派
  5. 【狂神说】程序猿,你真的会用Typora吗? - B站 · 狂神说
  6. typora修改简单颜色样式(详细小白可入手) - 简书
  7. 如何修改 Typora 「高亮」的颜色 - CSDN
  8. CSS 参考手册 - 菜鸟教程
  9. 关于使用阿里OSS服务搭建图床和使用PicGO上传图片到图床 - 博客园
  10. 七牛云+MPic-图床神器搭建 - 博客园