一、介紹

做IT運維經常需要遠端登入伺服器進行維護，能有一款方便管理的軟體將事半功倍。大家耳熟能詳的市面上比較常用的軟體有：xshell、SecureCRT、Putty等等。其中部分軟體屬於商業軟體，如果你現在正使用Arch系統（比如Manjaro），xshell則無法在manjaro上安裝。在Linux上有一些替代工具也非常不錯，包括asbru-cm、gnome connection manager、SecureCRT（linux版，需購買或者pj），那今天給大家介紹一款github上標星過萬的開源terminal工具：Tabby，為數不多的能在linux上閃光的優秀生產工具（其實使用過程中問題還是不少，看Issues數量就知道了，不過可以向開發者反饋以尋求幫助）。

二、安裝

Tabby支援在Linux、MacOS和Windows三個平臺上安裝使用，安裝也是非常簡單。只要開啟他的github專案地址（https://github.com/Eugeny/tabby/releases），找到適合你的安裝包即可。因為我們使用的是Manjaro系統，所以選擇.pacman結尾的安裝包。

安裝：sudo pacman -U /path/to/tabby-1.0.167-linux.pacman

安裝完成後，在系統選單——>Utilities下面可以找到Tabby，或者使用命令列tabby直接開啟：

$tabby

開啟後如下圖介面，怎麼樣，還是很有科技感的吧！

三、設定與使用

點選首頁Settings可以進入設定頁面（本質上程式UI使用的是web，因此可以通過自定義CSS來滿足個人的佈局和主題設定），如下圖。Application選單顯示一些資訊，其中有一個按鈕OpenDevTools就是用來除錯頁面顯示的，可以幫助你解決一些顯示問題（下面會說）。

Appearance：設定Terminal字型及大小，設定Terminal背景色是否跟隨主題或者顏色模板，游標樣式，Custom CSS則設定自定義的樣式，可以改變Tabby本身UI顯示。

Profiles & connections

Terminal：設定本地終端的一些功能，包括剪貼簿行為，如Copy on select，意思就是滑鼠選擇文字後就複製；另外兩個選項：一個是啟動時開啟一個終端；一個是啟動時恢復上一次的終端（這個選項不太好用，在我的系統上開啟後，鍵盤輸入沒有任何反應，應該是個Bug）。

Color Scheme：設定終端顯示的顏色樣式，已經內建了很多種，也可以點選Edit修改顏色樣式。

其他選單不一一截圖說明了，分別是Config sync（配置同步，支援github或gitee），Hotkeys（快捷鍵設定），Plugins（外掛），Save Output（儲存終端輸出內容到檔案，需要安裝外掛），SSH（遠端連線，需要安裝外掛，必裝），Vault（密碼託管），Window（窗體樣式、主題設定等等）

四、外掛安裝

SSH外掛是必裝的，否則無法管理和使用ssh遠端維護。選擇Plugins選單——>Available——>SSH點選Get，隨後安裝成功後會提示你重啟Tabby。在Plugins裡面，大家可以自行檢視哪些外掛適合自己，選擇安裝即可。

安裝好SSH外掛後，就可以管理我們的遠端連線了。在Settings裡面點選Profiles & connections或者點選頂部“+”號右邊的按鈕，選擇Manage profiles就開啟管理選項了。

點選“New profile”，選擇“SSH connection”

彈出對話方塊，輸入名稱，Group處可以選擇已有的組，也可以輸入新的組名稱；輸入地址和埠，使用者名稱，選擇驗證方法（如果有雙因素驗證，一般選Auto可以正常工作），如下圖

點選“Advance”選項或者“login scripts”可以設定高階選項，或者登陸指令碼。在高階選項中有一項Ready Timeout，預設是20秒，可以適當調大（在雙因素認證中有幫助，如果太短，還沒來得及輸入驗證碼就會超時斷開連線）。最後點選Save儲存配置即可。

五、split功能

split功能，類似SecureCRT Send command to all功能：

1、遠端後右鍵選擇split,然後可以選擇分屏的方向，如下圖

2、可以繼續右鍵選擇split分屏，如下圖

3、這個時候，可以隨便選擇一個分屏，右鍵選switch profile就可以開啟另外一個ssh遠端

4、按快捷鍵Ctrl+Shift+I選擇所有分屏，然後開始你的表演（為了演示方便，使用了一個ssh遠端，效果一樣）：

六、自定義CSS

在安裝Tabby後，其實我遇到了兩個問題：一個是在我2K的顯示解析度下，Tabby本身介面的字型太小，很難看；二是如圖下面所示，當調整介面字型後，發現佈局並不是很協調。要解決上面兩個問題，就要用到前面提到的Custom CSS和OpenDevTools了。

解決字型太小問題：

在Custom CSS裡面輸入程式碼：

html { 
    font-size: 28px;
}

28px表示字型畫素大小，可以根據自己的情況適當調整。

解決佈局問題：

點選Open DevTools後，會彈出一個類似瀏覽器頁面除錯工具，點選左上角選取工具，選擇你需要調整的頁面元素。這時，會幫你定位到html頁面裡面對應的元素程式碼上面。如下圖：

接著，右鍵點選頁面元素，選擇Copy——>Copy selector，如下圖所示：

比如上面copy後的內容如下：

body > app-root > div > div.content > tab-body > settings-tab > div > ul，即表示了左邊選單ul元素，這時就可以通過設定CSS來改變他的寬度等屬性。

通過這些設定，Tabby顯示協調多了。

大家學會了嗎？這個問題我研究了半天才搞定，github上我還開了個issue，開發者一直沒回答，沒辦法就自己琢磨了。因為開源軟體幫助文件較少，尤其中文資料更少了。所以，要麼求助開發者，要麼自己去研究，真是尷尬啊。

下一篇預告：如何在Manjaro上配置go開發環境？