打造 Clibor 最强联动：用 AutoHotkey 和 VSCode 实现模板文本输入自动化
各位网站制作人，每天辛苦了！HTML 和 CSS 的编码工作进展顺利吗？
如果你曾有过这样的想法：
- “每次都写同样的
<div class="..."></div>，真是有点烦人……” - “输入
console.log()能不能再简单点？” - “我把常用的代码都存成了代码片段，但想在 VSCode 之外的地方也用！”
如果你有这样的感觉，那么这篇文章就是为你准备的。说实话，就在几个月前，我也在为完全相同的事情而烦恼。
大家好！写这篇文章的我，是一个从零编程知识开始，借助 AI 的力量学习，在一个半月内独立建立两个网站（buyonjapan.com, copicode.com）的前新手。正因为如此，我非常清楚大家会在哪里遇到困难。
在这篇文章中，我将毫无保留地分享我经过反复试验最终找到的“Clibor × AutoHotkey × VSCode”三位一体联动技巧。我会尽量避免使用专业术语，并保证只需复制粘贴本文中的代码，你的电脑就能变身为最强的编码机器。请一定要体验一下“让它跑起来”的乐趣！
准备篇：安装三大神器
首先，我们来准备这次的主角——三个工具。如果已经安装好了，可以直接跳到“基础篇”哦。
1. Clibor
这就是传说中最强的剪贴板扩展工具。它可以随心所欲地保存你复制的历史记录，并随时调用。它的模板文本注册功能也很强大，但这次我们将用 AutoHotkey 来“破解”这个“模板文本功能”。
安装方法非常简单。只需从上述网站下载，然后按照安装程序的指示操作即可。
2. AutoHotkey
这是一款像魔法一样神奇的免费工具，可以自动化电脑上的任何操作。通过简短的命令，你可以模拟键盘输入和鼠标点击。你可能会觉得“听起来好难……”，但别担心。这次我们只使用复制粘贴就能运行的代码！
【重要提示】 AutoHotkey 有 v1.1 和 v2.0 两个版本，但网上能找到的很多脚本都是针对 v1.1 的。为了避免兼容性问题，如果没有特殊理由，建议下载v1.1。
（图片仅为示意图）
3. Visual Studio Code (VSCode)
这是许多 Web 开发者钟爱的高功能文本编辑器。正在阅读本文的你，想必每天都在使用它吧。这次，我们将极大地提升在这款 VSCode 上的编码效率。
所有工具都准备好后，就让我们开始设置联动吧！
基础篇：首次联动 Clibor 与 AutoHotkey 的“感动”体验
首先，让我们从一小步开始，让你亲身体验这种联动是多么简单而强大。我们的目标是，输入在 Clibor 中注册的关键词（例如：`@问候`），就能自动输入“一直以来承蒙您的关照。”这样的句子。
步骤 1：在 Clibor 中注册 AutoHotkey 脚本
实际上，你可以在 Clibor 的模板文本中直接编写 AutoHotkey 命令。这正是本次联动技巧的关键所在。
- 打开 Clibor 主窗口，选择“模板文本”选项卡。
- 右键点击一个分组，选择“新建”。
- 将以下代码直接粘贴到“内容”栏中。
#Persistent
:*?:@问候::一直以来承蒙您的关照。我是〇〇公司的△△。
Return代码简要说明：
#Persistent: 这是让脚本常驻后台运行的“咒语”。:*?:@问候::: 这是一个触发器（热字符串），意思是“当输入字符串`@问候`时”。冒号之间的 `*` 表示“即使前面有字符也触发”，`?` 表示“即使在单词中间也触发”。刚开始不用想得太复杂，记住这个格式就行了！一直以来...: 这是你实际想要输出的文本。Return: 表示脚本的处理到此结束。
步骤 2：从 Clibor 运行脚本
- 右键点击刚刚注册的模板文本，选择“用 AutoHotkey 运行”。
- 如果系统托盘（屏幕右下角图标区域）中出现一个绿色的“H”图标，就表示成功了。这样，刚才的脚本就在电脑上处于待命状态了。
- 打开 VSCode、记事本或任何你喜欢的文本输入界面，然后尝试输入`@问候`。
怎么样？刚一输入，文本是不是就立刻转换了？这就是 Clibor 和 AutoHotkey 联动的第一步。可能简单到让你觉得有点意外吧。但是，正是这个简单的机制，蕴含着无限的可能性。
应用篇①：随心所欲操控复制历史的 FIFO/LIFO 联动
好了，从这里开始才是正题。Clibor 的真正价值在于其丰富的剪贴板历史。但是，当你想“用倒数第二次复制的内容……”时，特意打开 Clibor 窗口去选择还是有点麻烦。
使用 AutoHotkey，你可以无需打开 Clibor 窗口，直接粘贴复制历史中的第二条、第三条甚至更早的内容。 这就是 FIFO（先进先出）/LIFO（后进先出）联动。
听起来可能很难，但要做的事情和刚才一样。只需将以下脚本注册到 Clibor 的模板文本中，然后“用 AutoHotkey 运行”即可。
#Persistent
; 用 Ctrl + Shift + V 粘贴第二条历史记录 (FIFO)
^+v::
PostMessage, 0x319, 106, 0,, ahk_class TClibor
Return
; 用 Ctrl + Alt + V 粘贴第三条历史记录 (FIFO)
^!v::
PostMessage, 0x319, 107, 0,, ahk_class TClibor
Return代码简要说明：
^+v::: `^` 代表 Ctrl，`+` 代表 Shift。所以，这是一个“当按下 Ctrl + Shift + V 时”的触发器。PostMessage, ...: 这里就是魔法咒语了。它向 Clibor 发送一个命令：“请粘贴第N条历史记录！” `106` 对应第二条，`107` 对应第三条。这个咒语的详细信息记载在Clibor 官网上，是可靠的信息。
在运行这个脚本的状态下，试着按顺序复制三个任意的单词（例如：“苹果”→“香蕉”→“樱桃”）。
- 正常按 `Ctrl + V`，会粘贴最后复制的“樱桃”。
- 接下来，试着按 `Ctrl + Shift + V`。应该会粘贴出“香蕉”！
- 最后，按 `Ctrl + Alt + V`，就会粘贴出“苹果”。
在网站制作中，我们经常需要从各处复制类名、颜色代码、文本等。使用这种联动，可以极大地减少切换标签页或打开 Clibor 的次数，让你能够不中断思路，专注于编码。
应用篇②：彻底改变 VSCode 编码体验的实用脚本
久等了。终于，我们来介绍这项联动技巧的精髓——在 VSCode 中的应用案例。虽然 VSCode 本身也有代码片段功能，但“AutoHotkey 联动有一个压倒性的优势，那就是它可以在 VSCode 以外的编辑器或浏览器的输入框中同样使用”。
只需将以下脚本作为一个整体的模板文本注册到 Clibor 中，然后“用 AutoHotkey 运行”，你的 VSCode 就会焕然一新。
#Persistent
; =============================================
; 用于 HTML 编码
; =============================================
; 输入 `!html` 展开 HTML5 基本模板
:*?:!html::
(
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>文档</title>
</head>
<body>
{Up 3}{End}{Left 10}
</body>
</html>
)
Return
; =============================================
; 用于 CSS 编码
; =============================================
; 输入 `!flex` 展开 Flexbox 基本形式
:*?:!flex::
(
display: flex;
justify-content: center;
align-items: center;
)
Return
; =============================================
; 用于 JavaScript 编码
; =============================================
; 输入 `!log` 插入 console.log() 并将光标移至括号内
:*?:!log::
SendInput, console.log();{Left 2}
Return
; 输入 `!q` 插入 querySelector 并将光标移至('')内
:*?:!q::
SendInput, document.querySelector('');{Left 2}
Return
; =============================================
; 通用
; =============================================
; 输入 `!date` 插入今天的日期 (YYYY-MM-DD)
:*?:!date::
FormatTime, CurrentDateTime, , yyyy-MM-dd
SendInput, %CurrentDateTime%
Return
[超重要] 光标移动的魔法：{Left 2}
在这些脚本中，我特别希望您注意的是 `!log` 和 `!q` 末尾的 {Left 2} 部分。这是一个命令，意思是“按两次向左箭头键”。
这样，例如，当您输入 `!log` 时，在 console.log(); 展开后，光标会自动平滑地移动到 `()` 内部。您可以立即开始输入变量名，完全消除了使用鼠标或方向键返回的麻烦。这些小效率的积累将大大缩短您的日常工作时间。
在 !html 的示例中，我使用 {Up 3}{End}{Left 10} 来调整光标，使其在展开后移动到 <title> 标签的 Document 部分。能够将光标移动到您喜欢的任何位置是 AutoHotkey 的一个强大功能。
注意事项与故障排除
这种联动非常强大，但也有一些需要知道的注意事项。这些都是我实际遇到过的问题，请务必记住。
1. 脚本不工作了？先重新运行！
重启电脑或从睡眠中唤醒后，AutoHotkey 脚本有时会停止运行。如果你觉得“咦，怎么不动了？”，首先请尝试右键点击 Clibor 中的模板文本，再次选择“用 AutoHotkey 运行”。大多数问题这样就能解决。
2. 设计巧妙的触发器以防止意外转换
例如，如果把触发器设置为像 `log` 这样常见的单词，在写文章的过程中它可能会自动转换为 `console.log()`，这会非常令人抓狂。
为了防止这种情况，我规定所有触发器的开头都加上 `!`（感叹号）。（例如：`!log`, `!html`）这样一来，在日常文本输入中基本不会发生误触。建议你设定自己的规则（比如在开头加 `@` 或 `;` 等）。
3. 如何管理多个脚本
像这次一样，将多个功能整合到一个模板文本中进行注册，管理起来会很方便。如果想修改脚本，只需编辑 Clibor 中的模板文本，然后再次“用 AutoHotkey 运行”，更改就会生效。（旧的脚本可以通过右键点击系统托盘中的图标并选择“Exit”来结束）
总结：打造属于你自己的“最强环境”
这次，我们介绍了通过联动 Clibor、AutoHotkey 和 VSCode，极大地提高模板文本输入效率的方法。
- 只需在 Clibor 的模板文本中注册 AutoHotkey 脚本即可开始联动，非常方便。
- 通过FIFO/LIFO 联动，用键盘随心所欲地操控复制历史，体验非凡。
- 利用在 VSCode 中的实用脚本，飞跃性地提升编码速度。
如果你体验了这些，并感受到了“让它跑起来！”的感动，那就再好不过了。
然而，真正的开始才刚刚到来。这次介绍的，终究只是一个例子。你每天感觉“好麻烦啊”的重复性工作，正是创造新自动化脚本的绝佳机会。当你想“这个工作是不是也能自动化？”时，请务必尝试在 AI 的帮助下，挑战制作属于你自己的原创脚本。这样培养出来的环境，将成为任何人都无法模仿的，只属于你自己的“最强武器”。
希望这篇文章能对你的创作活动有所帮助。
下一步
剪贴板管理工具的世界博大精深，除了 Clibor 之外还有很多强大的选择。为了找到真正适合你使用方式的工具，请务必也看看这篇比较文章。