专栏首页庄闪闪的R语言手册R沟通|Typora字体颜色设置

R沟通|Typora字体颜色设置

简介

前段时间小编给大家推荐了一个markdown的IDE编辑器:Typora,具体推文如下:R沟通|markdown编辑器—TyporaR沟通 | 如何在Typora中设置免费的图床

今天针对文字颜色变化做一个演示,主要参考知乎:演奇[1]的回答。

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

1. 常规文字变色方法

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

  1. font 标签
<font color='red'>红色</font>
  1. span 标签
<span style='color:文字颜色;background:背景颜色;font-size:文字大小;font-family:字体;'>文字</span>

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

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

安装

首先,下载和安装Alfred 4,小编自己尝试了一遍,并把对应软件放到了公众号后台,回复[alfred4]即可获取pj版本(仅学习使用)。

点击对应的 dmg 文件之后呢,出现以下界面,之后将左边的 Alfred 4 拖到右边程序替身中,这时就安装完毕了。

入门教程

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

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

界面设置

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

界面设置

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

Snippets文本如下:

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

方便起见,你可以直接复制粘贴。

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

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

使用流程

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

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

General界面

我这里是:option+Space(空格)

  1. 输入keyword找到对应的记录(sp span)

具体操作

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

具体演示流程如下:

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

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

具体流程

  1. 下载软件:AutoHotKey[4]
  2. 创建脚本
    • 桌面新建txt文件
    • 将后缀改为.ahk
    • 重命名为MyTyporaHotkeyScript.ahk
  3. 编辑脚本
; 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检测
  2. 自定义快捷键

这个可以参考这篇博客: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——粘贴

更多相关教程推荐:XTesla:【Windows】常用提升工作效率手册[6]

参考资料

[1]知乎:演奇: https://www.zhihu.com/question/385854845/answer/1554700610

[2]知乎回答:typora里面如何快捷改变字体颜色?: https://www.zhihu.com/question/385854845/answer/1554700610

[3]Typora 快捷方式给字体设置颜色: https://www.itblogcn.com/article/583.html

[4]AutoHotKey: https://link.zhihu.com/?target=https%3A//autohotkey.com/download/ahk-install.exe

[5]crystal:Windows 自动化效率神器:AutoHotkey 使用教程和脚本推荐: https://zhuanlan.zhihu.com/p/35379309

[6]XTesla:【Windows】常用提升工作效率手册: https://zhuanlan.zhihu.com/p/173717660

本文分享自微信公众号 - 庄闪闪的R语言手册(Zss_R4ds),作者:庄闪闪

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2021-05-05

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Python字体颜色设置

    平时学习工作中,我们经常会接触到一些大佬写的Python工具,运行起来总会显示出五颜六色的字体,比如红色代表Error , 黄色代表Warning , 绿色代表...

    py3study
  • Markdown设置字体大小、颜色...,CSDN博客编写设置字体大小、颜色、粗细。字体,文字背景设置。

    小蓝枣
  • 两步设置状态栏字体颜色

    版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u010105969/article/details/...

    用户1451823
  • Android TextView中文字通过SpannableString来设置超链接、颜色、字体等属性

    在Android中,TextView是我们最常用的用来显示文本的控件。   一般情况下,TextView中的文本都是一个样式。那么如何对于TextView中各...

    xiangzhihong
  • R沟通|Rmarkdown(5)一些常用技巧

    关于RMarkdown使用时,小编日常会使用的一些有用技巧,当然我也是通过学习谢大大的Rmarkdown-cookbook[1]以及日常使用需求上网搜的解决方案...

    庄闪闪
  • R沟通|设置xaringan主题

    上一期我们讲解了如何使用谢益辉写的xaringan包[1]制作幻灯片,推文在这:R沟通|用xaringan包制作幻灯片。但是最后留了一个小尾巴,如果你不喜欢最原...

    庄闪闪
  • Flutter 透明状态栏及字体颜色的设置方法

    注:设置AppBar之后,单独在build内设置这行代码会失效 SystemChrome.setSystemUIOverlayStyle(SystemUiOve...

    砸漏
  • 3.Pycharm设置开发模板/字体大小/背景颜色

    选择 File –> setting –> Editor –> Font ,可以看到如上界面,可以根据自己的喜好随意调整字体大小,字体风格,文字行间距,设置之后...

    猿说编程[Python和C]
  • Android开发随手记录-实现ListView单选设置item背景颜色和字体颜色

    我们可以看到左边是一个listView,点击选中其中一项就会变成跟其他项不一样的背景颜色,字体颜色也会不一样,这样的效果怎么实现?

    用户1130025

扫码关注云+社区

领取腾讯云代金券