Typora使用小Tips

这篇博客分享了Typora的使用小技巧,包括如何通过HTML标签设置文本颜色,推荐使用Typora内置元素而非快捷键,以及介绍了字体颜色设置和文字居中等常用标签。此外,还提供了一个AutoHotKey脚本来快速添加颜色。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Typora使用小Tips

1、Typora文本设置颜色

原生Typora不支持设置颜色,但Typora最后生成的内容是html格式,可以通过增加标签属性设置文本,下面介绍两种方法。

方法一:将需要修改颜色的字体使用<font/>标签。

<font color='red'>需要添加颜色的字体</font>

比如:需要添加颜色的字体字体

当然,这种方式比较笨重,每次都需要使用标签。

方法二:使用AutoHotKey设置快捷键。

1、首先下载AutoHotKey并安装

2、然后将下列内容复制到txt文件并重命名为ahk后缀的文件,如TyporaHotKey.ahk

; 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、双击运行TyporaHotKey.ahk

4、然后就可以使用 Ctrl+Alt+O(橙色)、Ctrl+Alt+R(红色)、Ctrl+Alt+B(蓝色),并且可以通过修改.ahk脚本修改或新增其他颜色。

原理也很简单,当系统识别到Ctrl+Alt+O(^!o)时调用addFontColor方法,在选中的{TEXT}前后加<font/>标签。

2、尽量使用Typora自带的元素,减少使用快捷键

比如使用##来创建标题而不用ctrl+2,使用```来创建代码块而不使用ctrl+shift+k,当你用熟之后就会发现这些元素用起来比快捷键快多了。

3、Typora常用标签

3.1、更改字体颜色

<font color='red'>需要添加颜色的字体</font>

3.2、设置文字居中

<div align = "center">需要居中的文字</div>

4、持续更新中。。。

<think>好的,用户让我介绍一下如何重新整理博客内容,使用Markdown格式,并且加入小图标,让结构更清晰。首先,我需要理解用户的具体需求。他们可能已经有一个博客,但内容可能比较杂乱,现在想优化结构,提升可读性。 用户提到使用Markdown和支持的小图标,也就是emoji或者一些符号图标。结构清晰明了是关键,所以可能需要分步骤说明,或者用标题、列表、代码块等方式组织内容。 接下来,我得考虑用户的身份。很可能是博主或者内容创作者,对技术有一定了解,知道Markdown的基本用法,但可能不太熟悉如何有效利用其功能来美化排版。他们可能希望让自己的博客看起来更专业,或者更吸引读者。 用户的需求可能不仅仅是整理内容,还可能包括如何高效维护和更新博客,比如使用标签分类、自动化工具等。深层需求可能是提升博客的用户体验和SEO效果,或者方便自己管理。 然后,我需要组织回答的结构。先介绍整理步骤,分几个部分,比如内容分类、结构优化、图标使用、额外技巧等。每个部分用Markdown的标题,配合emoji图标来突出重点,同时使用列表、代码示例等让内容更易读。 要注意使用哪些emoji合适,比如文件夹图标表示分类,标签图标表示标签,工具图标表示工具推荐等。还要确保每个步骤都有具体的例子,比如Front Matter示例,这样用户可以直接复制使用。 另外,可能需要提醒用户一些注意事项,比如不要过度使用图标,保持简洁,或者推荐一些工具如Typora、Obsidian来辅助写作。最后,给出一个完整的示例模板,让用户有直观的参考。 在思考过程中,还要检查是否有遗漏点,比如是否提到图片优化、SEO设置,或者如何利用自动化工具减少工作量。确保覆盖用户可能关心的各个方面,同时保持回答的条理性和实用性。 最后,确保整个回答符合Markdown格式,结构清晰,图标使用恰当,并且语言简洁明了,用户能轻松跟随步骤操作。以下</think>是为您整理的博客内容重新组织方案(使用Markdown格式 + 表情图标): ```markdown # 📝 博客内容整理指南 ## 🗂️ 内容分类建议 ### 1. 📂 按主题分类 - `技术笔记/` ![技术图标](https://img.icons8.com/color/48/000000/code.png) ```markdown ## 💻 前端开发 ### 🚀 Vue3实战技巧 ### 🎨 CSS动画指南 ``` ### 2. 🏷️ 标签系统 ```markdown 标签示例: #机器学习 #Python #职场心得 #旅行日记 ``` ## ✨ 结构优化技巧 ### 📌 文章模板示例 ```markdown --- title: "🚀 10个必知的Python技巧" date: 2023-09-20 tags: #Python #编程技巧 cover: "/images/python-tips.jpg" --- ## 📚 目录 - [1. 列表推导式](#1-列表推导式) - [2. 装饰器妙用](#2-装饰器妙用) ## 1. 🧩 列表推导式 ```python # 🌰 示例代码 squares = [x**2 for x in range(10)] ``` ## 2. 🎀 装饰器妙用 > 💡 小贴士:使用`@timer`装饰器可以轻松测量函数执行时间 ``` ## 🛠️ 维护工具推荐 | 工具 | 用途 | 图标 | |--|------| | Obsidian | 知识管理 | 🗃️ | | Typora | Markdown编辑 | ✍️ | | Canva | 封面设计 | 🎨 | ## 📌 注意事项 1. ✅ 保持段落简短(3-5行最佳) 2. ✅ 使用`>`引用区块突出金句 3. ✅ 代码块注明语言类型 ```javascript // 好的示例 console.log('Hello World'); ``` ## 🌈 美化技巧 - 进度条显示技术栈熟练度: `JavaScript ⭐⭐⭐⭐☆` `Python ⭐⭐⭐☆☆` ## 🗂️ 完整模板示例 ```markdown --- title: "🎯 机器学习入门指南" date: 2023-09-20 categories: ["技术笔记"] tags: #机器学习 #AI基础 --- ## 🧭 本文导航 1. [核心概念](#core-concepts) 2. [常用算法](#algorithms) 3. [实战案例](#case-study) ## <a id="core-concepts"></a>1. 🤖 核心概念 ### 1.1 监督学习 ![流程图](https://example.com/ml-flowchart.png) ... ``` 💡 **小贴士**:可使用[Emoji Cheat Sheet](https://www.webfx.com/tools/emoji-cheat-sheet/)快速查找合适图标 ``` 主要优化点: 1. 使用📁🗂️🎯等视觉符号划分内容层级 2. 通过代码块展示实际排版效果 3. 添加进度条、标签云等可视化元素 4. 保持每章节内容模块化 5. 提供可直接复用的模板示例 建议搭配使用: - Typora(即时渲染Markdown) - Carbon(生成美观的代码截图) - Canva(制作特色封面图)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值