typora字体设置颜色的解决方案

Posted hellobigorange

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了typora字体设置颜色的解决方案相关的知识,希望对你有一定的参考价值。

typora没有直接设置字体颜色的功能,不能像word一样,选中字体直接设置想要的颜色。

下面第一种方法需安装软件AutoHotKey,操作还算简单;后两种方法都是偏技术的,对于非技术的小白可能有点困难。

方案一:安装软件AutoHotKey(较简单)

AutoHotKey是一款著名的windows系统快捷键设置的软件,轻便小巧。

官方下载: https://autohotkey.com/download/ahk-install.exe

 (1)先安装AutoHotKey

(2)打开记事本,把如下内容复制粘贴进去:


  
  1. ; Typora
  2. ; 快捷增加字体颜色
  3. ; SendInput { Text} 解决中文输入法问题
  4. # IfWinActive ahk_exe Typora.exe
  5. {
  6. ; Ctrl+ Alt+ O 橙色
  7. ^!o::addFontColor( "orange")
  8. ; Ctrl+ Alt+ R 红色
  9. ^!r::addFontColor( "red")
  10. ; Ctrl+ Alt+ B 浅蓝色
  11. ^!b::addFontColor( "cornflowerblue")
  12. }
  13. ; 快捷增加字体颜色
  14. addFontColor(color){
  15. clipboard := "" ; 清空剪切板
  16. Send {ctrl down} c{ctrl up} ; 复制
  17. SendInput { TEXT}<font color='%color%'>
  18. SendInput {ctrl down}v{ctrl up} ; 粘贴
  19. If(clipboard = ""){
  20. SendInput { TEXT}</font> ; Typora 在这不会自动补充
  21. } else{
  22. SendInput { TEXT}</ ; Typora中自动补全标签
  23. }
  24. }

(3)将文件保存为ahk后缀的文件,如TyporaHotKey.ahk

(4)双击运行

(5)在Typora软件里就可以使用快捷键:

如按Ctrl+Alt+O添加橙色,Ctrl+Alt+R 红色,按Ctrl+\\取消样式!

 

也可以右键 MyHotkeyScript.ahk 脚本文件,点击Compile Script编译脚本成exe程序,就可以不用下载Autohotkey在其他电脑上运行了。

上面脚本只写了橙色、红色、浅蓝三种颜色,你可以按需照例增加其他颜色或快捷方式!

 

方案二:改html代码(懂前端技术超简单)

视图——开发者工具(Shift+F12),打开html代码调试模式

 按快捷键Shift+F12(可能还需要同时按住Fn)

<span style="color:文字颜色;background:背景颜色;font-size:文字大小;font-family:字体;">你要改色的文字</span>
  

按照这个模板,改字体的style属性即可。

示例:

style="color:red"

style="color:maroon"

style="color:fuchsia"

style="color:brown"

style="color:blue"

style="color:aqua"

style="color:green"

style="color:orange"

style="color:purple"

style="color:white;background:black;"

style="background:yellow"

style="background:red"

style="background:orange"

style="color:white;background:green"

style="color:white;background:blue"

 方案三:使用内联公式(复杂)

1.开启使用内联公式

文件——偏好设置(Ctrl+逗号)——Markdown——勾选“内联公式”——重启Typora

2.输入公式代码设置颜色

输入$,按Esc键会自动在后面加上一个$,然后在这两个$之间输入公式。

如:

直接在typora里输入:


  
  1. $\\textcolor{Magenta}{洋红色} $:设置颜色为$\\textcolor{RedOrange}{橙红色} $,设置字体颜色为$\\textcolor{Blue}{蓝色} $。数学公式里各元素也能分别设置颜色:
  2. $ \\textcolor{red}{\\int_a^b}\\textcolor{blue}{f(x)}\\textcolor{green}{dx}\\textcolor{brown}{=c}$

文本颜色设置公式:

$\\textcolor{red}{这里输入你要改变颜色的文字} $

颜色公式代码大全:


  
  1. $\\textcolor{GreenYellow}{GreenYellow} $
  2. $\\textcolor{Yellow}{Yellow}$
  3. $\\textcolor{Goldenrod}{Goldenrod} $
  4. $\\textcolor{Dandelion}{Dandelion}$
  5. $\\textcolor{Apricot}{Apricot} $
  6. $\\textcolor{Peach}{Peach}$
  7. $\\textcolor{Melon}{Melon} $
  8. $\\textcolor{YellowOrange}{YellowOrange}$
  9. $\\textcolor{Orange}{Orange} $
  10. $\\textcolor{BurntOrange}{BurntOrange}$
  11. $\\textcolor{Bittersweet}{Bittersweet}$
  12. $\\textcolor{RedOrange}{RedOrange} $
  13. $\\textcolor{Mahogany}{Mahogany}$
  14. $\\textcolor{Maroon}{Maroon} $
  15. $\\textcolor{BrickRed}{BrickRed}$
  16. $\\textcolor{Red}{Red} $
  17. $\\textcolor{OrangeRed}{OrangeRed}$
  18. $\\textcolor{RubineRed}{RubineRed}$
  19. $\\textcolor{WildStrawberry}{WildStrawberry}$
  20. $\\textcolor{Salmon}{Salmon}$
  21. $\\textcolor{CarnationPink}{CarnationPink}$
  22. $\\textcolor{Magenta}{Magenta} $
  23. $\\textcolor{VioletRed}{VioletRed}$
  24. $\\textcolor{Rhodamine}{Rhodamine} $
  25. $\\textcolor{Mulberry}{Mulberry}$
  26. $\\textcolor{RedViolet}{RedViolet} $
  27. $\\textcolor{Fuchsia}{Fuchsia}$
  28. $\\textcolor{Lavender}{Lavender} $
  29. $\\textcolor{Thistle}{Thistle}$
  30. $\\textcolor{Orchid}{Orchid} $
  31. $\\textcolor{DarkOrchid}{DarkOrchid}$
  32. $\\textcolor{Purple}{Purple} $
  33. $\\textcolor{Plum}{Plum}$
  34. $\\textcolor{Violet}{Violet} $
  35. $\\textcolor{RoyalPurple}{RoyalPurple}$
  36. $\\textcolor{BlueViolet}{BlueViolet}$
  37. $\\textcolor{Periwinkle}{Periwinkle}$
  38. $\\textcolor{CadetBlue}{CadetBlue}$
  39. $\\textcolor{CornflowerBlue}{CornflowerBlue}$
  40. $\\textcolor{MidnightBlue}{MidnightBlue}$
  41. $\\textcolor{NavyBlue}{NavyBlue} $
  42. $\\textcolor{RoyalBlue}{RoyalBlue}$
  43. $\\textcolor{Blue}{Blue} $
  44. $\\textcolor{Cerulean}{Cerulean}$
  45. $\\textcolor{Cyan}{Cyan} $
  46. $\\textcolor{ProcessBlue}{ProcessBlue}$
  47. $\\textcolor{SkyBlue}{SkyBlue} $
  48. $\\textcolor{Turquoise}{Turquoise}$
  49. $\\textcolor{TealBlue}{TealBlue} $
  50. $\\textcolor{Aquamarine}{Aquamarine}$
  51. $\\textcolor{BlueGreen}{BlueGreen} $
  52. $\\textcolor{Emerald}{Emerald}$
  53. $\\textcolor{JungleGreen}{JungleGreen}$
  54. $\\textcolor{SeaGreen}{SeaGreen} $
  55. $\\textcolor{Green}{Green}$
  56. $\\textcolor{ForestGreen}{ForestGreen}$
  57. $\\textcolor{PineGreen}{PineGreen} $
  58. $\\textcolor{LimeGreen}{LimeGreen}$
  59. $\\textcolor{YellowGreen}{YellowGreen}$
  60. $\\textcolor{SpringGreen}{SpringGreen}$
  61. $\\textcolor{OliveGreen}{OliveGreen}$
  62. $\\textcolor{RawSienna}{RawSienna} $
  63. $\\textcolor{Sepia}{Sepia}$
  64. $\\textcolor{Brown}{Brown} $
  65. $\\textcolor{Tan}{Tan}$
  66. $\\textcolor{Gray}{Gray} $
  67. $\\textcolor{Black}{Black}$

 

以上是关于typora字体设置颜色的解决方案的主要内容,如果未能解决你的问题,请参考以下文章

Typora显示的字体颜色太浅,怎么调?

Typora设置自定义代码颜色

【Typora】改变字体颜色

Alfred常见使用

typora中使用css代码字体无法变红

程序员用啥做笔记啥软件?