集成 Alacritty 和 Tmux 打造超级终端

2022-09-26T21:56:09-07:00

Alacritty 是一个使用 OpenGL 的跨平台、GPU 加速的终端仿真器。它专注于性能和简单性，甚至没有标签或窗口拆分等功能。</p>

Tmux 是一个用于在终端窗口中运行多个终端会话的工具，即终端复用软件（terminal multiplexer）。在 tmux 中可以根据不同的工作任务创建不同的会话，每个会话又可以创建多个窗口来完成不同的工作，每个窗口又可以分割成很多窗格。</p>

将 alacritty 和 tmux 深度集成到自己的工作流之中，打造出一个顺心应手、高效率、可定制的超级终端。</p>

特性</h2>

此次深度集成，拥有 alacritty 和 tmux 各自的优点。在 macOS 完全可以代替 iTerm2.app 和 Terminal.app，达到了跨平台、高可用性、统一的超级终端。拥有以下特性：</p>

快速便捷的、人体工学设计的快捷键。</li>
简洁实用的、美丽大方的终端主题。</li>
所有新建的窗格、选项卡使用当前的工作目录。</li>
本地会话与 SSH 远程会话一视同仁。</li>
自动重连的 SSH 远程会话。</li>

灵活的脚本定制化。</li> </ul>

看动图直观感受一下： </p>

安装</h2>
可以通过使用 Linux、BSD、macOS 和 Windows 上的各种包管理器来安装 alacritty 和 tmux，并安装配套所需要的字体和工具。目前已在 macOS 顺畅使用，以下安装步骤以 macOS 为平台。</p>

Alacritty 安装</h3>

brew</span> install</span> --cask</span> alacritty
</span></code></pre>
Tmux 安装</h3>
brew</span> install tmux
</span></code></pre>
字体安装</h3>
我选择打过 Nerd Font 字体补丁的 JetBrains Mono 作为终端的默认字体。</p>
brew</span> tap homebrew/cask-fonts
</span>brew</span> install font-jetbrains-mono
</span>brew</span> install font-jetbrains-mono-nerd-font
</span></code></pre>
Fish 安装</h3>
我选择 fish 作为终端的默认 Shell。（可选，可修改配置使用其他 Shell）</p>
brew</span> install fish
</span></code></pre>
Fzf 安装</h3>
快速模糊查找。（可选，仅在命令菜单和会话菜单中使用）</p>
brew</span> install fzf
</span></code></pre>
Autossh 安装</h3>
自动重连的 SSH 客户端。（可选，可以修改配置使用普通的 SSH 客户端）</p>
brew</span> install autossh
</span></code></pre>
配置</h2>
Alacritty 配置</h3>
Alacritty 默认使用的配置文件路径 ~/.config/alacritty/alacritty.yml</code>。
我正在使用的配置文件：alacritty.yml</a>。
运行下面的命令可以把我的配置文件自动下载并使用：</p>
curl -fLo ~</span>/.config/alacritty/alacritty.yml</span> --create-dir </span>\
</span>    https://raw.githubusercontent.com/qingshan/dotfiles/main/alacritty/alacritty.yml
</span></code></pre>
Tmux 配置</h3>
Tmux 默使用的配置文件路径 ~/.tmux.conf</code>
我正在使用的配置文件：.tmux.conf</a>。
运行下面的命令可以把我的配置文件自动下载并使用：</p>
curl -fLo ~</span>/.tmux.conf \
</span>    https://raw.githubusercontent.com/qingshan/dotfiles/main/.tmux.conf
</span></code></pre>
快捷键冲突</h3>
绑定的快捷键与 alacritty 和 macOS Screenshot 默认的一些快捷键冲突，我选择调整冲突的这些默认快捷键。</p>

Alacritty 有两个快捷键冲突：Command</kbd> + H</kbd> 和 Command</kbd> + Q</kbd>；</li>
macOS Screenshot 有多个数字快捷键冲突：Command</kbd> + Shift</kbd> + 3</kbd> 到 6</kbd></li>
</ul>
Alacritty 快捷键冲突</h4>
在 System Preferences</code> / Keyboard</code> / Shortcuts</code> / App Shortcuts</code> 下点击 +</code> 按钮，添加两项菜单主题对应的快捷键：</p>

Hide alacritty</code></li>
Quit alacritty</code></li>
</ul>
定义的快捷键只要不是冲突的那两个快捷键都可以，添加后的结果如下：
</p>
macOS Screenshot 快捷键冲突</h4>
在 System Preferences</code> / Keyboard</code> / Shortcuts</code> / Screenshots</code> 下取消所有 Screenshot 的快捷键。因为我可以直接运行 Screenshot.app 来截图。</p>
使用</h2>
绑定快捷键使用Command</kbd>或者Command</kbd> + Shift</kbd>作为修饰键。部分快捷键与 iTerm2.app 和 Terminal.app 的绑定对应，部分快捷键与我的 i3 的绑定对应。</p>
基本操作</h3>
新建</p>

Command</kbd> + D</kbd> 垂直分割窗格</li>
Command</kbd> + Return</kbd> 水平分割窗格</li>
Command</kbd> + T</kbd> 新建选项卡</li>
</ul>
关闭</p>

Command</kbd> + W</kbd> 关闭窗格</li>
Command</kbd> + Shift</kbd> + W</kbd> 关闭选项卡</li>
Command</kbd> + Q</kbd> 关闭窗口</li>
</ul>
访问窗格</p>

Command</kbd> + H</kbd> 或者 Command</kbd> + Left</kbd> 访问左边的窗格</li>
Command</kbd> + J</kbd> 或者 Command</kbd> + Up</kbd> 访问上面的窗格</li>
Command</kbd> + K</kbd> 或者 Command</kbd> + Down</kbd> 访问下面的窗格</li>
Command</kbd> + L</kbd> 或者 Command</kbd> + Right</kbd> 访问右边的窗格</li>
</ul>
访问选项卡</p>

Command</kbd> + 1</kbd> 到 Command</kbd> + 9</kbd> - 按数字切换选项卡</li>
Command</kbd> + b</kbd> 切换到最近一次访问的选项卡</li>
Command</kbd> + [</kbd> 切换到上一个选项卡</li>
Command</kbd> + ]</kbd> 切换到下一个选项卡</li>
</ul>
访问窗口</p>

Command</kbd> + `</kbd>：切换窗口。</li>
</ul>
布局操作</h3>
调整窗格大小</p>

Command</kbd> + Shift</kbd> + H</kbd> 或者 Command</kbd> + Shift</kbd> + Left</kbd> 向左边的窗格推进</li>
Command</kbd> + Shift</kbd> + J</kbd> 或者 Command</kbd> + Shift</kbd> + Up</kbd> 向上面的窗格推进</li>
Command</kbd> + Shift</kbd> + K</kbd> 或者 Command</kbd> + Shift</kbd> + Down</kbd> 向下面的窗推进</li>
Command</kbd> + Shift</kbd> + L</kbd> 或者 Command</kbd> + Shift</kbd> + Right</kbd> 向右边的窗格推进</li>
</ul>
移动窗格到选项卡</p>

Command</kbd> + Shift</kbd> + 1</kbd> 到 9: 将窗格移动到指定的选项卡中。</li>
</ul>
缩放窗格</p>

Command</kbd> + Z</kbd> 缩放当前窗格。</li>
</ul>
调整窗格布局</p>

Command</kbd> + Shift</kbd> + Z</kbd>：使用预设置的五种布局重新调整窗格。</li>
</ul>
修改选项卡名称</p>

Command</kbd> + ,</kbd>：修改选项卡名称。</li>
</ul>
广播输入</h3>

Command</kbd> + Shift</kbd> + I</kbd>：广播输入到当前选项卡的所有窗格。</li>
</ul>
Tmux 命令</h3>

Command</kbd> + I</kbd>：输入 tmux 命令。</li>
</ul>
字体操作</h3>

Command</kbd> + +</kbd>：调整更大的字体</li>
Command</kbd> + -</kbd>：调整更小的字体</li>
Command</kbd> + 0</kbd>：恢复默认大小的字体</li>
</ul>
复制模式</h3>
Vi 复制模式</h4>
查找关键词并进入 Vi 复制模式：</p>

Command</kbd> + F</kbd>：进入 Vi 复制模式，从上往下的方向查找关键词。</li>
Command</kbd> + Shift</kbd> + F</kbd>：进入 Vi 复制模式，从下往上的方向查找关键词。</li>
</ul>
进入 Vi 复制模式后：</p>

v</kbd> 按字选择</li>
V</kbd> 按行选择</li>
Ctrl</kbd> + v</kbd> 按块状选择</li>
Esc</kbd> 取消选择</li>
A</kbd> 复制选择的文本追加到剪贴板，并退出 Vi 复制模式。</li>
D</kbd> 复制当前行到行尾的文本到剪贴板，并退出 Vi 复制模式。</li>
y</kbd> 复制选择的文本到剪贴板，并退出 Vi 复制模式。</li>
Y</kbd> 复制选择的文本到剪贴板，并保持 Vi 复制模式。</li>
q</kbd> 退出 Vi 复制模式。</li>
还有更多，请查文档。</li>
</ul>
鼠标模式</h4>
使用鼠标选择文本，会自动复制到操作系统的剪贴板。</p>
进阶</h3>
快捷命令</h4>

Command</kbd> + R</kbd>: 弹出快捷命令菜单，并在当前窗格执行选择的命令。</li>
Command</kbd> + Shift</kbd> + D</kbd>：弹出快捷命令菜单，并在新建垂直分割的窗格执行选择的命令。</li>
Command</kbd> + Shift</kbd> + Retrun</kbd>：弹出快捷命令菜单，并在新建水平分割的窗格执行选择的命令。</li>
Command</kbd> + Shift</kbd> + T</kbd>：弹出快捷命令菜单，并在新建的选项卡执行选择的命令。</li>
</ul>
快捷命令弹出一个窗口，可以选择需要执行的命令。快捷命令列表由自定义一个可执行的脚本文件 tmux-commands</code> 负责提供。脚本文件放到 PATH 路径中。
可以参考我的脚本文件：tmux-commands</code></a>。
脚本文件内容如下（命令列表内容根据需要自行修改）：</p>
#!/usr/bin/env bash
</span>
</span>(</span>fzf --reverse --header</span> Commands) <<</span>EOF
</span>cargo run
</span>cargo test
</span>ssh lab
</span>EOF
</span></code></pre>
直接执行这个命令确认一下：</p>
tmux-commands
</span></code></pre>
从快捷命令中选择一个命令，会直接输出打印出来。确认没有问题之后，直接通过上面的快捷键呼叫。</p>
快捷会话</h4>

Command</kbd> + N</kbd>：弹出窗口显示本地会话列表，并在当前窗口切换到选择的会话中。</li>
Command</kbd> + Shift</kbd> + N</kbd>：弹出窗口显示本地会话和远程会话列表，并新建一个窗口切换到选择的会话中。</li>
</ul>
快捷会话默认从 tmux 加载会话列表。也可以自定义一个可执行的脚本文件：tmux-sessions</code>，放到 PATH 路径中。
可以参考我的脚本文件：tmux-sessions</code></a>。</p>
注意：远程服务器上也应该有 tmux-commands</code> 和 tmux-sessions</code> 两个脚本文件。</p>
保存文件</h3>

Command</kbd> + S</kbd>：输出 Vim 保存文件的指令 <ESC>:w<CR></code>，注意要在 Vim 下使用。</li>
</ul>
时不时的保存文件是个好习惯。</p>
Tmux 快捷键</h3>
因为通常 tmux 绑定的快捷键前缀 Ctrl-a</code> 和 Ctrl-b</code> 经常在 Shell 或者 Vim 中有使用，所以我重新定义的 tmux 的 快捷键前缀为 Ctrl</kbd> + \</kbd>。
选择的原因是这个快捷键很少被其他应用程序使用，另外一个原因是在我的集成中没有太多机会使用 tmux 的快捷键，所以选择一个不冲突的快捷键前缀对我来说是最好的选择。</p>
配置说明</h2>
配置终端类型</h3>
给 alacritty 追加环境变量：</p>
env</span>:
</span>  </span>TERM</span>: </span>xterm-256color
</span></code></pre>
配置字体</h3>
指定使用 JetBrains Mono 字体，字体大小设置为 14 点数。</p>
font</span>:
</span>  </span>normal</span>:
</span>    </span>family</span>: </span>JetBrainsMono Nerd Font
</span>    </span>style</span>: </span>Regular
</span>
</span>  </span>bold</span>:
</span>    </span>family</span>: </span>JetBrainsMono Nerd Font
</span>    </span>style</span>: </span>Bold
</span>
</span>  </span>italic</span>:
</span>    </span>family</span>: </span>JetBrainsMono Nerd Font
</span>    </span>style</span>: </span>Italic
</span>
</span>  </span>bold_italic</span>:
</span>    </span>family</span>: </span>JetBrainsMono Nerd Font
</span>    </span>style</span>: </span>Bold Italic
</span>
</span>  </span>size</span>: </span>14
</span></code></pre>
配置窗口</h3>
Alacritty 启动的时候使用全屏模式，但是又不独占一个桌面。窗口不需要任何裱装。</p>
window</span>:
</span>  </span>startup_mode</span>: </span>SimpleFullscreen
</span>  </span>decorations</span>: </span>none
</span></code></pre>
配置 Shell</h3>
使用 Fish 作为默认的 Shell。启动的时候总是直接创建或使用名为 main</code> 的 tmux 会话。</p>
shell</span>:
</span>  </span>program</span>: </span>/usr/local/bin/fish
</span>  </span>args</span>:
</span>    - </span>--login
</span>    - </span>--command
</span>    - "</span>tmux new-session -A -D -s main</span>"
</span></code></pre>
配置快捷键映射</h3>
可以映射到 tmux 的绑定：</p>
  - { </span>key</span>: </span>T</span>,        </span>mods</span>: </span>Command</span>,       </span>chars</span>: "</span>\x1c</span>c</span>"    } </span># new tab with default shell
</span></code></pre>
甚至 Vim 指令：</p>
  - { </span>key</span>: </span>S</span>,        </span>mods</span>: </span>Command</span>,       </span>chars</span>: "</span>\x1b</span>:w</span>\x0a</span>"} </span># Type <escape>:w<enter> to save vim
</span></code></pre>
还可以可以映射运行程序：</p>
  - { </span>key</span>: </span>N</span>,        </span>mods</span>: </span>Command|Shift</span>, </span>command</span>: { </span>program</span>: "</span>/usr/local/bin/alacritty</span>", </span>args</span>: ["</span>msg</span>", "</span>create-window</span>", "</span>-e</span>", "</span>/usr/local/bin/fish</span>", "</span>--login</span>", "</span>--command</span>", "</span>tmux-sessions --all</span>"] } } </span># open session in new window with all sessions menu across servers
</span></code></pre>
奖励</h2>
Alacritty 图标</h3>
Alacritty 默认的图标在 Dock 上与其他应用程序的图标有点格格不入。但是作者不愿意调整图标上，那我只好自己动手调整。
参考：issue:3926</a>
下载 Alacritty.icns</a> 并更新 Alacritty.app</p>
输入法退格键</h3>
macOS 下输入法退格键会删除已输入内容的问题：issues:1606</a></p>
官方给出的临时解决方案为：</p>
key_bindings</span>:
</span>  - { </span>key</span>: </span>Back</span>,                          </span>action</span>:  </span>ReceiveChar     </span>}
</span></code></pre>
Alt 组合键映射</h3>
所有以 Alt</kbd> 和 Alt</kbd> + Shift</kbd> 为修饰键的按键都映射为 Esc 前缀键码。</p>
IDE 布局</h3>
写一个脚本并执行实现自动创建类似 IDE 布局：</p>
tmux</span> split-window</span> -v -p</span> 30
</span>tmux</span> send-keys "</span>echo 'run'</span>" enter
</span>tmux</span> split-window</span> -h -p</span> 50
</span>tmux</span> send-keys "</span>echo 'preview'</span>" enter
</span></code></pre>
后续</h2>


加上 tmux-resurrect 插件，断电或者电脑重启后，都可以快速进入基本工作环境。</li>

使用 tmux display-popup</code> 实现快捷方便的弹出窗口。快捷键可以考虑映射 Command</kbd> + F1</kbd> 到 F12</kbd>。</li>
</ul>
参考资料</h2>

Alacritty integration with Tmux</a></li>
macOS Keyboard Shortcuts for tmux</a></li>
Alacritty's documentation</a></li>
tmux Manual Pages</a></li>
</ul>

macOS Screenshot 快捷键冲突</h4>
在 `System Preferences</code> / Keyboard</code> / Shortcuts</code> / Screenshots</code> 下取消所有 Screenshot 的快捷键。因为我可以直接运行 Screenshot.app 来截图。</p>`

复制模式</h3>

鼠标模式</h4>
使用鼠标选择文本，会自动复制到操作系统的剪贴板。</p>

进阶</h3>

奖励</h2>

Alacritty 图标</h3>
Alacritty 默认的图标在 Dock 上与其他应用程序的图标有点格格不入。但是作者不愿意调整图标上，那我只好自己动手调整。参考：issue:3926</a> 下载 Alacritty.icns</a> 并更新 Alacritty.app</p>

Alt 组合键映射</h3>
所有以 `Alt</kbd> 和 Alt</kbd> + Shift</kbd> 为修饰键的按键都映射为 Esc 前缀键码。</p>`

参考资料</h2>

Alacritty integration with Tmux</a></li>
macOS Keyboard Shortcuts for tmux</a></li>
Alacritty's documentation</a></li>
tmux Manual Pages</a></li> </ul>

安装 Zola</h3>
使用以下命令安装 Zola。</p>

自定义域名</h3>
参考文档</a>配置自定义域名的 DNS 记录。</p>
再到 Github 仓库的 `Settings > Pages</code> 页面，设置自定义域名。比如说我的自定义域名 qingshan.dev</code> 设置成功后，即可访问：https://qingshan.dev</code></a>。</p>`

参考资料</h3>

Zola Docs</a></li>
GitHub Pages now uses Actions by default</a></li>
GitHub Actions starter workflows</a></li> </ul>

青山依旧在

集成 Alacritty 和 Tmux 打造超级终端

安装</h2>
可以通过使用 Linux、BSD、macOS 和 Windows 上的各种包管理器来安装 alacritty 和 tmux，并安装配套所需要的字体和工具。目前已在 macOS 顺畅使用，以下安装步骤以 macOS 为平台。</p>

配置</h2>

使用 Zola 和 Github Pages 搭建网站

青山依旧在

集成 Alacritty 和 Tmux 打造超级终端

安装</h2> 可以通过使用 Linux、BSD、macOS 和 Windows 上的各种包管理器来安装 alacritty 和 tmux，并安装配套所需要的字体和工具。目前已在 macOS 顺畅使用，以下安装步骤以 macOS 为平台。</p>

配置</h2>

快捷键冲突</h3> 绑定的快捷键与 alacritty 和 macOS Screenshot 默认的一些快捷键冲突，我选择调整冲突的这些默认快捷键。</p>

Alacritty 快捷键冲突</h4> 在 System Preferences</code> / Keyboard</code> / Shortcuts</code> / App Shortcuts</code> 下点击 +</code> 按钮，添加两项菜单主题对应的快捷键：</p>

macOS Screenshot 快捷键冲突</h4> 在 System Preferences</code> / Keyboard</code> / Shortcuts</code> / Screenshots</code> 下取消所有 Screenshot 的快捷键。因为我可以直接运行 Screenshot.app 来截图。</p>

复制模式</h3>

鼠标模式</h4> 使用鼠标选择文本，会自动复制到操作系统的剪贴板。</p>

进阶</h3>

快捷会话</h4> Command</kbd> + N</kbd>：弹出窗口显示本地会话列表，并在当前窗口切换到选择的会话中。</li>

配置说明</h2> 配置终端类型</h3> 给 alacritty 追加环境变量：</p>

配置终端类型</h3> 给 alacritty 追加环境变量：</p>

配置字体</h3> 指定使用 JetBrains Mono 字体，字体大小设置为 14 点数。</p>

奖励</h2>

Alacritty 图标</h3> Alacritty 默认的图标在 Dock 上与其他应用程序的图标有点格格不入。但是作者不愿意调整图标上，那我只好自己动手调整。 参考：issue:3926</a> 下载 Alacritty.icns</a> 并更新 Alacritty.app</p>

Alt 组合键映射</h3> 所有以 Alt</kbd> 和 Alt</kbd> + Shift</kbd> 为修饰键的按键都映射为 Esc 前缀键码。</p>

IDE 布局</h3> 写一个脚本并执行实现自动创建类似 IDE 布局：</p>

后续</h2> 加上 tmux-resurrect 插件，断电或者电脑重启后，都可以快速进入基本工作环境。</li>

参考资料</h2> Alacritty integration with Tmux</a></li> macOS Keyboard Shortcuts for tmux</a></li> Alacritty's documentation</a></li> tmux Manual Pages</a></li> </ul>

使用 Zola 和 Github Pages 搭建网站

新建 Github 仓库</h3> 首先创建一个名为 <username>.github.io</code> 的仓库：</p> </p> 新建出来的是一个空的仓库，把它 clone 到本地：</p>

安装 Zola</h3> 使用以下命令安装 Zola。</p>

自定义域名</h3> 参考文档</a>配置自定义域名的 DNS 记录。</p> 再到 Github 仓库的 Settings > Pages</code> 页面，设置自定义域名。 比如说我的自定义域名 qingshan.dev</code> 设置成功后，即可访问：https://qingshan.dev</code></a>。</p>

参考资料</h3> Zola Docs</a></li> GitHub Pages now uses Actions by default</a></li> GitHub Actions starter workflows</a></li> </ul>

安装</h2>
可以通过使用 Linux、BSD、macOS 和 Windows 上的各种包管理器来安装 alacritty 和 tmux，并安装配套所需要的字体和工具。目前已在 macOS 顺畅使用，以下安装步骤以 macOS 为平台。</p>

macOS Screenshot 快捷键冲突</h4>
在 `System Preferences</code> / Keyboard</code> / Shortcuts</code> / Screenshots</code> 下取消所有 Screenshot 的快捷键。因为我可以直接运行 Screenshot.app 来截图。</p>`

鼠标模式</h4>
使用鼠标选择文本，会自动复制到操作系统的剪贴板。</p>

Alacritty 图标</h3>
Alacritty 默认的图标在 Dock 上与其他应用程序的图标有点格格不入。但是作者不愿意调整图标上，那我只好自己动手调整。参考：issue:3926</a> 下载 Alacritty.icns</a> 并更新 Alacritty.app</p>

Alt 组合键映射</h3>
所有以 `Alt</kbd> 和 Alt</kbd> + Shift</kbd> 为修饰键的按键都映射为 Esc 前缀键码。</p>`

参考资料</h2>

Alacritty integration with Tmux</a></li>
macOS Keyboard Shortcuts for tmux</a></li>
Alacritty's documentation</a></li>
tmux Manual Pages</a></li> </ul>

安装 Zola</h3>
使用以下命令安装 Zola。</p>

自定义域名</h3>
参考文档</a>配置自定义域名的 DNS 记录。</p>
再到 Github 仓库的 `Settings > Pages</code> 页面，设置自定义域名。比如说我的自定义域名 qingshan.dev</code> 设置成功后，即可访问：https://qingshan.dev</code></a>。</p>`

参考资料</h3>

Zola Docs</a></li>
GitHub Pages now uses Actions by default</a></li>
GitHub Actions starter workflows</a></li> </ul>