タイポラの文字色の設定
序文
タイポラ編集のテキストの色を変更する 2 つの方法を記録します
効果は以下の通りです
これは赤の色です\textcolor{赤}{これは赤の色です}こちらはレッドカラーです
これは梅色です\textcolor{梅}{これは梅色}こちらはプラムカラーです
方法 1: マークダウン構文を使用したインライン数式
色を設定する
色を設定するには、設定の Markdown 拡張構文でインライン数式を確認し、Typora を再起動する必要があります。
文字色の設定式
$\textcolor{颜色名}{文字内容} $
例: green- $\textcolor{green}{绿色的文字内容} $
、効果は次のとおりです。
$\textcolor{緑}{緑色のテキスト コンテンツ} $
よく使われる色配合コード表
$\textcolor{GreenYellow}{颜色:GreenYellow}$
$\textcolor{Yellow}{颜色:Yellow}$
$\textcolor{Goldenrod}{颜色:Goldenrod}$
$\textcolor{Dandelion}{颜色:Dandelion}$
$\textcolor{Apricot}{颜色:Apricot}$
$\textcolor{Peach}{颜色:Peach}$
$\textcolor{Melon}{颜色:Melon}$
$\textcolor{YellowOrange}{颜色:YellowOrange}$
$\textcolor{Orange}{颜色:Orange}$
$\textcolor{BurntOrange}{颜色:BurntOrange}$
$\textcolor{Bittersweet}{颜色:Bittersweet}$
$\textcolor{RedOrange}{颜色:RedOrange}$
$\textcolor{Mahogany}{颜色:Mahogany}$
$\textcolor{Maroon}{颜色:Maroon}$
$\textcolor{BrickRed}{颜色:BrickRed}$
$\textcolor{Red}{颜色:Red}$
$\textcolor{OrangeRed}{颜色:OrangeRed}$
$\textcolor{RubineRed}{颜色:RubineRed}$
$\textcolor{WildStrawberry}{颜色:WildStrawberry}$
$\textcolor{Salmon}{颜色:Salmon}$
$\textcolor{CarnationPink}{颜色:CarnationPink}$
$\textcolor{Magenta}{颜色:Magenta}$
$\textcolor{VioletRed}{颜色:VioletRed}$
$\textcolor{Rhodamine}{颜色:Rhodamine}$
$\textcolor{Mulberry}{颜色:Mulberry}$
$\textcolor{RedViolet}{颜色:RedViolet}$
$\textcolor{Fuchsia}{颜色:Fuchsia}$
$\textcolor{Lavender}{颜色:Lavender}$
$\textcolor{Thistle}{颜色:Thistle}$
$\textcolor{Orchid}{颜色:Orchid}$
$\textcolor{DarkOrchid}{颜色:DarkOrchid}$
$\textcolor{Purple}{颜色:Purple}$
$\textcolor{Plum}{颜色:Plum}$
$\textcolor{Violet}{颜色:Violet}$
$\textcolor{RoyalPurple}{颜色:RoyalPurple}$
$\textcolor{BlueViolet}{颜色:BlueViolet}$
$\textcolor{Periwinkle}{颜色:Periwinkle}$
$\textcolor{CadetBlue}{颜色:CadetBlue}$
$\textcolor{CornflowerBlue}{颜色:CornflowerBlue}$
$\textcolor{MidnightBlue}{颜色:MidnightBlue}$
$\textcolor{NavyBlue}{颜色:NavyBlue}$
$\textcolor{RoyalBlue}{颜色:RoyalBlue}$
$\textcolor{Blue}{颜色:Blue}$
$\textcolor{Cerulean}{颜色:Cerulean}$
$\textcolor{Cyan}{颜色:Cyan}$
$\textcolor{ProcessBlue}{颜色:ProcessBlue}$
$\textcolor{SkyBlue}{颜色:SkyBlue}$
$\textcolor{Turquoise}{颜色:Turquoise}$
$\textcolor{TealBlue}{颜色:TealBlue}$
$\textcolor{Aquamarine}{颜色:Aquamarine}$
$\textcolor{BlueGreen}{颜色:BlueGreen}$
$\textcolor{Emerald}{颜色:Emerald}$
$\textcolor{JungleGreen}{颜色:JungleGreen}$
$\textcolor{SeaGreen}{颜色:SeaGreen}$
$\textcolor{Green}{颜色:Green}$
$\textcolor{ForestGreen}{颜色:ForestGreen}$
$\textcolor{PineGreen}{颜色:PineGreen}$
$\textcolor{LimeGreen}{颜色:LimeGreen}$
$\textcolor{YellowGreen}{颜色:YellowGreen}$
$\textcolor{SpringGreen}{颜色:SpringGreen}$
$\textcolor{OliveGreen}{颜色:OliveGreen}$
$\textcolor{RawSienna}{颜色:RawSienna}$
$\textcolor{Sepia}{颜色:Sepia}$
$\textcolor{Brown}{颜色:Brown}$
$\textcolor{Tan}{颜色:Tan}$
$\textcolor{Gray}{颜色:Gray}$
$\textcolor{Black}{颜色:Black}$
エフェクトのプレビュー
シリアルナンバー | カラーコード | 効果 |
---|---|---|
1 | $\textcolor{GreenYellow}{颜色:GreenYellow}$ |
言語: 緑黄色 \textcolor{GreenYellow}{言語: GreenYellow}色:グリーン_ _ _ _ _ |
2 | $\textcolor{Yellow}{颜色:Yellow}$ |
カラー: Y イエロー \textcolor{イエロー}{カラー: イエロー}色:イエロー_ _ _ |
3 | $\textcolor{Goldenrod}{颜色:Goldenrod}$ |
色: ゴールド オルデンロッド \textcolor{アキノキリンソウ}{色: アキノキリンソウ}色:ゴールドエンドロッド_ _ _ _ |
4 | $\textcolor{Dandelion}{颜色:Dandelion}$ |
色: タンポポ \textcolor{タンポポ}{色: タンポポ}カラー:ダンデライオン_ _ _ _ _ |
5 | $\textcolor{Apricot}{颜色:Apricot}$ |
カラー: アプリコット \textcolor{アプリコット}{色: アプリコット}色:アプリコット_ _ _ _ |
6 | $\textcolor{Peach}{颜色:Peach}$ |
カラー: 各 \textcolor{ピーチ}{カラー: ピーチ}色:ピーチ_ _ _ |
7 | $\textcolor{Melon}{颜色:Melon}$ |
色: メロン \textcolor{メロン}{色: メロン}色:メロン_ _ _ |
8 | $\textcolor{YellowOrange}{颜色:YellowOrange}$ |
言語: Y ellow O range \textcolor{YellowOrange}{Language:YellowOrange}色:イエローオレンジ_ _ _ _ _ _ |
9 | $\textcolor{Orange}{颜色:Orange}$ |
色: O 範囲 \textcolor{オレンジ}{色: オレンジ}色:オレンジ_ _ _ |
10 | $\textcolor{BurntOrange}{颜色:BurntOrange}$ |
カラー: バーント O レンジ \textcolor{BurntOrange}{color: BurntOrange}色:バーントオレンジ_ _ _ _ _ _ |
11 | $\textcolor{Bittersweet}{颜色:Bittersweet}$ |
色: ビタースウィート \textcolor{ビタースウィート}{色: ビタースウィート}色:ビターズウィート_ _ _ _ |
12 | $\textcolor{RedOrange}{颜色:RedOrange}$ |
色: 赤 O 範囲 \textcolor{RedOrange}{color: RedOrange}カラー:レッドオレンジ_ _ _ _ _ |
13 | $\textcolor{Mahogany}{颜色:Mahogany}$ |
色: マホガニー \textcolor{マホガニー}{色: マホガニー}色:マホガニー_ _ _ _ |
14 | $\textcolor{Maroon}{颜色:Maroon}$ |
色: マルーン \textcolor{マルーン}{色: マルーン}色: M a roo n |
15 | $\textcolor{BrickRed}{颜色:BrickRed}$ |
カラー: ブリックレッド \textcolor{ブリックレッド}{色: ブリックレッド}色:ブリックレッド_ _ _ _ _ |
16 | $\textcolor{Red}{颜色:Red}$ |
色: 赤 \textcolor{赤}{色: 赤}色:赤_ |
17 | $\textcolor{OrangeRed}{颜色:OrangeRed}$ |
カラー: O レンジレッド \textcolor{OrangeRed}{color: OrangeRed}色:オレンジレッド_ _ _ _ _ |
18 | $\textcolor{RubineRed}{颜色:RubineRed}$ |
カラー: ルビンレッド \textcolor{ルビンレッド}{色: ルビンレッド}カラー:ルビンレッド_ _ _ _ |
19 | $\textcolor{WildStrawberry}{颜色:WildStrawberry}$ |
カラー: ワイルドストロベリー \textcolor{ワイルドストロベリー}{カラー: ワイルドストロベリー}カラー:ワイルドストラベリー_ _ _ _ _ |
20 | $\textcolor{Salmon}{颜色:Salmon}$ |
カラー: サーモン \textcolor{サーモン}{色: サーモン}色:シルバー_ _ _ _ |
21 | $\textcolor{CarnationPink}{颜色:CarnationPink}$ |
色: カーネーション ピンク \textcolor{CarnationPink}{color: CarnationPink}カラー: C a r na t i o nピンク |
22 | $\textcolor{Magenta}{颜色:Magenta}$ |
カラー: M エージェント \textcolor{マゼンタ}{色: マゼンタ}カラー:マゼンタ_ _ _ _ _ |
23 | $\textcolor{VioletRed}{颜色:VioletRed}$ |
色: バイオレットレッド \textcolor{バイオレットレッド}{色: バイオレットレッド}色:バイオレット_ _ _ _ _ |
24 | $\textcolor{Rhodamine}{颜色:Rhodamine}$ |
カラー: R ホーダミン \textcolor{ローダミン}{色: ローダミン}カラー:ロードアミン_ _ _ |
25 | $\textcolor{Mulberry}{颜色:Mulberry}$ |
カラー: M マルベリー \textcolor{マルベリー}{色: マルベリー}カラー:マルベリー_ _ _ |
26 | $\textcolor{RedViolet}{颜色:RedViolet}$ |
色: 赤紫 \textcolor{赤紫}{色: 赤紫}色:レッドバイオレット_ _ _ _ _ |
27 | $\textcolor{Fuchsia}{颜色:Fuchsia}$ |
色: フクシア \textcolor{フクシア}{色: フクシア}色:フューシャ_ _ _ _ |
28 | $\textcolor{Lavender}{颜色:Lavender}$ |
カラー: ラベンダー \textcolor{ラベンダー}{カラー: ラベンダー}色:ラベンダー_ _ _ _ _ |
29 | $\textcolor{Thistle}{颜色:Thistle}$ |
色: シスル \textcolor{アザミ}{色: アザミ}色:この_ _ _ |
30 | $\textcolor{Orchid}{颜色:Orchid}$ |
色: オーキッド \textcolor{オーキッド}{色: オーキッド}色: Orc Hi d |
31 | $\textcolor{DarkOrchid}{颜色:DarkOrchid}$ |
颜色: D a r k O r c h i d \textcolor{DarkOrchid}{颜色:DarkOrchid} 颜色:DarkOrchid |
32 | $\textcolor{Purple}{颜色:Purple}$ |
颜色: P u r p l e \textcolor{Purple}{颜色:Purple} 颜色:Purple |
33 | $\textcolor{Plum}{颜色:Plum}$ |
颜色: P l u m \textcolor{Plum}{颜色:Plum} 颜色:Plum |
34 | $\textcolor{Violet}{颜色:Violet}$ |
颜色: V i o l e t \textcolor{Violet}{颜色:Violet} 颜色:Violet |
35 | $\textcolor{RoyalPurple}{颜色:RoyalPurple}$ |
颜色: R o y a l P u r p l e \textcolor{RoyalPurple}{颜色:RoyalPurple} 颜色:RoyalPurple |
36 | $\textcolor{BlueViolet}{颜色:BlueViolet}$ |
颜色: B l u e V i o l e t \textcolor{BlueViolet}{颜色:BlueViolet} 颜色:BlueViolet |
37 | $\textcolor{Periwinkle}{颜色:Periwinkle}$ |
颜色: P e r i w i n k l e \textcolor{Periwinkle}{颜色:Periwinkle} 颜色:Periwinkle |
38 | $\textcolor{CadetBlue}{颜色:CadetBlue}$ |
颜色: C a d e t B l u e \textcolor{CadetBlue}{颜色:CadetBlue} 颜色:CadetBlue |
39 | $\textcolor{CornflowerBlue}{颜色:CornflowerBlue}$ |
颜色: C o r n f l o w e r B l u e \textcolor{CornflowerBlue}{颜色:CornflowerBlue} 颜色:CornflowerBlue |
40 | $\textcolor{MidnightBlue}{颜色:MidnightBlue}$ |
颜色: M i d n i g h t B l u e \textcolor{MidnightBlue}{颜色:MidnightBlue} 颜色:MidnightBlue |
41 | $\textcolor{NavyBlue}{颜色:NavyBlue}$ |
颜色: N a v y B l u e \textcolor{NavyBlue}{颜色:NavyBlue} 颜色:NavyBlue |
42 | $\textcolor{RoyalBlue}{颜色:RoyalBlue}$ |
颜色: R o y a l B l u e \textcolor{RoyalBlue}{颜色:RoyalBlue} 颜色:RoyalBlue |
43 | $\textcolor{Blue}{颜色:Blue}$ |
颜色: B l u e \textcolor{Blue}{颜色:Blue} 颜色:Blue |
44 | $\textcolor{Cerulean}{颜色:Cerulean}$ |
颜色: C e r u l e a n \textcolor{Cerulean}{颜色:Cerulean} 颜色:Cerulean |
45 | $\textcolor{Cyan}{颜色:Cyan}$ |
颜色: C y a n \textcolor{Cyan}{颜色:Cyan} 颜色:Cyan |
46 | $\textcolor{ProcessBlue}{颜色:ProcessBlue}$ |
颜色: P r o c e s s B l u e \textcolor{ProcessBlue}{颜色:ProcessBlue} 颜色:ProcessBlue |
47 | $\textcolor{SkyBlue}{颜色:SkyBlue}$ |
颜色: S k y B l u e \textcolor{SkyBlue}{颜色:SkyBlue} 颜色:SkyBlue |
48 | $\textcolor{Turquoise}{颜色:Turquoise}$ |
颜色: T u r q u o i s e \textcolor{Turquoise}{颜色:Turquoise} 颜色:Turquoise |
49 | $\textcolor{TealBlue}{颜色:TealBlue}$ |
颜色: T e a l B l u e \textcolor{TealBlue}{颜色:TealBlue} 颜色:TealBlue |
50 | $\textcolor{Aquamarine}{颜色:Aquamarine}$ |
颜色: A q u a m a r i n e \textcolor{Aquamarine}{颜色:Aquamarine} 颜色:Aquamarine |
51 | $\textcolor{BlueGreen}{颜色:BlueGreen}$ |
颜色: B l u e G r e e n \textcolor{BlueGreen}{颜色:BlueGreen} 颜色:BlueGreen |
52 | $\textcolor{Emerald}{颜色:Emerald}$ |
颜色: E m e r a l d \textcolor{Emerald}{颜色:Emerald} 颜色:Emerald |
53 | $\textcolor{JungleGreen}{颜色:JungleGreen}$ |
颜色: J u n g l e G r e e n \textcolor{JungleGreen}{颜色:JungleGreen} 颜色:JungleGreen |
54 | $\textcolor{SeaGreen}{颜色:SeaGreen}$ |
颜色: S e a G r e e n \textcolor{SeaGreen}{颜色:SeaGreen} 颜色:SeaGreen |
55 | $\textcolor{Green}{颜色:Green}$ |
颜色: G r e e n \textcolor{Green}{颜色:Green} 颜色:Green |
56 | $\textcolor{ForestGreen}{颜色:ForestGreen}$ |
颜色: F o r e s t G r e e n \textcolor{ForestGreen}{颜色:ForestGreen} 颜色:ForestGreen |
57 | $\textcolor{PineGreen}{颜色:PineGreen}$ |
颜色: P i n e G r e e n \textcolor{PineGreen}{颜色:PineGreen} 颜色:PineGreen |
58 | $\textcolor{LimeGreen}{颜色:LimeGreen}$ |
颜色: L i m e G r e e n \textcolor{LimeGreen}{颜色:LimeGreen} 颜色:LimeGreen |
59 | $\textcolor{YellowGreen}{颜色:YellowGreen}$ |
颜色: Y e l l o w G r e e n \textcolor{YellowGreen}{颜色:YellowGreen} 颜色:YellowGreen |
60 | $\textcolor{SpringGreen}{颜色:SpringGreen}$ |
颜色: S p r i n g G r e e n \textcolor{SpringGreen}{颜色:SpringGreen} 颜色:SpringGreen |
61 | $\textcolor{OliveGreen}{颜色:OliveGreen}$ |
颜色: O l i v e G r e e n \textcolor{OliveGreen}{颜色:OliveGreen} 颜色:OliveGreen |
62 | $\textcolor{RawSienna}{颜色:RawSienna}$ |
颜色: R a w S i e n n a \textcolor{RawSienna}{颜色:RawSienna} 颜色:RawSienna |
63 | $\textcolor{Sepia}{颜色:Sepia}$ |
颜色: S e p i a \textcolor{Sepia}{颜色:Sepia} 颜色:Sepia |
64 | $\textcolor{Brown}{颜色:Brown}$ |
颜色: B r o w n \textcolor{Brown}{颜色:Brown} 颜色:Brown |
65 | $\textcolor{Tan}{颜色:Tan}$ |
颜色: T a n \textcolor{Tan}{颜色:Tan} 颜色:Tan |
66 | $\textcolor{Gray}{颜色:Gray}$ |
颜色: G r a y \textcolor{Gray}{颜色:Gray} 颜色:Gray |
67 | $\textcolor{Black}{Black}$ |
颜色: B l a c k \textcolor{Black}{颜色:Black} 颜色:Black |
方法二:使用html代码
设置颜色
因为typora支持html语法,所以可以借助html语句来修改文本颜色
文本颜色设置公式
<span style="color:文字颜色;background:背景颜色;font-size:文字大小;font-family:字体;">你要改色的文字</span>
示例:绿色 效果如下:
绿色的文字内容
颜色代码
同方法一
方法三:借助第三方软件AutoHotKey
AutoHotKey是一款著名的windows系统快捷键设置的软件,轻便小巧。
官方下载地址: https://autohotkey.com/download/ahk-install.exe
操作步骤
-
先安装AutoHotKey
-
创建文本,并输入一下内容
; 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> ; Typora 在这不会自动补充 }else{ SendInput {TEXT}</ ; Typora中自动补全标签 } }
-
将文件保存为ahk后缀的文件,如AutoHotKey.ahk
-
双击运行
-
Typora ソフトウェアでは、ショートカット キーを使用して必要な変更操作を実行できます (さらにショートカット キー設定が必要な場合は、AutoHotKey.ahk ファイルに自分で追加できます)。
- たとえば、Ctrl+Alt+O を押すとオレンジ色が追加され、Ctrl+Alt+R を押すと赤色が追加され、Ctrl+\ を押すとスタイルがキャンセルされます。
-
AutoHotKey.ahk スクリプト ファイルを右クリックし、[スクリプトのコンパイル] をクリックしてスクリプトを exe プログラムにコンパイルすることもできます。これにより、Autohotkey をダウンロードせずに他のコンピュータでそのスクリプトを実行できます。