Typora使用小Tips

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

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、持续更新中。。。

### 小程序开发技巧和最佳实践 #### 技术栈的选择与理解 对于小程序开发而言,深入了解 HTML、CSS 和 JavaScript 是至关重要的基础技能。随着技术的不断演进,掌握这些语言的新特性和性能优化方法能够显著提升开发质量和用户体验[^1]。 #### 使用框架提高效率 uni-app 提供了一种高效的解决方案,允许开发者一次性编写代码即可实现跨平台运行的功能。这种模式不仅简化了开发流程,还减少了维护成本。通过学习 uni-app 的具体教程和技术细节,可以更轻松地上手小程序开发并解决常见的难题[^2]。 #### 开发前的准备工作 在正式编码之前,制定清晰的内容概要是成功的关键之一。这包括完成必要的注册与配置过程,以及合理规划项目的目录结构。特别需要注意的是,在处理 API 调用时应严格遵循隐私政策及相关法规的要求,同时考虑接口调用频率等因素的影响[^3]。 #### 性能优化建议 为了提供流畅的应用体验,应该关注以下几个方面的性能改进措施: - **减少网络请求次数**:合并多个资源文件或将静态数据缓存至本地存储。 - **图片压缩与懒加载**:降低带宽消耗的同时加快页面渲染速度。 - **组件化设计**:将复杂界面拆分为独立的小型单元以便于管理和重用。 ```javascript // 示例:利用 Intersection Observer 实现图像懒加载 const observer = new IntersectionObserver((entries, observer) => { entries.forEach(entry => { if (entry.isIntersecting) { const img = entry.target; img.src = img.dataset.src; // 替换为真实源地址 observer.unobserve(img); // 停止观察该元素 } }); }, { threshold: 0 }); document.querySelectorAll('img[data-src]').forEach(img => observer.observe(img)); ``` #### 测试与发布阶段的重要性 最后一步同样不可忽视——充分验证应用的各项功能是否正常运作尤为重要。除了常规的功能性检测外,还需针对不同设备型号做全面适配检查,并提交给官方进行最终审查以确保合规性[^3]。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值