iT邦幫忙

2026 iThome 鐵人賽

DAY 18
0
IT Operation

大學生的VirtualBox虛擬機與Ubuntu實戰30天系列 第 18

Day 18|Powerlevel10k 主題與 Nerd Font 字型配置

  • 分享至 

  • xImage
  •  

昨天我們裝好了 Zsh 與 Oh My Zsh,指令打錯會變紅、打對會變綠,還會自動跳出歷史紀錄,已經比原本的黑白畫面順手很多。

不過目前的終端機長相還是很陽春,只有一個小箭頭 ➜ ~。今天我們要安裝的主題是—Powerlevel10k(簡稱 P10k)。換上它之後,終端機會直接告訴你:

  • 目前所在的目錄位置
  • 程式寫到哪一個 Git 分支、有沒有修改還沒存檔
  • 上一個指令跑了幾秒鐘
  • 現在用的是哪個 Python 版本

1. 幫 Windows 裝專用字型(防亂碼)
(1)在 Windows 鍵盤按下 Win + X,點選**「終端機」**
(2)貼上以下這串指令並按 Enter

$url = "https://github.com/romkatv/powerlevel10k-media/raw/master"
@("MesloLGS%20NF%20Regular.ttf", "MesloLGS%20NF%20Bold.ttf", "MesloLGS%20NF%20Italic.ttf", "MesloLGS%20NF%20Bold%20Italic.ttf") | ForEach-Object {
    Invoke-WebRequest -Uri "$url/$_" -OutFile "$HOME\Downloads\$([System.Uri]::UnescapeDataString($_))"
}

(3)執行完後打開 Windows 的 「下載」 資料夾,那 4 個 .ttf 字型檔就下載好了。
(4)全選這 4 個檔案 ➔ 按右鍵點「顯示其他選項」➔ 按右鍵點 「為所有使用者安裝」
https://ithelp.ithome.com.tw/upload/images/20260917/20183886GxhC5PhFLp.png


2.設定 VS Code 終端機字型
(1)在 VS Code 按快捷鍵 Ctrl + , 打開「設定」。
(2)上方搜尋框輸入:terminal.integrated.fontFamily
(3)把輸入框裡面的內容改成
MesloLGS NF
https://ithelp.ithome.com.tw/upload/images/20260917/20183886P7pXiJHieS.png
(4)關掉設定分頁就可以了。


3.在虛擬機下載 P10k 主題
回到 VS Code 下方的 Ubuntu 終端機,執行以下步驟把主題抓下來:
(1)下載主題檔案

git clone --depth=1 https://github.com/romkatv/powerlevel10k.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/themes/powerlevel10k

(2)修改設定檔換主題
用 nano 打開設定檔

nano ~/.zshrc

找到 ZSH_THEME="robbyrussell" 這行,改成:
ZSH_THEME="powerlevel10k/powerlevel10k"
按 Ctrl + O 存檔,按 Enter 確認,再按 Ctrl + X 離開。
(3)重新載入設定

source ~/.zshrc

(4)跟著畫面做選擇題(設定外觀)
當你載入設定或重新開終端機時,畫面上會自動跳出一個設定引導(如果沒跳出來,輸入 p10k configure 按 Enter 也會開啟)。

先測字型有沒有正常:

  • 題目會問你:「有沒有看到一顆菱形?」➔ 看得到按 y,看不到按 n。
  • 接著問:「有沒有看到鎖頭?」➔ 一樣按 y 或 n。
  • 只要前面字型有裝好,這裡跟著指示做即可。如果看見的是方框框,代表剛才的字型名稱沒打對或沒裝成功。

接著挑選你喜歡的外觀:

  • 風格樣式:按照自己喜歡的樣式挑選。
  • 字元組:選 (1) Unicode。
  • 顏色:選 (1) 256 colors。
  • 要不要顯示時間:看個人喜好,不喜歡太擠可以選關閉。
  • Prompt Frame(提示列邊框):看個人喜好。
  • 單行還是兩行:推薦選Two lines(兩行),這樣不管上面路徑多長,你打字的地方永遠都在下一行最前面,視覺上最寬敞。
  • Icons(圖示密度):推薦選 (2) Many icons(圖示完整,視覺最漂亮)。
  • Transient Prompt(打完字後精簡畫面):建議選 Yes,這樣跑過的歷史紀錄就不會佔據太多畫面。
  • Instant Prompt Mode:推薦選 (1) Verbose(維持預設推薦)。

最後按 y 儲存設定,終端機就會立刻套用設定。
https://ithelp.ithome.com.tw/upload/images/20260917/20183886xpcAEVqAln.png


5.測試新終端機
(1)進入有 Git 的目錄

cd ~/.oh-my-zsh/custom/plugins/zsh-autosuggestions

你會發現提示列旁邊自動多出了一個分支圖示和 master 字樣,目前在哪個版本分支一目了然。
https://ithelp.ithome.com.tw/upload/images/20260917/20183886wCePCZrcGU.png
(2)跑一個稍微耗時的指令

sleep 4

跑完後右邊會顯示 4s,直接幫你記錄指令跑了多久。
https://ithelp.ithome.com.tw/upload/images/20260917/20183886FUjk1btqje.png


|明日目標:環境變漂亮順眼了,接下來就要開始寫程式!明天我們將介紹如何搞定 Python 的多版本切換與虛擬環境,避免套件打架把系統搞亂!|


上一篇
Day 17|Ubuntu 安裝 Zsh 與 Oh My Zsh
下一篇
Day 19|在 Linux 中建立乾淨的 Python 專案虛擬環境
系列文
大學生的VirtualBox虛擬機與Ubuntu實戰30天22
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言