当前位置:首页 > 前端技术 > Typora字体颜色修改

Typora字体颜色修改

2022年08月06日 09:30:34前端技术6

Typora字体颜色修改

typora中不能直接修改字体颜色
但有三种方法可以实现修改Typora中颜色

第一种:安装AutoHotKey(较简单)

安装AutoHotKey(windows系统快捷键设置软件),从而通过设置快捷键来达到修改字体颜色

软件下载地址:https://autohotkey.com/download/ahk-install.exe

(1).先安装AutoHotKey(建议软件放置除C盘外的常用盘符)
(2).新建记事本,复制进一下内容

; 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中自动补全标签
    }
}

(3).将文件保存为.ahk后缀的文件,如Typora.ahk
(4).双击运行Typora.ahk文件
(5).在Typora选中要变色的文字,按快捷键即可实现文字变色

如:ctrl+alt+o:橘色 ctrl+alt+r:红色 ctrl+alt+b:蓝色

效果如下:

我没变色

我变色了

通过单击变色文字,可以知道这个时候变色文字其实就是加了颜色样式

Typora字体颜色修改 _ JavaClub全栈架构师技术笔记

因此之后可直接在color中修改修改颜色参数,其中常用颜色参数英文放在文末。

第二种:修改html代码(懂前端技术超简单)

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

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

按照这个模板直接修改参数就行,并且这个办法还可以修改底色以及字体大小及字体等参数。

Typora字体颜色修改 _ JavaClub全栈架构师技术笔记

PS:这种方法经测试只能达到显示效果,一旦对文件关闭再开启效果即会消失,原因及解决方法之后再研究

第三种:使用内联公式(复杂)

1.在文件-偏好设置-MarkDown中开启内联公式,

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

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

如:

Typora字体颜色修改 _ JavaClub全栈架构师技术笔记

直接在Typora中输入:

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

∫ a b f ( x ) d x = c \textcolor{red}{\int_a^b}\textcolor{blue}{f(x)}\textcolor{green}{dx}=\textcolor{brown}{c} abf(x)dx=c

文本颜色设置公式:

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

最后是一些常用颜色参数:

英文代码 对应颜色 英文代码 对应颜色
red 红色 Purple 紫色
green 绿色 SkyBlue 天蓝色
blue 蓝色 LightGreen 淡绿色
Gold 金色 Grey 灰色
Orange 橙色 BlueViolet 深紫罗兰的蓝色

作者:clpbc
来源链接:https://blog.csdn.net/m0_51679956/article/details/121669388

版权声明:
1、JavaClub(https://www.javaclub.cn)以学习交流为目的,由作者投稿、网友推荐和小编整理收藏优秀的IT技术及相关内容,包括但不限于文字、图片、音频、视频、软件、程序等,其均来自互联网,本站不享有版权,版权归原作者所有。

2、本站提供的内容仅用于个人学习、研究或欣赏,以及其他非商业性或非盈利性用途,但同时应遵守著作权法及其他相关法律的规定,不得侵犯相关权利人及本网站的合法权利。
3、本网站内容原作者如不愿意在本网站刊登内容,请及时通知本站(javaclubcn@163.com),我们将第一时间核实后及时予以删除。


本文链接:https://www.javaclub.cn/front/18166.html

标签: 颜色设置
分享给朋友:

“Typora字体颜色修改” 的相关文章

qt textbrowser 设置字体颜色

qtextbrowser支持html语法来设置字体。因此使用html语法来设置字体颜色。 但是使用这个方式来设置字体颜色会有Bug。在设置某一部分字体颜色后,有概率导致后续字体颜色,都变成设置的颜色。下面是一种解决方案。 通过宏来控制字体颜色...

Html设置超链接文字颜色

为了突出超链接,超链接文字通常采用与其他文字不同的颜色,超链接文字的下端还会加一条横线。网页的超链接文字有默认颜色,在默认情况下,浏览器以蓝色作为超链接文字的颜色,访问过的文字则颜色变成暗红色。在<body>标记中也可以自定义这些颜色。 基本...

html代码设置span字体颜色,怎么用span css设置div内部分字体颜色?

html代码设置span字体颜色,怎么用span css设置div内部分字体颜色?

本篇文章给大家带来的内容是关于怎么用span css设置div内部分字体颜色,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 用span标签设置div内放一段文字中的部分文字字体颜色方法。 一段文字放在DIV内或P内,当我们设置div或p...

HTML&CSS实验(5)---学习颜色、字体、文本格式化和盒模型的样式定义

HTML&CSS实验(5)---学习颜色、字体、文本格式化和盒模型的样式定义

  【实验题目】HTML&CSS实验(5) 【实验目的】学习颜色、字体、文本格式化和盒模型的样式定义。                  ----------------------个人作业,如果有后辈的作业习题一致,可以参考学习,一起交流...

UI设计规范

UI设计规范

一、界面布局 (版心大小,eg:1200px) 二、颜色 1、背景颜色 2、主颜色 3、辅助颜色   三、文字规范 1、字体颜色 2、字体大小 3、字体类型 四、按钮规范 五、图标规范 六、...

10月15号

今天学习就简单的看了一下HTML颜色 HTML 颜色由一个十六进制符号来定义,这个符号由红色、绿色和蓝色的值组成(RGB)。 每种颜色的最小值是0(十六进制:#00)。最大值是255(十六进制:#FF)。 作者: 哦心有...

ZH奶酪:通过CSS自定义HTML中hr样式-颜色-形状

ZH奶酪:通过CSS自定义HTML中hr样式-颜色-形状

修改颜色,线条形状,粗细等... CSS代码: .zh_hr{ border:3px solid rgba(255, 255, 255, 0.50); margin-bottom: 2px; margin-top: 2px }...

web前端——html基础笔记 NO.13{盒模型,颜色值,字体的缩写}

盒模型代码简写 还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的:上右下左。具体应用在margin和padding的例子如下: margin:10px 15px 12px 14...

html颜色代码大全,二进制颜色代码大全,markdown 字体颜色设置

html颜色代码大全,二进制颜色代码大全,markdown 字体颜色设置

FFFFFF #DDDDDD #AAAAAA #888888 #666666 #444444 #000000...

HTML颜色的三种写法

颜色的三种写法: 1.16进制代码     #000000 2.英文字母         red 3.rgba             ...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。