R沟通|Typora字体颜色设置

简介: 前段时间小编给大家推荐了一个markdown的IDE编辑器:Typora,具体推文如下:R沟通|markdown编辑器—Typora 和 R沟通 | 如何在Typora中设置免费的图床。今天针对文字颜色变化做一个演示,主要参考知乎:演奇[1]的回答。

简介


前段时间小编给大家推荐了一个markdown的IDE编辑器:Typora,具体推文如下:R沟通|markdown编辑器—TyporaR沟通 | 如何在Typora中设置免费的图床。今天针对文字颜色变化做一个演示,主要参考知乎:演奇[1]的回答。

这个在实际需求真的很有用(小编也是刚学习到的一个小技巧,分享给大家)!


1. 常规文字变色方法

最蠢的方法是使用下面任意一种方式设置。第二种内部可以设置很多参数,大家可以自己探索下。

  1. font 标签

<fontcolor='red'>红色font>

  1. span 标签

<spanstyle='color:文字颜色;background:背景颜色;font-size:文字大小;font-family:字体;'>文字span>


2. Alfred 代码块变法(Mac OS)

由于小编手头用的是mac电脑,所以在此针对mac做较为详细的教程演示,windows教程主要参考知乎回答:typora里面如何快捷改变字体颜色?[2]


安装

首先,下载和安装Alfred 4,小编自己尝试了一遍,并把对应软件放到了公众号后台,回复[alfred4]即可获取pj版本(仅学习使用)。点击对应的 dmg 文件之后呢,出现以下界面,之后将左边的 Alfred 4 拖到右边程序替身中,这时就安装完毕了。image.gif


入门教程

之后打开该软件,点击偏好设置Features -> Snippets。(其实这里小编已经设置好了,你的应该是右下角界面没有任何东西)。

注意,我这里设置了Snippet Keyword 为 sp。默认可能叫做Snippet,我觉得太长了,就把它改短了,这个之后会使用到。快捷键可以不用设置,其他位置不用修改,默认设置就好了。

1H}FW)10TI51RHJ)LB`PCXA.png


界面设置之后点击右下角的加号加入一条记录,具体操作如下:


VXN7_C@MY%9{6A5MEIU}75Q.jpg


界面设置

:关键词(Keyword)你可以自己设置,我这里设置的是span,其余的均为默认

Snippets文本如下:

'color:red;background:背景颜色;font-size:文字大小;'>{cursor}

方便起见,你可以直接复制粘贴。代码中细节注意:{cursor}插入代码后即可跳转到添加文字的位置上(演示可见下面的gif)。不需要重复移动光标;

小编设置的这个记录,默认是使用红色的,你可以根据自己需求进行变化,或者不加,使用的时候再加也是可以的。其他颜色例如:red、green、yellow等。


使用流程

设置完以上操作后,你只需要做一下几个步骤就可以完成字体变色了:

  1. 使用快捷键打开Alfred(在General中找到,界面如下)

image.gifGeneral界面

我这里是: option+Space(空格)
  1. 输入keyword找到对应的记录(sp span)

image.gif具体操作

其中sp指Snippets的关键词,span指设置这个记录的关键词

具体演示流程如下:

3e8e96a6262a5e9e94d3a6b59b7d441.png点击查看原视频

:20

3. AutoHotKey(.ahk)快捷键变法(Windows)

这篇文章给出了针对WindowsTypora 快捷方式给字体设置颜色[3] 的教程。小编下面转载了这篇文章,但没有复现过(win在家了🥲)


具体流程

  1. 下载软件:AutoHotKey[4]
  2. 创建脚本
  • 桌面新建txt文件
  • 将后缀改为.ahk
  • 重命名为MyTyporaHotkeyScript.ahk
  1. 编辑脚本
; 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中自动补全标签
    }
}
  1. 运行脚本
  • Ctrl+Alt+O——橙色Orange
  • Ctrl+Alt+R——红色Red
  • Ctrl+Alt+B——蓝色Blue
  • 双击ahk脚本运行
  • Typora检测
  1. 自定义快捷键

这个可以参考这篇博客:crystal:Windows 自动化效率神器:AutoHotkey 使用教程和脚本推荐[5]

推荐设置为:Alt+1234567=红橙黄绿蓝靛紫,这样也很方便。
  1. red; 2. orangle; 3. yellow; 4. green; 5. blue; 6. cyan; 7. purple; 8. ...


注意事项

  • ;分号后面的是注释(不是脚本!!!)
  • 热键标记
  • !感叹号代表Alt
  • # 井号代表 Windows
  • ^ 上三角号代表 Ctrl
  • \+ 加号代表 Shift
  • 执行
  • ::代表按下前面快捷键后会执行后面的命令。

你可以直接复制现成的。

; alt+0 红色
    !0::addFontColor("black")
    ; alt+1 红色
    !1::addFontColor("red")
    ; alt+1 橙色
    !2::addFontColor("orange") 
     ; alt+3 黄色
    !3::addFontColor("yellow")
     ; alt+4 绿色
    !4::addFontColor("green")
    ; alt+5 浅蓝色
    !5::addFontColor("cornflowerblue")
     ; alt+6 青色
    !6::addFontColor("cyan") 
   ; alt+7 紫色
    !7::addFontColor("purple")
  1. 框选快捷键

如果感觉鼠标框文字麻烦的话,可以用系统自带快捷键:

  • 光标移动
  • Tab——快速缩进
  • Home/End——切换到当前行的行首或行尾
  • Ctrl+Home/End——切换到当前文档的开头或结尾
  • 光标框选
  • Shift+上下左右方向键——可像鼠标一样来自定义选择文字以进行复制粘贴。
  • Shift+Home(光标在本行末尾处的时候)——选中此行,跟有些Ctrl+L差不多。
  • Shift+End(光标在本行开头的时候)——选中此行,跟上面一样。
  • 内容操作
  • Ctrl+Insert——复制
  • Shift+Insert——粘贴
目录
相关文章
|
前端开发 搜索推荐
typora 基本使用和更换typora的主题样式
typora 基本使用和更换typora的主题样式
146 0
|
3月前
|
JSON 搜索推荐 C++
vscode如何更改背景颜色主题,黑色或白色?
【11月更文挑战第16天】在 VS Code 中更改背景颜色主题,可通过三种方式实现:1) 使用快捷键 Ctrl+K 和 Ctrl+T(Mac 上为 Command+K 和 Command+T)选择主题;2) 通过菜单中的“管理”-&gt;“颜色主题”选项选择;3) 修改 settings.json 文件中的 &quot;workbench.colorTheme&quot; 属性。此外,用户还可从扩展市场安装更多主题以满足个性化需求。
7647 6
|
9月前
微信小游戏制作工具中文字设置的粗体不显示,怎么解决?
微信小游戏制作工具中文字设置的粗体不显示,怎么解决?
242 1
|
程序员 uml
Markdown骚操作|字体颜色、字体背景、流程图一网打尽【建议收藏】
Markdown骚操作|字体颜色、字体背景、流程图一网打尽【建议收藏】
zotero翻译、界面、笔记字体大小设置
zotero翻译、界面、笔记字体大小设置
zotero翻译、界面、笔记字体大小设置
游戏中的字体在手机端不显示粗体,怎么办?
如果你在使用“微信小游戏制作工具”做游戏的话,那么这个问题是你必将遇到的,我明明在游戏中设置了文字为粗体,但是最终在手机上显示的时候,却是正常体,这时候该怎么办?
170 0
|
移动开发
H5 页面设置了字体的粗细样式,但是在华为手机里微信打开访问样式不生效?
H5 页面设置了字体的粗细样式,但是在华为手机里微信打开访问样式不生效?
348 0
H5 页面设置了字体的粗细样式,但是在华为手机里微信打开访问样式不生效?
CSDN-Markdown编辑器--修改字体颜色、大小、字号
CSDN-Markdown编辑器--修改字体颜色、大小、字号
245 0
CSDN-Markdown编辑器--修改字体颜色、大小、字号
IntelliJ IDEA 如何设置黑色主题,界面字体大小以及内容字体大小
IntelliJ IDEA 如何设置黑色主题,界面字体大小以及内容字体大小
221 0
IntelliJ IDEA 如何设置黑色主题,界面字体大小以及内容字体大小