如何在Typora中修改字体颜色

修改Typora字体颜色

  • 方法一:Typora内直接修改
  • 方法二:使用AutoHotkey(AHK)自定义快捷键
    • 1.下载安装AHK
    • 2.设置快捷键
    • 3.使用方法
  • 方法三:Typora开启内联公式

方法一:Typora内直接修改

Typora内嵌了html的语法,因此可以在Typora中插入html代码改变字体的颜色、大小
在这里插入图片描述
比如这是橙色
在这里插入图片描述

方法二:使用AutoHotkey(AHK)自定义快捷键

我们可以选择AutoHotKey编写脚本设置快捷键,实现html自动编写(本质上是插入标签帮助生成html,不会影响手动编写)

AutoHotkey(AHK)是一个 免费的、开源的自动化脚本语言和自动化工具 \textcolor{Red}{免费的、开源的自动化脚本语言和自动化工具} 免费的、开源的自动化脚本语言和自动化工具,它可以用于自动化任务、创建键盘宏、自定义快捷键、模拟鼠标操作等。

1.下载安装AHK

官网地址: https://www.autohotkey.com(选择v1.1)
如何在Typora中修改字体颜色_第1张图片

打开【setup.exe】
如何在Typora中修改字体颜色_第2张图片
选择【存储位置】、【用户范围】并安装

2.设置快捷键

新建一个txt文件,用以自定义快捷键
复制如下内容并保存为.ank格式的文件:

; Typora
; 快捷增加字体颜色
; SendInput {Text} 解决中文输入法问题
#IfWinActive ahk_exe Typora.exe
{
    ; Ctrl+Alt+o 橙色
    ^!o::addFontColor("orange")
    ; Ctrl+Alt+r 红色
    ^!r::addFontColor("red")
    ; Ctrl+Alt+b 浅蓝色
    ^!b::addFontColor("cornflowerblue")
}
; 快捷增加字体颜色
addFontColor(color){
    clipboard := "" ; 清空剪切板,准备复制
    Send {ctrl down}c{ctrl up} ; 剪切选中文本内容
    SendInput {TEXT}<font color='%color%'> ; 在文本中插入指定颜色的字体标签,
    SendInput {ctrl down}v{ctrl up} ; 将剪贴板内容粘贴回去
    If(clipboard = ""){
        SendInput {TEXT}</font> ; 如果剪贴板为空,插入字体标签并在光标位置留下空格,以便触发自动完成标签。
    }else{
        SendInput {TEXT}</ ; Typora中自动补全标签
    }
}

脚本的功能如下:

当Typora应用程序处于活动状态时(#IfWinActive ahk_exe Typora.exe),
**以下快捷键(自定义,注意避免和Typora默认快捷键冲突)可以在文本中插入特定颜色的字体:
Ctrl+Alt+o:插入橙色字体
Ctrl+Alt+r:插入红色字体
Ctrl+Alt+b:插入浅蓝色字体

使用addFontColor(color)函数来快捷实现字体颜色的插入。
在脚本中,当剪贴板为空时,为了确保在Typora中生成完整的标签,通过脚本插入font标签。如果手动键入font标签,那么Typora不会自动补全,而是将其作为普通文本处理。脚本的目的是利用自动补全功能,以确保在Typora中正确地插入HTML标签。

3.使用方法

打开保存的ank文件,Typora选中文本使用快捷键即可。
脚本可以根据个人使用情况进行自定义,具体颜色的中英文表现见下表:

中文颜色名称 英文颜色名称
黄绿色 YellowGreen
金黄色 Gold
蒲公英 Dandelion
杏黄色 Apricot
桃红色 PeachPuff
甜瓜黄色 Cantaloupe
橙色 Orange
焦橙色 DarkOrange
苦橙色 Peru
橘红色 OrangeRed
桃花心木色 PeachPuff
砖红色 FireBrick
橘红色 OrangeRed
红宝石色 Ruby
野草莓色 WildStrawberry
橙红色 OrangeRed
粉红色 DeepPink
品红色 Magenta
紫红色 DeepPink
罗丹红 MediumVioletRed
桑葚红 Mulberry
紫红色 DeepPink
紫红色 MediumVioletRed
薰衣草色 LavenderBlush
蓟马兰 Thistle
暗兰色 DarkSlateBlue
紫梅花紫 Plum
皇家紫 RoyalPurple
长春花紫蓝 Periwinkle
军士蓝 CadetBlue
矢车菊蓝 CornflowerBlue
午夜蓝 MidnightBlue
海军蓝 Navy
皇家蓝 RoyalBlue
天青蓝 SkyBlue
工艺蓝 SteelBlue
天蓝 LightSkyBlue
绿松石 Turquoise
凫茈蓝 CadetBlue
海蓝宝石 SteelBlue
蓝绿色 Teal
翠绿色 MediumAquamarine
丛林绿 JungleGreen
海绿色 MediumSeaGreen
森林绿 ForestGreen
松树绿 PineGreen
青绿色 MediumSpringGreen
黄绿色 YellowGreen
春绿色 SpringGreen
橄榄绿 OliveGreen
生橙色 Tomato
深褐色 SaddleBrown
棕褐色 Brown
灰黑色 DimGray
表1

方法三:Typora开启内联公式

打开Typora,依次点击【文件】——【偏好设置】——【MarkDown】进入设置界面——勾选【内联公式】
如何在Typora中修改字体颜色_第3张图片
之后可以使用如下格式 编辑文字颜色 \textcolor{Blue}{编辑文字颜色} 编辑文字颜色

$\textcolor{Blue}{编辑文字颜色}$

颜色名称见表一
如何在Typora中修改字体颜色_第4张图片

  • 方法三,个别颜色表现为黑色(不论是Typora还是CSDN中)
  • 该方法的英文对象字体会发生变化
  • 同一种颜色与方法一、二的实际显示也不一样

具体显示如表二:

中文颜色名称 英文颜色名称
黄绿色 \textcolor{YellowGreen}{黄绿色} 黄绿色 Y e l l o w G r e e n \textcolor{YellowGreen}{YellowGreen} YellowGreen
金黄色 \textcolor{Gold}{金黄色} 金黄色 G o l d \textcolor{Gold}{Gold} Gold
蒲公英 \textcolor{Dandelion}{蒲公英} 蒲公英 D a n d e l i o n \textcolor{Dandelion}{Dandelion} Dandelion
杏黄色 \textcolor{Apricot}{杏黄色} 杏黄色 A p r i c o t \textcolor{Apricot}{Apricot} Apricot
桃红色 \textcolor{PeachPuff}{桃红色} 桃红色 P e a c h P u f f \textcolor{PeachPuff}{PeachPuff} PeachPuff
甜瓜黄色 \textcolor{Cantaloupe}{甜瓜黄色} 甜瓜黄色 C a n t a l o u p e \textcolor{Cantaloupe}{Cantaloupe} Cantaloupe
橙色 \textcolor{Orange}{橙色} 橙色 O r a n g e \textcolor{Orange}{Orange} Orange
焦橙色 \textcolor{DarkOrange}{焦橙色} 焦橙色 D a r k O r a n g e \textcolor{DarkOrange}{DarkOrange} DarkOrange
苦橙色 \textcolor{Peru}{苦橙色} 苦橙色 P e r u \textcolor{Peru}{Peru} Peru
橘红色 \textcolor{OrangeRed}{橘红色} 橘红色 O r a n g e R e d \textcolor{OrangeRed}{OrangeRed} OrangeRed
桃花心木色 \textcolor{PeachPuff}{桃花心木色} 桃花心木色 P e a c h P u f f \textcolor{PeachPuff}{PeachPuff} PeachPuff
砖红色 \textcolor{FireBrick}{砖红色} 砖红色 F i r e B r i c k \textcolor{FireBrick}{FireBrick} FireBrick
橘红色 \textcolor{OrangeRed}{橘红色} 橘红色 O r a n g e R e d \textcolor{OrangeRed}{OrangeRed} OrangeRed
红宝石色 \textcolor{Ruby}{红宝石色} 红宝石色 R u b y \textcolor{Ruby}{Ruby} Ruby
野草莓色 \textcolor{WildStrawberry}{野草莓色} 野草莓色 W i l d S t r a w b e r r y \textcolor{WildStrawberry}{WildStrawberry} WildStrawberry
橙红色 \textcolor{OrangeRed}{橙红色} 橙红色 O r a n g e R e d \textcolor{OrangeRed}{OrangeRed} OrangeRed
粉红色 \textcolor{DeepPink}{粉红色} 粉红色 D e e p P i n k \textcolor{DeepPink}{DeepPink} DeepPink
品红色 \textcolor{Magenta}{品红色} 品红色 M a g e n t a \textcolor{Magenta}{Magenta} Magenta
紫红色 \textcolor{DeepPink}{紫红色} 紫红色 D e e p P i n k \textcolor{DeepPink}{DeepPink} DeepPink
罗丹红 \textcolor{MediumVioletRed}{罗丹红} 罗丹红 M e d i u m V i o l e t R e d \textcolor{MediumVioletRed}{MediumVioletRed} MediumVioletRed
桑葚红 \textcolor{Mulberry}{桑葚红} 桑葚红 M u l b e r r y \textcolor{Mulberry}{Mulberry} Mulberry
紫红色 \textcolor{DeepPink}{紫红色} 紫红色 D e e p P i n k \textcolor{DeepPink}{DeepPink} DeepPink
紫红色 \textcolor{MediumVioletRed}{紫红色} 紫红色 M e d i u m V i o l e t R e d \textcolor{MediumVioletRed}{MediumVioletRed} MediumVioletRed
薰衣草色 \textcolor{LavenderBlush}{薰衣草色} 薰衣草色 L a v e n d e r B l u s h \textcolor{LavenderBlush}{LavenderBlush} LavenderBlush
蓟马兰 \textcolor{Thistle}{蓟马兰} 蓟马兰 T h i s t l e \textcolor{Thistle}{Thistle} Thistle
暗兰色 \textcolor{DarkSlateBlue}{暗兰色} 暗兰色 D a r k S l a t e B l u e \textcolor{DarkSlateBlue}{DarkSlateBlue} DarkSlateBlue
紫梅花紫 \textcolor{Plum}{紫梅花紫} 紫梅花紫 P l u m \textcolor{Plum}{Plum} Plum
皇家紫 \textcolor{RoyalPurple}{皇家紫} 皇家紫 R o y a l P u r p l e \textcolor{RoyalPurple}{RoyalPurple} RoyalPurple
长春花紫蓝 \textcolor{Periwinkle}{长春花紫蓝} 长春花紫蓝 P e r i w i n k l e \textcolor{Periwinkle}{Periwinkle} Periwinkle
军士蓝 \textcolor{CadetBlue}{军士蓝} 军士蓝 C a d e t B l u e \textcolor{CadetBlue}{CadetBlue} CadetBlue
矢车菊蓝 \textcolor{CornflowerBlue}{矢车菊蓝} 矢车菊蓝 C o r n f l o w e r B l u e \textcolor{CornflowerBlue}{CornflowerBlue} CornflowerBlue
午夜蓝 \textcolor{MidnightBlue}{午夜蓝} 午夜蓝 M i d n i g h t B l u e \textcolor{MidnightBlue}{MidnightBlue} MidnightBlue
海军蓝 \textcolor{Navy}{海军蓝} 海军蓝 N a v y \textcolor{Navy}{Navy} Navy
皇家蓝 \textcolor{RoyalBlue}{皇家蓝} 皇家蓝 R o y a l B l u e \textcolor{RoyalBlue}{RoyalBlue} RoyalBlue
天青蓝 \textcolor{SkyBlue}{天青蓝} 天青蓝 S k y B l u e \textcolor{SkyBlue}{SkyBlue} SkyBlue
工艺蓝 \textcolor{SteelBlue}{工艺蓝} 工艺蓝 S t e e l B l u e \textcolor{SteelBlue}{SteelBlue} SteelBlue
天蓝 \textcolor{LightSkyBlue}{天蓝} 天蓝 L i g h t S k y B l u e \textcolor{LightSkyBlue}{LightSkyBlue} LightSkyBlue
绿松石 \textcolor{Turquoise}{绿松石} 绿松石 T u r q u o i s e \textcolor{Turquoise}{Turquoise} Turquoise
凫茈蓝 \textcolor{CadetBlue}{凫茈蓝} 凫茈蓝 C a d e t B l u e \textcolor{CadetBlue}{CadetBlue} CadetBlue
海蓝宝石 \textcolor{SteelBlue}{海蓝宝石} 海蓝宝石 S t e e l B l u e \textcolor{SteelBlue}{SteelBlue} SteelBlue
蓝绿色 \textcolor{Teal}{蓝绿色} 蓝绿色 T e a l \textcolor{Teal}{Teal} Teal
翠绿色 \textcolor{MediumAquamarine}{翠绿色} 翠绿色 M e d i u m A q u a m a r i n e \textcolor{MediumAquamarine}{MediumAquamarine} MediumAquamarine
丛林绿 \textcolor{JungleGreen}{丛林绿} 丛林绿 J u n g l e G r e e n \textcolor{JungleGreen}{JungleGreen} JungleGreen
海绿色 \textcolor{MediumSeaGreen}{海绿色} 海绿色 M e d i u m S e a G r e e n \textcolor{MediumSeaGreen}{MediumSeaGreen} MediumSeaGreen
森林绿 \textcolor{ForestGreen}{森林绿} 森林绿 F o r e s t G r e e n \textcolor{ForestGreen}{ForestGreen} ForestGreen
松树绿 \textcolor{PineGreen}{松树绿} 松树绿 P i n e G r e e n \textcolor{PineGreen}{PineGreen} PineGreen
青绿色 \textcolor{MediumSpringGreen}{青绿色} 青绿色 M e d i u m S p r i n g G r e e n \textcolor{MediumSpringGreen}{MediumSpringGreen} MediumSpringGreen
黄绿色 \textcolor{YellowGreen}{黄绿色} 黄绿色 Y e l l o w G r e e n \textcolor{YellowGreen}{YellowGreen} YellowGreen
春绿色 \textcolor{SpringGreen}{春绿色} 春绿色 S p r i n g G r e e n \textcolor{SpringGreen}{SpringGreen} SpringGreen
橄榄绿 \textcolor{OliveGreen}{橄榄绿} 橄榄绿 O l i v e G r e e n \textcolor{OliveGreen}{OliveGreen} OliveGreen
生橙色 \textcolor{Tomato}{生橙色} 生橙色 T o m a t o \textcolor{Tomato}{Tomato} Tomato
深褐色 \textcolor{SaddleBrown}{深褐色} 深褐色 S a d d l e B r o w n \textcolor{SaddleBrown}{SaddleBrown} SaddleBrown
棕褐色 \textcolor{Brown}{棕褐色} 棕褐色 B r o w n \textcolor{Brown}{Brown} Brown
灰黑色 \textcolor{DimGray}{灰黑色} 灰黑色 D i m G r a y \textcolor{DimGray}{DimGray} DimGray
矢车菊蓝 \textcolor{CornflowerBlue}{矢车菊蓝} 矢车菊蓝 C o r n f l o w e r B l u e \textcolor{CornflowerBlue}{CornflowerBlue} CornflowerBlue

你可能感兴趣的:(Typora,编辑器,html)