简介

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

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

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

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里面如何快捷改变字体颜色?。

安装

首先,下载和安装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中找到,界面如下)

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

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

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

具体演示流程(gif)如下:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-fNIHrPPy-1627536033947)(/Users/liangliangzhuang/Documents/wechat/庄闪闪原创/小众软件/typora/2021.04.30 更改字体颜色/演示.gif)]

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

这篇文章给出了针对WindowsTypora 快捷方式给字体设置颜色 的教程。

具体流程

  1. 下载软件:AutoHotKey

  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. 运行脚本

    • 双击ahk脚本运行

    • Typora检测

      • Ctrl+Alt+O——橙色Orange
      • Ctrl+Alt+R——红色Red
      • Ctrl+Alt+B——蓝色Blue
  2. 自定义快捷键

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

推荐设置为: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】常用提升工作效率手册](

R沟通|Typora字体颜色设置相关推荐

  1. Typora字体颜色设置的3种方案

    Typora没有直接设置字体颜色的功能,不能像word一样,选中字体直接设置想要的颜色. 于是我在网上为大家找到了三种在Typora工具中设置字体颜色的方案. 下面第一种方法需安装软件AutoHotK ...

  2. Typora 设置代码块的默认编程语言以及字体颜色设置

    Typora 设置代码块的默认编程语言以及字体颜色设置 1.链接下载ahk.https://autohotkey.com/download/ahk-install.exe 安装完成后,就可以直接新建a ...

  3. Typora字体颜色修改

    Typora字体颜色修改 typora中不能直接修改字体颜色 但有三种方法可以实现修改Typora中颜色 第一种:安装AutoHotKey(较简单) 安装AutoHotKey(windows系统快捷键 ...

  4. IDEA优化配置(6)--- 炫酷的主题字体颜色设置(基于Intellij IDEA 2018)

    Intellij IDEA 2018/2019 优化配置.使用技巧.参数设置.快捷键汇总帖 IDEA 炫酷的主题字体颜色设置(基于IDEA 2018) 前言: IDEA中主题可以更换,大家可以直接到 ...

  5. IDEA主题配置--- 炫酷的主题字体颜色设置(基于Intellij IDEA 2018)

    Intellij IDEA 2018/2019 优化配置.使用技巧.参数设置.快捷键汇总帖 IDEA 炫酷的主题字体颜色设置(基于IDEA 2018) 前言: IDEA中主题可以更换,大家可以直接到 ...

  6. html设置文本颜色三种写法,html字体颜色设置方法

    在网页开发的过程中,有时为了网页的美观,需要给网页中的字体设置不同的颜色,那么,怎么来设置字体颜色呢?本篇文章就来给大家来介绍html设置字体颜色的三种方法. 话不多说,我们来直接看正文. html字 ...

  7. 【HTML系列】之HTML字体颜色设置

    DATE: 2019-3-3 参考自:http://blog.sina.com.cn/s/blog_67ac56e70100yl14.html <font face=宋体 color=darkm ...

  8. CSS 文本字体颜色设置方法。

    这篇文章主要介绍了CSS 文本字体颜色设置方法(CSS color),需要的朋友可以参考下 一.认识CSS 颜色(CSS color) 这里要介绍的是网页设置颜色包含有哪些:网页颜色规定规范. 1.常 ...

  9. php网页代码字体颜色设置,html和css中字体颜色设置的相关总结

    网页中颜色的运用是网页必不可少的一个元素.使用颜色目的在于有区别.有动感.美观之用,同时颜色也是各种各样网页的样式表现元素之一,所以在我们的日常开发中不管是前端还是后端都离开不字体颜色,那么我们今天就 ...

最新文章

  1. [转]xml解析工具的效率比较QDomDocument、TinyXml-2、RapidXml、PugiXml
  2. python cmdb资产_SuperCMDB - 资产管理+跳板审计
  3. 微软柯塔娜(Cortana)的一句名言
  4. liunx 安装 zookeeper(转)
  5. 【大神】软件建模仿真空气冷凝集水器,末日饮水荒野求生水资源解决方案
  6. swoole mysql 协程_关于协程的优点以及swoole 协程的用法
  7. android4.0 菜单,三大主流安卓4.0界面解析 MIUI最实用
  8. 怎么避免后台被搜索_复星保德信人寿保险有限公司星满意重大疾病保险怎么样?好不好?可信/靠谱吗?有什么优缺点/注意事项?值不值得买?一年多少钱?...
  9. qq模板图片asqq_重要更新 电脑编辑规则、快速滚动、富文本图片、规则模板等十多项更新!...
  10. [html] 对于rtl网站的适配有哪些方案?
  11. java有没有number数据类型_Java基本数据类型之Number
  12. 恋爱盲盒小程序云开版源码
  13. php7当前目录,PHP获取路径或目录或当前文件名
  14. 实用———springmvc接收参数校验
  15. C#打开外部的exe程序并隐藏窗口、注册退出事件、传递参数
  16. 计算机显示器一半有阴影,[显示器图标有影子怎么解决]电脑显示器有字迹影子...
  17. CRM和SCRM,到底有什么区别?
  18. matlab概率论与数理统计分析,MATLAB在概率论与数理统计课程中的案例设计
  19. 网络安全学习笔记(2)
  20. 怎么学计算机打字输入,如何学电脑打字?成为打字员

热门文章

  1. Running “flutter pub get“ in xxxx... 解决方案
  2. 员工管理系统之添加修改删除操作
  3. 打架必备!擒敌拳1-16动连贯动作 分解动作
  4. 网络请求(三)— Retrofit
  5. 追求卓越:想成为优秀的领导者吗?
  6. 别再傻傻分不清:工业物联网关与PLC采集网关的区别了
  7. 求介绍一款实用的工作任务管理软件,具有进度管理、自动提醒等功能?谢谢
  8. Day 13 JUSTICE
  9. 计算机静态图像可分为 两类,多媒体技术.doc
  10. 数学与计算机学院迎新晚会,数青春年华,计未来梦想——数学系、计算机科学系举办2016级迎新晚会...