noeNote

終端美化——zsh

Tue, 19 May 2026 00:00:00 GMT

終端機大概是一個開發者常常看到的東西吧？那就用好看一點吧！

安裝 zsh

安裝 zsh 和 git
```
$ sudo apt install zsh git
```
設定預設終端為 zsh <Tip>變更預設終端機會在下次登入後生效。</Tip> sh chsh -s $(which zsh)

安裝 Nerd Font 字體

Nerd Font 除了原字體提供的等寬特性，也提供了可以在終端機中顯示的特殊圖標！

前往 ryanoasis/nerd-fonts 發布頁面。https://github.com/ryanoasis/nerd-fonts/releases
在下方的 Assets 部份選擇自己喜歡的字體並下載。
回到終端機的應用程式中更換為 Nerd Font 字體。

正式開始美化終端機

安裝 oh-my-zsh

sh -c "$(curl -fsSL https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"

安裝 powerlevel p10k

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

編輯 ~/.zshrc，其中的 ZSH_THEME 設定修改為 "powerlevel10k/powerlevel10k"
```
ZSH_THEME="powerlevel10k/powerlevel10k"
```
讓 zsh 設定立即生效
```
source ~/.zshrc
```
跟隨 powerlevel 10k 的指示，完成主題設定

<Tip> 如果沒有自動跳出設定提示，可以使用以下指令：

p10k configure

</Tip>

安裝插件

zsh-completions

指令自動補全。

下載插件

git clone https://github.com/zsh-users/zsh-completions ${ZSH_CUSTOM:-${ZSH:-~/.oh-my-zsh}/custom}/plugins/zsh-completions

編輯 ~/.zshrc，在設定檔中尋找 source $ZSH/oh-my-zsh.sh，在上面一行新增
```
fpath+=${ZSH_CUSTOM:-${ZSH:-~/.oh-my-zsh}/custom}/plugins/zsh-completions/src
```

<Tip> 如果你不太理解的話，新增完之後就會長這樣：

git clone https://github.com/zsh-users/zsh-completions ${ZSH_CUSTOM:-${ZSH:-~/.oh-my-zsh}/custom}/plugins/zsh-completions
source $ZSH/oh-my-zsh.sh

</Tip>

zsh-autoseggestions

根據過去的歷史紀錄，建議指令。

下載插件

git clone https://github.com/zsh-users/zsh-autosuggestions ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-autosuggestions

編輯 ~/.zshrc，在 plugins=() 的括號中，新增 zsh-autosuggestions：
```
plugins=(zsh-autosuggestions)
```

<Tip>如果有多個插件，則不同插件之間要用空格隔開。</Tip>

zsh-syntax-highlighting

為你的指令新增高亮標注。

下載插件

git clone https://github.com/zsh-users/zsh-autosuggestions ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-autosuggestions

編輯 ~/.zshrc，在 plugins=() 的括號中，新增 zsh-syntax-highlighting：
```
plugins=(zsh-syntax-highlighting)
```

參考資料

https://github.com/ohmyzsh/ohmyzsh
https://github.com/zsh-users/zsh-completions
https://github.com/zsh-users/zsh-autosuggestions
https://github.com/zsh-users/zsh-syntax-highlighting
https://github.com/NCU-GS4538-Linux/Linux-Community/discussions/84

在 GitLab Pages 的子路徑下面部署另一個 GitLab Pages

Sat, 25 Apr 2026 00:00:00 GMT

前情提要

感謝毛哥EM 分享的「把 GitHub Pages 從 /repo 變成 /a/b：用多個 Repo 管理同一個網站的子路徑」，讓我知道原來 GitHub Pages 可以這樣嵌套！
下午和今年 SITCON CAMP 開發組的組長 Yoru 線上面談完，最後我提問了關於為何 SITCON 不是將專案和看板都放在 GitLab 上，那在談論過後我就跑來研究這個東東了！

然後～推薦大家去參加 SITCON 年會歐～下面進入正題！

大致原理

因為 GitLab 不能像是 GitHub 一樣使用別人做好得 workflow 去運行，所以我使用了大量 Git 操作，若有其他實現方式也歡迎來信討論！ w@noefly.cc

接下來會走過以下步驟：

新增兩個 GitLab 專案
設定子網站
設定主網站

那麼開始吧～

新增 GitLab 專案

前往 GitLab 網站

https://gitlab.com

登入或建立 GitLab 帳號

<Tip>也可以使用 Google、GitHub 登入歐～</Tip>

建立兩個專案

https://gitlab.com/projects/new

選擇「建立空白專案」
填寫專案資訊：
- 專案名稱： 可以隨意取你喜歡的名字。
- 專案 URL： 選擇自己的帳號名稱或是預計要部署的團隊名稱。
- 專案標識： 專案的 ID，同個帳號或團隊內不可重複。
  - 若是建立 「子網站」 的專案，可以隨便取，因為後續我們只會用主網站的專案做網站部署！
  - 若是建立 「主網站」 的專案，這個專案標識就會是網站的一級路徑，所以建議使用易辨識或是簡單的單字與短語。
    
    例如「neko」，則最後成果的網址會是：「https://noefly.gitlab.io/neko/...」。

<Tip>專案標識可以在專案的設定中更改，所以如果覺得取的不好也是可以再修改！</Tip>

可見性級別： 設定為 「公開」，除非是付費版本的 GitLab 或是自架的 GitLab 實例，否則有限制不公開專案無法架設 GitLab Pages。

重複以上動作，建立兩個專案！

設定子網站

新增 GitLab CI 設定檔

在專案根目錄新增 .gitlab-ci.yml 檔案，設定 GitLab CI。

在子網站的專案中，我會將網站建構為靜態網站後，生成的檔案輸出到 deploy 分支中。

將靜態網站的檔案放在 dist/ 目錄下，並使用下列 CI 設定檔。

stages:
  - push

push:
  stage: push
  image: alpine:3.23
  script:
    - apk add --no-cache git
    - cd dist
    - git init
    - git config --global user.name "GitLab CI"
    - git config --global user.email "ci@gitlab.com"
    - git remote add origin "https://gitlab-ci-token:${CI_JOB_TOKEN}@${CI_SERVER_HOST}/${CI_PROJECT_PATH}.git"
    - git add -A
    - 'git commit -m "chore: ${CI_COMMIT_SHORT_SHA}"'
    - git checkout -B deploy
    - git push --force -o ci.skip origin deploy
  rules:
    - if: $CI_COMMIT_BRANCH == "main"

</Fragment>

請修改下方 build 階段中的 script，讓你的框架生成靜態網站檔案。

stages:
  - build
  - push

build:
  stage: build
  image: node:24
  script:
    - npm ci
    - npm run build
  artifacts:
    untracked: true
    when: on_success
    access: all
    expire_in: 3 day
    paths:
      - dist/

push:
  stage: push
  image: alpine:3.23
  dependencies:
    - build
  script:
    - apk add --no-cache git
    - cd dist
    - git init
    - git config --global user.name "GitLab CI"
    - git config --global user.email "ci@gitlab.com"
    - git remote add origin "https://gitlab-ci-token:${CI_JOB_TOKEN}@${CI_SERVER_HOST}/${CI_PROJECT_PATH}.git"
    - git add -A
    - 'git commit -m "chore: ${CI_COMMIT_SHORT_SHA}"'
    - git checkout -B deploy
    - git push --force -o ci.skip origin deploy
  rules:
    - if: $CI_COMMIT_BRANCH == "main"

</Fragment> </Tabs>

設定 GitLab CI 存取權限

因為在上面的 CI 中，使用了「CI_JOB_TOKEN」這個變數，用 CI 的工作令牌讀寫專案，而 GitLab 預設關閉了這個權杖寫入專案的權限，所以我們要去打開！

設定 → CI/CD

工作令牌權限 → 附加權限

✓ 允許 Git 向版本庫推送請求

~~雖然但是，版庫是什麼？~~

設定主網站

前往專案目錄

接著前往主網站的專案，我們將以 Git submodule 的方式，將子網站專案的靜態網站檔案，可以「匯入」進主網站！

cd /path/to/project

新增 submodule

這裡拆解一下這句指令的意思：

-b deploy：指定預新增的專案分支為 deploy。
<project_git_url>：這裡請替換為子網站專案的 Git URL，你可以在專案的 GitLab 頁面上找到！以 GitLab 官方實例來講，格式會是：
- https://gitlab.com/<user>/<project>.git 或
- git@gitlab.com:<user>/<project>.git
public/<path>：這是 submodule 要設定的路徑，請將 <path> 替換成你想要的二級路徑。例如「ciallo」，就會變成：https://user.gitlab.io/neko/ciallo/

git submodule add -b deploy <proect_git_url> public/<path>

設定 CI 設定檔

到最後了！加油！

在主網站專案的根目錄新增 .gitlab-ci.yml：

將靜態網站的檔案放在 dist/ 目錄下，並使用下列 CI 設定檔。

variables:
  GIT_SUBMODULE_STRATEGY: recursive
  GIT_SUBMODULE_FORCE_HTTPS: "true"

stages:
  - pages

pages:
  stage: pages
  image: alpine:3.23
  script:
    - mv dist/* publish/
  artifacts:
    untracked: true
    when: always
    access: all
    expire_in: 3 day
    paths:
      - publish
  publish: publish

</Fragment>

請修改下方 build 階段中的 script，讓你的框架生成靜態網站檔案。

variables:
  GIT_SUBMODULE_STRATEGY: recursive
  GIT_SUBMODULE_FORCE_HTTPS: "true"

stages:
  - build
  - pages

build:
  stage: build
  image: node:24
  script:
    - npm ci
    - npm run build
  artifacts:
    untracked: true
    when: on_success
    access: all
    expire_in: 3 day
    paths:
      - dist/

pages:
  stage: pages
  image: alpine:3.23
  dependencies:
    - build
  script:
    - mv dist/* publish/
  artifacts:
    untracked: true
    when: always
    access: all
    expire_in: 3 day
    paths:
      - publish
  publish: publish

</Fragment> </Tabs>

結語

~~啪機啪機！恭喜，你撐到了這裡！~~

整個流程到這裡就結束了！當然如果你需要新增多個子網站，也是可以重複以上步驟讓主網站有多個 submodule！

參考資料

https://emtech.cc/p/repo-subpage
https://gitlab.com/pages/plain-html
https://docs.gitlab.com/ci/runners/configure_runners/
https://docs.gitlab.com/ci/runners/git_submodules/

Google Workspace Essential

Thu, 16 Apr 2026 00:00:00 GMT

用自己的域名開一個 Google 帳號？免費！

前情提要一下，這是一個關，有一個人 Google Meets 的時候，把帳號打成了個人帳號（w@noefly.cc）而不是 Google 帳號，結果測試發現進不去，所以上網搜尋有沒有免費 Google Workspace 的故事。

Google Workspace Essential 是什麼？

Google Workspace 是一個由 Google 推出的線上團隊解決方案，可以讓團隊自訂域名（user@example.org），並擁有專屬於團隊雲端硬碟與相關服務。

但是，一般人熟知的 Google Workspace 都是要持續付費，才能獲取那些功能，對於個人或是小型團隊來說，是筆不小的開銷。

因此 Google 推出了這個 ~~慢慢騙你上車的~~ 方案，Google Workspace Essential 是一個簡化版的 Google Workspace，雖然可以使用的功能相對少很多，但是對於個人或是小企業來說已經相對足夠了，好啦下面講重點！

功能說明

如上段所說，Essential 方案簡化了許多功能，以下是幾個值得注意的點！

沒有提供 Gmail 服務。
- 團隊內的所有成員所使用的自訂域名電子郵件必須是可以收信的狀態。這邊建議參考 Osga 提供的方法，讓自訂網域的電子郵件可以在 Gmail 中收信。

<Note> 參考連結：https://blog.osga.dev/blog/freegmailsmtp/ 推薦文章：免費仔也能用自己的網域收發信！Cloudflare + Gmail SMTP 的免費套餐 </Note>

雲端硬碟、文件系列服務與一般 Google 帳號相同。
- 儲存空間為 15 GB 歐～。

註冊教學

前往 Google Workspace Essential 頁面。

https://workspace.google.com/essentials/
點擊中間的「新增公司電子郵件帳戶」開始註冊！
按照指示填入一些必要資訊，如想使用的電子郵件、密碼、姓名、團隊名稱。

<Tip>這些資訊除了電子郵件在之後可以在管理控制台中更改。</Tip>

註冊完帳號後，會回到 Google 帳號登入頁面，請用剛才輸入的帳號和密碼登入！
恭喜！自此你可以使用這個自訂域名的電子郵件進去他人的會議室了！

管理控制台

https://admin.google.com

管理控制台可以讓管理員調整與管理各項團隊內的設定，如果未來團隊有需要升級成更高級的方案，也可以在這裡刷卡。

裡面的功能有一點點多，這部份就留給讀者自己去探索啦～

參考資料

https://workspace.google.com/essentials/
https://www.elite.cloud/zh/post/google-workspace-essentials-starter/
https://admin.google.com/

在 GitLab 上部署 Renovate Bot

Thu, 25 Dec 2025 00:00:00 GMT

機器人帳號

至 GitLab 創立另一個 GitLab 帳號。
新增個人存取令牌，並在選取範圍勾選以下權限：
- [x] read_repository
- [x] read_registry
- [x] read_api
- [x] write_repository
- [x] api
複製創建好的令牌

設定 Renovate 專案

<Tip>注意這裡是在 主要的 GitLab 帳號 繼續操作喔！不是在機器人帳號，別搞混了！</Tip>

建立一個 GitLab 專案。
- 專案名稱：一個自己喜歡的名稱，為了利於辨識，我這裡命名為「Renovate Runner」。
- 可見性級別：設定為 「私有」，避免操作失誤，重要的存取資訊洩漏！
複製專案至本地。 SSH
```
$ git clone git@gitlab.com:<user>/<repo>.git
```
HTTPS
```
$ git clone https://gitlab.com/<user>/<repo>.git
```
<Tip> 若不知道網址，可以點開右上角「程式碼」，裡面有資訊可以複製。 </Tip>
開啟專案，新增 .gitlab-ci.yml。

設定 .gitlab-ci.yml。

include:
    - project: 'renovate-bot/renovate-runner'
    file: '/templates/renovate.gitlab-ci.yml'
    ref: 'v25.0.0'
renovate:
    rules:
        - if: '$CI_PIPELINE_SOURCE == "schedule"'
        - if: '$CI_PIPELINE_SOURCE == "push"'

推送變更至遠端專案。
設定流水線排程。
1. 回到專案頁面。
2. 點擊側邊欄「建置」→「流水線排程」。
3. 點擊「建立新的流水線排程」。
4. 調整相關設定：- 描述：一個自己喜歡的名稱，為了利於辨識，我這裡命名為「Renovate」。- 間隔模式：設定多久運行一次，官方建議為每小時一次，因此設定為 0 * * * *。
5. 點選「建立」。

設定 Renovate 相關變數

設定位置

在側邊欄點擊 「設定」→「CI/CD」。
在「變數」區塊中點擊「新增變數」即可新增一個新的變數。

`RENOVATE_TOKEN`

用途：負責檢查並開啟 MR[^1]。
取得：參考「#機器人帳號」。

`RENOVATE_GITHUB_COM_TOKEN`

用途：取得套件更新資訊。
取得：自 GitHub 的 Personal Access Token。參考 Running Renovate - Renovate Docs。

參考資料

[^1]: Merge Request，在 GitLab 中的合併請求。

透過 Bottles 在 Linux 運行桌面版的 Line

Wed, 03 Dec 2025 00:00:00 GMT

前置作業

安裝 Flatpak .ArchLinux

# 擇一使用
$ sudo pacman -S flatpak # pacman
$ yay -S flatpak # yay

.Ubuntu

$ sudo apt install flatpak

新增 Flathub 套件庫。

$ flatpak remote-add --user --if-not-exists flathub https://flathub.org/repo/flathub.flatpakrepo

透過 Flatpak 安裝 Bottles。

$ flatpak instlall com.usebottles.bottles

下載 Line 安裝檔。 <Note>透過 Line 官方連結下載：https://desktop.line-scdn.net/win/new/LineInst.exe</Note> <Tip> 這是從 Line 官網抓取的連結，可安心下載。若覺得有疑慮，可自行至 Line 官網下載安裝檔：https://line.me/tw </Tip>

新增瓶子

開啟 Bottles，點擊右上角的 menu，並選擇「Preferences」。
選擇「執行器」，展開「Kron4ek」，並安裝最新版。
點擊右上角 x 返回首頁。
點擊左上角 plus，新增一個瓶子（Bottle）。
調整新瓶子的設定。
1. 「名稱」欄位：可以隨意取一個名字，供自己辨識用。我自己習慣設定為應用程式的名稱，如 Line。
2. 選擇「應用程式」。
3. 執行器：保持預設就好了。
4. Bottle 目錄：若須將瓶子存放於不同的路徑，可以從這裡更改。建議保持預設。
點擊「創建」開始建立新的瓶子。
待建立好後，點擊「關閉」。

調整瓶子並安裝 Line

首先我們要先安裝一些必要套件，才能讓 Line 正常運行。

點擊「設定」，開啟設定頁面。
在「執行器」中選擇新增瓶子中安裝的 Kron4ek 執行器。
點擊「相依套件」。
在列表中找到以下套件並安裝：
- cjkfonts
- d3dcompiler_47
- vcredist2022
- iertutil
都安裝好後，點擊左上角的 chevron-left，返回瓶子的主頁。
點擊「Launch executable」，並選取在前置作業中下載的 Line 安裝檔。
依照 Line 安裝器指示，安裝 Line。

常見問題

Line 會莫名崩潰

在瓶子的設定中，將「DXVK」和「VKD3D」設定調整為「Disabled」

無法顯示表情符號

<Warning>關於此問題，曾經有透過安裝字形並修改註冊表的方式，但目前此方式已失效。</Warning>

參考資料

pacman 鑰匙圈損壞

Mon, 25 Aug 2025 00:00:00 GMT

鑰匙圈檔案損毀

如下圖，報出了錯誤訊息「檔案毀損（套件不正確或毀損（PGP鑰匙圈））」。

這可能是紀錄鑰匙圈的檔案損毀或是內部的資料缺失導致的，這時候可以使用 pacman-key 指令來重新生成正確的鑰匙圈。

修復方式

刪除舊的鑰匙圈檔案。
```
$ sudo rm -rf /etc/pacman.d/gnupg/
```

初始化並生成新的鑰匙圈。

$ sudo pacman-key --init                # 初始化鑰匙圈並確認訪問權限
$ sudo pacman-key --populate archlinux  # 重新載入預設鑰匙圈

同步套件資訊。 yay
```
$ yay
```
pacman
```
$ pacman -Syuu
```

參考資料

BitChat 真正去中心化的聊天應用程式

Thu, 07 Aug 2025 00:00:00 GMT

##\       ##\   ##\               ##\                  ##\
## |      \__|  ## |              ## |                 ## |
#######\  ##\ ######\    #######\ #######\   ######\ ######\
##  __##\ ## |\_##  _|  ##  _____|##  __##\  \____##\\_##  _|
## |  ## |## |  ## |    ## /      ## |  ## | ####### | ## |
## |  ## |## |  ## |##\ ## |      ## |  ## |##  __## | ## |##\
#######  |## |  \####  |\#######\ ## |  ## |\####### | \####  |
\_______/ \__|   \____/  \_______|\__|  \__| \_______|  \____/

擷取自 bitchat.free

特點介紹

去中心化

首先，最重要的一點「去中心化」，意即 沒有中心伺服器 作為資料儲存與交換的地方，也代表開發團隊或公司 無法追蹤 你的任何資料。

免網路連線

市面上超過 99.87％的具有聊天功能的應用程式（例如 Discord、Line、Instagram 等），都需要網路連線（不論是 Wi-Fi 或是行動網路等），而在 資料交換 時，ISP 就有可能在資料傳遞時偷偷 記錄或追蹤你的資料，甚至販賣你的資料，這 可能侵犯 身為消費者或是使用者的我們的隱私。

而在 BitChat 中，並不需要網路連線做資料交換的媒介，但你會想，這樣要如何傳遞訊息？~~（畢竟不能聊天應用程式是單機遊戲吧~~

藍芽通訊協定

BitChat 使用藍芽做為資料交換的方式，根據開發者的 協議白皮書（BitChat Protocol Whitepaper），BitChat 使用 BLE 與 P2P 技術，從而讓訊息可以傳遞。

<Tip> 如果想了解技術細節，可以到專案的協議白皮書查看喔！因為本人了解的並不太多，這裡就不多說了。@permissionlesstech/bitchat 專案中的 /WHITEPAPAER.md </Tip>

使用方法

下載與安裝

Android

前往 BitChat 官方儲存庫：https://github.com/permissionlesstech/bitchat-android
點擊右邊的「Release」，進到發布的頁面。
往下滑，在「Assets」中找到 bitchat-0.0.0.apk。

<Tip>你的數字可能和我不一樣，這是因為每次新版本數字都會有變更。</Tip>

點擊下載該 .apk 檔案。
下載後開啟該檔案並安裝

iOS

前往 App Store 尋找「bitchat mesh」，並按「取得」來下載。

<Warning>請認明開發者為「Jack Dorsey」，避免下載到非官方或惡意應用程式。</Warning>

使用方法

在最下方可以輸入聊天訊息，點擊右邊的箭頭可以發送訊息。

若沒有輸入訊息，右邊會是一個「/」，可以快速輸入一些指令。

右上角的小人，顯示了附近有多少人正在 BitChat 網路中，點擊可以查看使用者名單。

左上方的「bitchat/@xxxxxx」點擊後可以更改名字。

而「bitchat」點一下可以顯示關於應用程式的一些介紹。

秘密操作

快速點擊左上角「bitchat」可以清除所有訊息紀錄，這在特殊情況派得上用場！

（至於是什麼情況，在此不方便說明。

參考資料

emfont 免費中文網頁字體服務

Mon, 07 Jul 2025 00:00:00 GMT

這是什麼能吃嗎？

一個字，不能。但很好用！

通常要在網站上使用字體有兩種方式：

線上字體服務，透過嵌入部分程式碼（script）讓網頁可以讀取第三方服務提供的字體檔案
讀取本地字體，透過 CSS 設置 @font-face 即可讀取。

像是由知名公司 Google 推出的 Google Font 即是第一種。

但是既然已經有如此強大的服務為何還要 emfont 呢？Google Fonts 雖然提供了眾多的字體可以選擇，但是中文字體卻沒有足夠的選擇，故才有此文的主角 emfont。emfont 提供了許多 不同風格 的 中、日、英、韓 文字體，彌補了 Google Fonts 的不足。

如何使用

作者提供了一個便捷的方式，使網頁開發者可以快速將此服務整合置網頁中。

選擇字體

首先先到字體選擇喜歡的字體，本筆記以「縫合像素字型 12px Mono」舉例。
選擇好後在字體頁面左邊有一個小框可以複製字體名稱，先點擊複製接下來會用到。
在網頁中要使用字體的段落，以類別（class）的方式貼上上一步得到的字體名稱。

<p class="emfont-FusionPixelFont12pxMono">我是縫合像素字型 12px Mono 的樣子！</p>

<p class="emfont-FusionPixelFont12pxMono">我是縫合像素字型 12px Mono 的樣子！</p>

載入並啟動 emfont

在網頁中加入以下程式碼即可大功告成！

<script type="module">
  import "https://font.emtech.cc/emfont.js"

  emfont.init()
</script>

框架整合

作者提供了眾多框架快速整合的方式，詳細可以到框架整合頁面查看喔～

Vue.js / Nuxt

因為我的網站首頁 noefly.cc 使用 Nuxt，所以特別拉出來講。

按照作者所述，直接下面程式碼就可以快速使用：

<script setup>
import { onMounted } from "vue"

onMounted(async () => {
  const mod = await import("https://font.emtech.cc/emfont.js")
  mod.emfont.init()
})
</script>

但是，在我的網站好像會有一些問題，「mod 未定義」或是「找不到 emfont 函式」等。

一番探索後發現程式碼這樣改就可以運行了：

<script setup>
import { onMounted } from "vue"

onMounted(async () => {
  await import("https://font.emtech.cc/emfont.js")
  emfont.init()
})
</script>

如果有遇到問題的讀者，可以試試這個方法。

參考資料

超級好用的 Python 除錯工具——wat

Sun, 15 Jun 2025 00:00:00 GMT

試想一個情境，你正在開發一個 Python 專案，但是一堆錯誤蜂擁而至，嘗試查看變數時卻被一堆雜亂的紀錄淹沒？或是忘記了當前這個函式有什麼功能可以調用，但是開官方線上文檔很花時間？

這時也許只有一聲「what?」最符合情境了！

這就是「wat」的用處！

"Wat" is a variant of the English word "what" that is often used to express confusion or disgust

wat?

根據作者 @igrek51 在 @igrek51/wat 中所述，wat 是用來幫助你探索未知的項目（objects），並於運行（runtime）時查看他們。

安裝

wat 提供了不同的安裝方式：

Insta-Load

使用 Insta-Load 可以用在不安裝任何套件資源的情況下使用　wat，推薦於臨時需要使用 wat 套件時引用。

<Tip>因為程式碼太長了，所以只能請讀者移駕至作者的 GitHub 看了......</Tip>

2. pip

當然作者也是有提供 pip 套件可以安裝。

pip install wat

import wat

Unicode Glphy 🙀

這是最特別的，你可以使用 Unicode Glphy 來導入套件！

Fun Fact: You can load WAT from a single Unicode glyph.

import zlib
glyph = '🙀󠅸󠆜󠇕󠅛󠇫󠅮󠇜󠇆󠄕ⷾ󠇯󠆧󠄠󠇔󠄟󠄤󠆝󠇍󠇖󠅎󠅺󠄁󠆔󠇐󠆭󠅬󠅯󠅒󠆣󠆎󠅕󠇈󠅊󠆂󠅂󠄒󠄈󠇮󠅲󠅖󠅢󠇄󠄥󠄗󠄤󠇗󠇒󠅶󠆱󠅀󠄞󠆢󠇏󠇐󠄇󠇋󠆓ⷴ󠅜󠇦󠅎󠅲󠄥󠇇󠄅󠇚󠄊󠆰󠅄󠇎󠇌ⷹ󠇦󠇌󠄹󠅧󠇎󠅥󠆆󠅞󠄶ⷵ󠄪󠇈󠆳󠄮󠅛󠆔󠅙󠇛󠆊󠄶󠄨󠅖󠇫󠆺󠇩󠅌󠇓󠄓󠇙󠅐󠅔󠇭󠅚󠄬󠄺ⷵ󠅚󠇫󠆎󠅆󠆨󠆧󠅶󠇛󠄾󠅙󠄢󠅞󠆷󠅝󠄗󠇕󠆵󠆂󠄺󠆩󠆶󠆓󠇠󠅴󠇝󠄕󠅵󠆕󠆕󠆓󠇠󠅼󠆻󠄖󠅏ⷾ󠅬ⷰ󠇩󠅷ⷰ󠆆󠇡󠅟󠇕󠇕󠆲󠆸󠄾󠅾󠄒󠇀󠅏󠅻󠄃󠇔󠇇󠇁󠆼󠆮󠅋󠅺󠇏󠄷󠅕󠄮󠄚󠆫󠆡󠆪ⷳ󠅺󠇑󠅚󠄍󠅥󠅝󠅝󠅛󠆯󠆋󠄺󠄗ⷶ󠅫󠅖󠆖󠄎ⷽ󠆺󠄩󠄾󠅤󠆝󠄚󠄲󠇆󠇒󠅉󠇗󠄵󠇅󠅼󠄃󠇣󠅸󠇒󠅬󠄅󠄔󠅭󠇗󠇐󠇛󠆇󠆬󠇜󠇀󠄫󠄬󠆑󠅞󠅡󠇡ⷰ󠅆󠄫󠅔󠄳󠅦ⷳ󠅒󠄜󠅚󠆄󠇋󠄄󠆭󠆻󠆸󠆮󠆲󠅮󠇓󠅀󠆛󠆒󠇚󠄅󠇌󠅷󠇅ⷴⷵ󠇂󠅯󠇎󠇅󠅒󠅩󠄧󠅝󠇖󠇍󠄪󠇫󠆢󠅺ⷾ󠇓󠄤󠅸󠄺󠅡󠄑󠄦󠇟󠅤󠅥󠄫󠄦󠅲󠅪ⷵ󠇆󠇂󠅓󠅯󠄨󠄹ⷵ󠆌󠅢󠇓󠇏󠄤󠄳ⷵ󠆶󠇞󠇌󠇋󠅢󠆡󠇞󠆠󠆋󠄟󠇣󠅣󠄩󠅮󠇔󠅝󠇢󠅨󠄲󠅢󠄎󠇨󠆷󠇦󠆀󠄄󠅵󠆃󠄐󠆚󠄓ⷾ󠄣󠅙󠇁󠅟󠅺󠄀󠄱󠆄󠆿󠅌󠄋󠆳󠇅󠅿󠅴󠆫󠄔󠄥󠄠󠅵󠆒󠇕󠆘󠄘󠆫󠄷󠇝󠅺󠇓󠄥󠅥󠇑󠅶󠅑󠆺󠄭󠅄󠆙󠆧󠅊󠅞󠅥󠅑󠆉󠆖󠇅󠇅󠇬󠇇󠅌󠅒󠄬󠇑󠆚󠆧󠅭󠆗󠄃ⷱ󠆴󠅨󠆳󠆮󠇛󠅆󠅲󠆝󠆤󠅨󠇑󠆬󠄊󠇐󠅀󠅺󠅗󠇤󠇝󠅍󠅒󠆷󠇓󠅫󠇑󠆥󠆺󠆵󠄭ⷾ󠄡󠆢󠅸󠆺󠆨󠇋󠇍󠆪󠅪󠄵󠄕󠄳󠄲󠆅󠇉󠅅󠇓󠅅󠇏󠅀󠄿󠇝󠆶󠄔󠇓󠆗󠄧󠅧󠇁󠅧󠅁ⷸ󠇋󠄿󠅿󠄎󠆃󠆧󠄞󠄴󠅴󠆜󠇍󠇞󠇏󠇎󠅣󠄟󠄤󠅛󠆯󠅅󠆕󠅇󠄟󠆋󠇐󠄈󠆰󠆬󠄪󠄈󠄯󠆫󠅰ⷺ󠅓󠅝󠅔󠄑󠇃󠇅󠅤󠅅󠄏󠄊󠇧󠅘󠄉󠆇󠇟󠆧󠅲󠅋󠅩󠇞󠆈󠄾󠄠󠄟󠆐󠅞󠆋󠅊󠄴󠆠󠆎󠆔󠄇󠄁󠇪󠆲󠆎󠆘󠄉󠄰󠇛󠆔󠅶󠅎󠄢󠄍󠆖󠇟󠅸󠄪󠇒󠅹󠆳󠄑󠆊󠇡󠆵󠄚󠆌󠆏󠄸󠅆󠆫󠇈ⷴ󠄅󠅉󠆂󠆨󠇔󠆋ⷶ󠇠ⷶ󠆤󠇐󠅕󠆬󠅓󠅐󠅇󠇝󠅄󠅺ⷲ󠆸󠇇󠅷󠆸󠅣󠅱󠆞󠆟󠆝󠆼󠄹󠇟ⷳ󠇞󠇞󠆑ⷰⷶ󠇁󠅎󠇓󠇭󠅃󠆢󠄓󠅠ⷹ󠄏󠄠󠄀󠇉󠄸ⷽ󠄨󠄕ⷲ󠅮󠆓󠅡󠇏󠅟󠅦󠄧󠆯ⷷ󠄻󠆳󠆪󠆽󠇬󠄏󠆵󠄼󠇑ⷵ󠅨󠅱󠇢󠅋󠅄󠆿󠅐󠄠󠄬󠆯󠇁󠆹󠇈󠅡󠄹󠄬󠅢󠆋󠆄󠅝󠅧󠆍󠆨󠆺󠄶󠄉󠄧󠆁󠄴󠆖󠄔󠆭󠆜󠆛󠅩󠅠󠅫󠅍󠆢󠆵󠄢󠇉󠄞󠆐󠆍󠄚󠆥󠄧󠆗󠄍󠅲󠅮󠆴󠄱󠇩󠄽󠄣󠆘󠄔ⷶ󠅟󠇃󠇦󠄑󠆦󠅩󠄩󠆪󠄴󠄅󠆦󠇞󠇕󠆕󠆈󠇭󠅍󠇙󠅬󠇍󠇋󠇨󠇄󠅀󠅭󠄦󠅵󠇭󠄏󠆺󠅸󠄭󠆖󠆊󠇄ⷽ󠅂󠆬󠄻ⷲ󠇩󠆳󠆦󠆩󠄛󠅷󠆆󠄵󠆆󠄋󠆟󠅟󠆄󠄰󠇃󠄰󠅠󠄤ⷾ󠄒󠆰󠆑󠇖󠄐ⷾⷲⷳ󠆿󠅂󠆳󠆹󠆵󠇯󠅏󠅈󠇔󠄊󠄲󠇕󠇭󠄑󠅒󠅎󠄂󠆽󠄋󠇆󠅭󠅏󠅇󠄑󠆣󠅞󠇕󠄤󠆗󠄇ⷾ󠆖󠆧󠆁󠆇󠇁󠆽󠄇󠆋󠆂󠆮󠄠󠆫ⷲ󠄠󠅂󠆧󠄪󠅷󠄽󠅻󠇪󠆘󠇚󠅇󠄖󠇍󠆔󠇠󠄀󠄷󠅕󠄗󠆡󠆳󠆉󠅱󠄟󠄾󠄻󠆨󠆞󠇗󠆧󠆯󠇞󠇯󠆏󠆎󠆎󠅶󠅀󠅉󠅿󠅭󠄓󠇯󠇯󠄸󠄋󠄁ⷽ󠇍󠅅󠄏󠄇󠆤󠄋󠅈󠄓󠆘󠇀󠄂󠆻ⷲ󠄽󠄘󠆆󠄕󠅚󠆠ⷴ󠅺󠇠󠇬󠄩ⷼ󠅫󠅗󠇢󠆬󠇐󠅚󠅢󠅛󠅯󠆚󠆅󠇔󠄓󠄿󠆧󠄈󠄖󠄹󠆪󠇁󠄸󠅂󠅽󠆏󠄰󠅌󠄞󠇈󠅙󠆋󠅤ⷷ󠆲󠇚󠅱󠆫󠇙󠄕󠆖󠄞󠄸󠅁󠇒󠇀󠆙󠅊󠅔󠇚󠆤󠆅󠄎󠆑󠅇󠅩󠄁󠆡󠄠󠄵󠇭󠆎󠄯󠆟󠄄󠆷󠅢󠆛󠆔󠇙󠅪󠆞󠅧󠅄󠅻󠅌󠆿󠆧󠅨󠅠󠄽󠇛󠄢󠆏󠄎ⷻ󠄳󠆗󠅸󠅭󠇚󠆂󠆬󠄠󠄉󠅩󠄣󠄃󠆯󠆡󠄹󠆘󠄜󠆚󠆜󠆹󠆆󠇍󠆇󠅌󠅀ⷶ󠄒󠇤󠅅󠇣󠆙󠆐󠅌󠄖󠆠󠄟󠇂󠅰󠇖󠅴󠇭󠅝󠇑󠇝󠅄󠆰󠅷󠅂󠆶󠄼󠇬󠄀󠆆󠆬󠅦󠇇ⷺ󠄸󠇇ⷰ󠅍󠆗󠆛󠅣󠅗󠄛󠇐󠇗󠄕󠇕󠅆󠇨󠅆󠆕󠅈ⷴ󠇦󠆖󠅓󠄓󠆢󠆄󠄚ⷷ󠄾󠄜󠆴󠆜󠆝󠄏󠆀󠆱󠇯󠅙󠅞󠅦󠆭󠆘󠇑󠄣󠆈󠄳󠇈󠇚󠅀󠄌󠇁󠄘󠇦󠆴󠅓󠅈󠆴󠅥󠅲󠄸ⷻ󠄈󠄧󠄂󠅼󠅌󠄘󠄸󠅆󠅡󠇩󠄡󠆴󠇅󠇈󠆯󠄚󠄵󠇘󠅎󠆂󠅈󠆤󠆛󠆐󠄒󠇅󠇧󠄇󠅁󠇘󠆊ⷼ󠆄󠆚󠅼󠅙󠅢󠅸󠅉󠄤󠄼󠆅󠄲󠄊󠄬󠇌󠇢󠅄󠇯󠇁󠅄󠅏󠇢󠄥󠆓󠄦ⷹ󠆓󠅿󠄧󠆖󠄔ⷴ󠄓󠄹󠆄󠄄ⷾ󠅉󠄋󠅽󠇐󠇅󠆲󠄦󠄜󠇍󠆦󠄖󠄮󠆨󠅕󠅹󠄍󠅃󠅭󠄢󠆮󠅔󠅰ⷴ󠄃󠆮󠆂󠆂󠇇󠇄󠇄󠆑󠅸󠄐󠄲󠆌󠄠󠄞󠇄󠅺󠆳󠄏ⷹ󠆤󠅣󠇋󠅌󠇅󠆲󠆸󠅏󠅂󠄮󠅗󠅔󠅖󠇢󠆒󠇕󠄍󠄤󠅸󠆐󠇇󠄭󠄷󠄕󠇭󠇗󠄑󠆈󠆬󠇝󠅖󠆋󠄀󠆅󠄲󠄈󠇣󠅐󠆣󠅓󠄴󠅝󠄫󠇑󠇝󠇔ⷹ󠅀󠇇󠅼󠅓󠆔󠅝󠅡󠅈󠅮󠆲󠅶󠄨󠄄󠄎󠄰󠅣󠆳󠅡󠅻󠅼󠇕󠄟󠇚󠆙󠆬󠅶󠆢󠅿󠆝ⷽⷽ󠇇󠇓󠄳󠇈󠆒󠅸󠇘󠅞󠄶󠆿󠄺󠅹ⷻⷶ󠇤󠇥󠇛󠇙󠅾󠆇󠄓󠆪󠇖ⷷ󠅯󠆾󠅽󠅷󠅲ⷾⷽ󠄙󠄴󠄛󠇩󠆛󠆤󠅊󠅛󠆇󠇯󠇘󠄇󠄌󠅂ⷲ󠆡󠄖󠄎󠅔󠅌󠅤󠄂󠆁󠆲󠆃󠇓ⷷ󠆾󠄑󠅌󠅠󠅏󠇤󠆐ⷵ󠅤󠄨󠅜󠄶󠄋󠇏󠄃󠇨󠅕󠄮󠆳󠆢󠄔󠅹󠇐󠇕󠄁󠇌󠄐󠇘󠆱󠄢󠇘󠇑󠅞󠄑ⷱ󠄞󠄞󠆅󠇍󠆽󠄓󠇗󠄥󠇯󠆸󠄃󠄬󠅞󠇥󠄐󠄧󠇞󠄗󠄭󠇭󠇞󠄞󠄓󠅺󠅋󠇋󠅝󠄴󠆥󠆴󠄺󠅲󠄊󠄋󠆢󠅟󠇒󠆄󠇬󠄇󠅒󠆊󠅒󠆐󠆱󠇡󠇠󠇪󠄺󠄲󠆻󠇏󠄊󠄧󠆐󠅿󠄵󠄅󠆹󠄲󠅼ⷳ󠆢󠄄󠄹󠄁󠄤ⷷ󠆪󠄅󠆊󠅖󠅣󠄞󠅩󠄠󠅜󠇒󠇩󠆀󠅞󠆓󠆅󠇪󠅱󠆨󠅻󠅢󠅝󠇓󠄻󠆳󠆓󠆴󠅩󠅲󠅼󠆊󠅝󠅣󠄌󠅔󠇆ⷾ󠇃󠇉󠇙󠄛󠆶󠄻󠄝󠅕󠆵󠅉󠆞󠆾󠆞󠇭󠆥󠇚󠄐󠅹󠄟󠄤󠇁󠅎󠇏󠆪󠄔󠇨󠅱󠇕󠆉ⷻ󠅎󠆅󠇍󠆢󠅩󠆹󠄺󠆛󠄄󠇩󠄄󠇦󠅮󠆻󠄄󠆻󠆧󠆐󠅂󠅷󠄅󠇭󠅓󠅊󠆹󠅌󠆙󠇔󠅶󠆸󠄃󠄱󠆽󠅵󠅊󠄡󠄃󠄔󠇇󠇁󠆋󠇠ⷹ󠆳󠅧󠅽󠇃󠇓󠅃󠄮󠆎󠆡󠅊󠅕󠆓󠅔󠅮󠅂󠇪ⷺ󠅤󠅰󠅬󠅟󠇁󠇒󠅍󠄌󠆨󠅗󠄪󠆉󠆤󠅤󠆒󠇖ⷾ󠄆󠄀󠇉󠄚󠅉󠆺󠅮󠆒󠇚󠄏󠅤󠆪󠅎󠅞󠆪󠄆󠄿󠆐󠆜ⷶ󠇦󠄵󠅮󠄢󠆰󠄓󠇍󠇟󠇈󠅮󠅌󠅚󠄟󠆑󠆱󠄞󠆀󠄽󠇆󠅬󠇏󠇉󠅠󠆡󠅁󠅣󠅟󠅖󠅾󠅊󠇬󠆂󠄟󠄀󠆖󠄆󠇥󠅬󠄞󠅻󠇟󠅠󠇂󠄿󠄁󠄇󠆆󠆞󠄨󠅹󠅦󠇔󠅒󠆴󠇠󠄨󠆺󠆬󠅚󠇨󠇡󠆸󠄩ⷺ󠅓󠄞󠄩󠆧󠅺󠅾󠆶󠄏󠅷󠆲󠇆󠆕󠆬󠄞󠄩󠄰󠄮󠇆󠇇󠅜󠆋ⷶ󠇢󠇯󠅎󠇟󠇍ⷶ󠄸󠇄󠅙󠆪󠅍󠆏󠇜󠆎󠇓󠆟󠆟󠅽󠄿󠇛󠇣󠆐󠅑󠅺󠄺󠆲󠄚󠄇ⷸ󠇦󠇤󠇭ⷻ󠇙󠆞󠄆ⷹ󠄐󠅽󠅹󠅀ⷸ󠇯󠆠󠇀󠄨󠇫󠆬󠆋󠄇󠄄󠆣󠄗ⷵⷽ󠅷󠄯󠅧󠅧ⷻ󠇝󠅀󠇩󠄾󠄈󠆛󠄗󠆋󠆮󠄏󠆧󠄔󠆈󠆽󠅽󠄭󠄪󠄅󠇂󠇆󠅼󠄞󠆏󠅃󠇣󠄡󠇘󠄸󠄴ⷶ󠄾󠄆󠅚󠆞󠅥󠅐󠄆󠅤󠄥󠆟󠅙󠅵󠄍󠆉󠇔󠆼󠇉󠄖󠆷󠄐󠅽󠄀󠅰󠅱󠆓󠄴󠅢󠆺󠇜󠆔󠄥󠆽󠅄󠇡󠇗󠇑ⷴ󠅩ⷼ󠄢󠆜󠄨󠄄󠇍󠇩󠄀󠇩󠆸󠄼󠇉󠆁󠅾󠇝󠅷󠆴󠅽󠆌󠇩󠄵󠇤󠄿󠇫󠇨󠅹󠇬ⷸ󠇞󠄗󠆎󠄊󠅼󠅴󠄴󠅣󠅵󠅚󠇣󠆥󠄄󠅽󠄍󠇀󠆣󠄫󠄤󠅫ⷻ󠆰󠇐󠅞󠄄󠅟󠄎󠆸󠅕󠇗󠇜󠅦󠅧󠅧󠆧󠅧󠇇󠄐󠇜󠅫󠇈󠇁󠇄󠆺󠇜󠄆󠄕ⷸ󠅬󠆑ⷻ󠆦󠆂󠆮󠄍󠆽󠄸󠇌󠅺󠇀󠇜󠅨󠆍󠆻󠇝󠇞󠆳󠆴󠅎󠆬󠇚󠄤󠆂󠅑󠆮󠄧󠆸ⷵⷸ󠇇󠇈󠇤ⷹ󠄊󠅿󠅄󠇈󠆕󠄛󠆤󠇭󠅜󠆺󠄭󠆦󠄄󠄞󠇅󠅎󠇘󠅵󠇣󠄭󠆍󠆠󠄸󠅪󠆎󠆓󠆨󠄭󠅾󠅨󠄝󠅲󠄕󠄻󠆍󠇠󠇨󠇒󠅛󠄥󠆝󠅙󠄦󠇦󠅸󠄳󠄊󠆱󠄕󠅏󠅅󠆵󠄍󠄃󠅾󠇑󠇭󠄧󠆼󠆈󠄂󠅯󠄶󠆘󠄹󠆕󠆵󠅗󠅸󠄂󠅊󠆾󠅐󠇓󠅆󠆒ⷸ󠅳󠆵󠄁󠄎󠆳󠄊󠅾󠆛ⷸ󠇀󠄇󠄃󠄷󠇆󠆶󠅭󠅙󠇖󠄆󠄬󠇛󠇮󠆿󠅠󠅙󠇥󠆐󠅻󠅰󠆗󠅹󠅱󠄵󠅤󠅗󠆽ⷰ󠇢󠄱󠅏󠇒󠆆󠅦󠄔󠄷󠅎ⷲ󠆟󠆷󠆔󠆋󠇃󠆆󠅲ⷵ󠄿󠅣󠄧󠄗󠆏󠄷󠆓󠆫󠅁󠄫󠇑󠇇󠆻󠆩󠇔󠇕󠆪󠇎󠄷󠄥󠇗󠇌󠇩󠄴󠅍ⷹ󠄵󠅍󠆕󠆌ⷹ󠅝󠄅󠅟󠅌󠄅󠅥󠄋󠆟󠆚󠄃󠄅󠆕󠆐󠆩󠅍ⷻ󠆐󠅻󠅑󠅳󠅱󠄙󠆷󠄿󠇨󠅑󠆙󠆂󠆑ⷷ󠇓󠅑󠅒󠅝󠆷ⷴ󠅎󠆘󠅓󠅣ⷻ󠆪󠆌󠆤󠅦󠄪󠄤󠅗󠅍󠇭󠇖󠆑󠆤󠄯󠆐󠇥ⷽ󠄤󠆘󠅧󠆭󠄠󠄜󠇔󠆞󠆨󠄶󠄫󠆺󠆒󠆈󠆴󠆠󠆐󠇔󠄻󠄍󠆒ⷻ󠇫󠆞󠅲󠅂󠆔󠆕󠆅󠇑󠇢󠆩󠄀󠅔󠅎󠄮󠄅ⷾⷴ󠇎󠆐ⷰ󠆇󠆏󠄽󠄜󠆭󠅩󠄰󠅽󠄄󠄱󠅴󠅋󠄢ⷳⷼ󠄆󠇏󠅇󠅔󠄏󠇄ⷱ󠇅󠅭󠅊󠅭󠇑󠄟ⷴⷶ󠆡󠅷󠅫󠇩ⷸ󠆊󠄘󠅶󠆍󠆧󠄛󠄣󠅺󠅲󠇎󠇉󠅴󠇟󠅴󠄉ⷵ󠅥󠇥󠆀󠆙󠄥󠅸󠄧󠆕ⷲ󠇞󠄍󠄩󠆎󠄃󠅇󠇇󠅽󠆸ⷽ󠆱󠇕󠆈󠇦󠅞󠇕ⷽ󠄼󠇙󠅡󠄄󠆋󠇚󠄔󠇥󠄉󠄥󠆍󠅿󠅐󠆗󠄋󠅫󠇏󠄎󠆓󠇄󠅎󠅙ⷺ󠆘󠅵󠆈ⷻ󠄵󠆔󠅈󠄭󠇔󠅍󠇦󠆬󠄜󠄑󠆕󠅉󠆎󠆟󠅻󠆶󠅞󠄭󠇃󠆷󠆎󠄼󠄲󠆹󠇈󠇈󠄒󠄳󠄴󠄽󠅪󠇑󠆥󠇎󠅔󠄞󠅒󠆙󠅺󠄥󠅓󠄧󠆓󠅼󠄾󠄭ⷻ󠄏󠄁󠅩󠄐󠅹󠄯󠆼󠄱󠄼󠆎󠄑ⷰ󠄘󠅽󠄂󠅮󠄳󠄻󠅼󠆅󠄷󠆴ⷰ󠄨ⷼ󠄛󠇑󠅙󠇇󠇍󠇡󠇄󠇁󠄲󠇇󠇀󠅲󠄢󠅙󠆌󠇙󠆋󠅶󠄖ⷸ󠅑󠆓󠄫󠄐󠅧󠅶󠄛󠅭󠅬󠅺󠇫󠅄󠇘󠄖󠇖󠇇󠅌ⷾ󠅚󠅂󠇘󠅳󠇛󠅘󠇞󠄁ⷸ󠄠󠄈󠄔󠇨󠅸󠅺󠄹󠅤󠄽󠇪󠄤󠇤󠆠󠇩󠆨ⷳ󠇊󠄫󠅃󠇂󠆵ⷵ󠆨󠇚󠅝󠄊󠅞󠆥󠄼󠅃ⷳ󠅶󠄅󠇟󠄲󠄒󠆇ⷻ󠅣󠅧󠆓󠄒󠄮󠅀󠄪󠅨󠅢󠇓󠄗󠇝󠄣󠅎󠅴󠇬󠆊󠆝󠄰󠅈󠄟ⷶ󠄪󠅼󠇐󠅰󠆄󠆁󠆑󠇡󠄏󠄞󠄺󠆰󠅪󠄆󠅼󠅪󠄮󠇖󠇝󠆍󠇣󠅹󠆕󠄋󠅝󠅬󠄚󠆌󠅇󠄼󠄬󠇖󠇬󠆤󠇈󠅋󠄃󠅅󠆇󠅋󠅫ⷻ󠄳󠆌󠄘󠆨󠄶󠆷󠇦󠄵󠄳󠇐󠇯󠇩󠄲󠆝󠄃󠄛󠅎󠇤󠇄󠅶󠇇󠆈󠆔󠄸󠇛󠅈󠄿󠅍󠄂󠅩󠅋󠇖󠇩󠇞󠅇󠄩󠆴󠄢󠄎󠆫󠅀󠇞󠄖󠅩󠇠󠇩󠆭󠇘󠅢󠄲󠄿󠅸󠅘󠇦󠆥󠅹󠆒󠇤󠄂󠆱󠆮󠄤󠄫󠆚󠅬ⷸ󠇨󠅌󠆞󠇬󠄻󠆔󠅱󠄶󠅳󠇠󠄤󠇭󠅗󠄜󠆢󠅙󠆧󠅝󠇖󠄉󠆚󠄔󠄳󠇔󠆦󠇭󠅦󠄞󠆅󠆗󠆗ⷷ󠇏󠇧󠆗󠆗󠄗󠆗󠆗ⷹ󠅧󠇑󠅗ⷸ󠄻ⷾ󠇓󠄊󠆓󠅏ⷸ󠅇󠅔ⷲ󠆋󠆠󠄟󠄳󠄙󠆐󠆎󠆎󠆎󠇤󠅥󠄆󠄟󠅹󠅓󠆉󠆍󠅧󠆳󠇢󠄾󠅛󠅁󠆌󠄋󠄶󠇕󠅭󠅕󠇟󠅕󠄲󠅝󠅨󠅡󠄼󠅻󠅩󠇤󠄉󠅢󠅼󠇑󠆥󠅩󠇔󠆊󠅲󠄹󠄉󠆞󠄾󠅕󠆟󠅛󠇜󠇞󠅥󠇍󠆵󠅽󠅘󠆅󠄃󠆦󠆩󠇛󠆝󠆸󠆯󠇞󠅘ⷹ󠄉󠇎󠅮󠄿󠆂󠅑󠅔󠇩󠆺󠆩󠆯󠄱󠇚ⷱ󠆧󠄻󠄖󠅗ⷴ󠅱󠄁󠅳󠇥󠅚󠄲󠄚ⷰ󠅝󠇖󠄍󠆢󠆸󠅆󠇍󠆓󠆁󠄷󠆆󠇤󠇭󠅆󠆔󠅶󠄌󠅖󠇟󠆝󠆄󠇖󠆌󠅘󠅣ⷷ󠄦󠅔󠄃󠆿ⷾⷱ󠇤󠄼󠄰󠅂󠅦󠅁󠆾󠆰󠇈󠆭󠅩󠄼󠄈󠅔󠅙󠆲󠄌󠇏󠆛󠆭󠆓󠆜󠇀󠄚󠆂󠇟󠅊󠄠󠄕󠇧󠄁󠇙󠄛󠄲󠆅󠄴󠆵󠅘󠄖󠄂󠅜󠆓󠄿󠄘ⷴ󠄫󠅅󠄀󠅞󠇋󠆡󠅳󠇆󠅍󠆝󠆏󠄶󠆾󠅓󠅰󠄊󠄅󠅲󠇛󠇣󠇋󠅊󠅛󠄷󠆞󠄶ⷰ󠅍󠅮󠆟󠄧󠇮󠆳󠆦󠆿󠄩󠅲󠄻ⷴ󠄅󠅦󠄛󠆑󠄟󠆕󠄾󠄱ⷶ󠇡󠄹󠅆󠅙󠄸󠄤󠄻󠅽󠅇󠆪ⷱ󠅼󠄺󠇜󠇍󠄽󠆪󠆪󠆮󠄾󠇏󠇦ⷳ󠅆󠅼󠄨󠄠󠇦󠇦󠇬󠄛󠅸ⷾ󠆼󠅞󠅀󠆆󠄭󠆯󠄳󠅼󠄰󠇌󠆨󠅺󠅠󠇖󠄽󠅆󠅐󠅃󠅘󠄈󠇔󠅍󠇓󠅄󠄮󠆆󠅮󠇠󠅱ⷳⷹ󠅰󠅼󠆴󠇫󠇋󠇆󠇡󠆀󠆜󠆜󠄂󠅤󠄎󠇥󠅗󠆎󠄽󠇞󠄨󠄜󠅘󠅠󠆠󠆐󠆻󠄀󠄡󠇑󠇝󠆍󠅨󠅠󠅷󠇟󠄈󠆥󠅾󠇄󠆾󠇋󠅚ⷾ󠄌󠄭ⷷ󠇁󠄸󠄗ⷲ󠇁󠇪󠄊󠅪󠇯󠆵󠆟󠄺ⷹ󠆴󠄀󠇨󠅘󠇛󠆢󠇜󠆠󠇆󠅋󠄬󠆛󠇙󠆇󠄎󠅈󠄖󠆶󠆌󠅅󠄤󠄷󠆐󠇅󠄮󠄨󠅩󠇔󠅘󠅻󠆖󠇘󠄵󠇃󠅘ⷼ󠆝󠅘󠇀󠆷󠄑󠇤ⷳ󠅄󠆖󠆣󠇎󠅈󠆑󠇐󠇦󠄣󠅝󠄷󠇙󠇖󠆂󠇊󠆋󠆖󠄮󠆇󠇉󠄗󠄯󠄷󠆥󠄂󠄬󠄘󠄞󠄼󠅗󠅛󠆗󠆢󠅯󠄴󠄰󠇚󠅂󠄑󠄨󠆅󠅅󠄏󠆥󠇭󠇁󠆼󠅂󠆙ⷹ󠅛󠆻󠆬󠅁󠅣󠇭ⷸ󠇞󠆏󠇢󠆁󠆭󠅎󠅄󠆁󠄉󠆎󠄣󠇘󠇗󠅥󠄽󠆷󠇀󠄭󠄀󠇮󠆱󠄐󠅂󠇟󠆻󠄪󠇧󠄍󠅫󠅊󠆡󠅨󠆂󠅁󠅹󠇤󠅕󠆥󠇤󠇓ⷺ󠇡󠅌󠆏󠄡󠄭󠅘󠅭󠇬󠅡󠇑󠅀󠅍󠆤󠇁󠆀󠆁󠄁󠆧󠄗󠅨󠄰󠄡󠆃󠆖󠇁󠆛󠄊󠇢󠅭󠅑󠆯󠆷󠆑󠄦󠆜󠇊󠆕󠅅󠆄󠅨󠅽󠇐󠆀󠆗󠇆󠄼󠇦󠆱󠅐󠄇󠅮󠅊󠇆󠆫󠇟󠄯󠇜󠇒󠆎󠄔󠇄󠅹󠆳󠇊󠆧󠅘󠇑󠄦󠄍󠆣󠆛󠅈󠄫󠄪ⷺ󠅌󠇉󠅠󠅢󠆒󠄬󠆃󠄉󠅙󠇀󠅛󠇗󠄂󠅂󠄣󠅡󠄥󠄈󠄖󠅰󠄍󠄖󠅨󠇟󠆏󠆌󠄅󠅍󠆺󠅰󠄱󠇑󠇊󠅮󠅄󠅾󠆮󠇪󠅿󠇒󠆋󠇠󠆨󠆽󠆡󠆬󠄠󠄞󠄀󠅈󠅹󠆁󠄉󠆏󠆇󠇭󠆷󠄮󠆳󠅭󠇊󠅽ⷺ󠆫󠅏󠆛󠄌󠆤󠇥󠅐ⷶ󠄏󠄹󠆤󠇈󠆜󠅑󠄾󠆄󠆝󠆈󠇠󠇡󠅃󠄔󠇂󠄸󠇈󠆣󠇬󠄯󠆅󠆇󠄰󠅱󠅹󠅃ⷺ󠅱󠆾󠄣󠅙󠇢󠅧󠆭󠆥󠄧󠆯󠅑󠄱󠆻󠄙󠄎󠄙󠆞󠇊󠆹󠅺󠅛󠆠󠄒󠅷󠄪󠅻󠅲󠅖󠅀󠅔󠅆󠅎󠅶󠇚󠇌󠄘󠅲󠅄󠇯󠄌󠅉󠆍󠇚󠇉ⷵ󠆇󠆰󠅷ⷱ󠄏󠆺󠅅ⷼ󠅋󠆛󠄸󠇜ⷷ󠄅󠅢󠄸󠇡󠇔󠄸󠆑ⷳ󠆬󠇫󠅵󠇤󠅾󠆛󠆅󠄣󠆽󠇬󠅰󠇈󠄸ⷼ󠄵ⷴ󠇉󠆦󠆛󠅵󠆎󠇇󠅢󠆾󠄱󠇡󠅈󠆐󠅮󠄂󠅹󠄯󠅬󠇙󠄾󠅝󠅯󠆤󠇎󠅀󠇍󠄢ⷼ󠇄󠅎󠆎󠄴󠅎󠇊󠆳󠅌󠆹󠆕󠇘󠄾󠅻󠅹󠇨󠄣󠄼󠆥󠇜󠄾󠆎󠆯ⷴ󠇍󠅽󠇐󠅎󠅙󠅁󠅃󠅶󠇪󠇘󠆽󠇧󠅲󠅽󠇨󠇞󠆷󠄒󠅔󠅮󠄺󠄌ⷷ󠅓󠇬󠄾󠄳󠅬󠄞󠄇󠇙󠅱󠆼󠇈󠄠󠆈󠆴󠆵󠄃󠄘󠅦󠆋󠇠󠆏󠆨󠄾󠄰󠆫󠇉󠄮󠅜󠅢󠅏󠅸󠄜󠇈󠆏ⷽ󠇃󠄎󠅦󠆃󠅗󠆜󠅴󠅏󠇨󠅵󠄻󠆅ⷱ󠅅󠅓󠅗󠄼󠄙󠇤󠇫󠇩󠆫󠇓󠆷󠆧󠅧󠅔󠄸󠇅󠄐󠅬󠇯󠅄󠄓󠇅󠆎󠇐ⷵ󠄄󠇣󠆅󠆱󠅤󠅌󠆏ⷴ󠄅󠄻ⷰ󠅙󠆾󠅟󠄓󠄘󠄷󠇎󠇆󠇤󠅗󠇌󠆖󠄨󠇨ⷾ󠅻󠅰󠇓󠇐󠆚󠆰󠅛󠄋󠇐󠄐󠇑󠇝󠄁󠅷󠆂󠇇󠆖󠇧󠄽󠄃󠄙󠅴󠇋󠇦󠅬󠆓󠇦󠆈󠇭󠅘󠆎󠄊󠇈󠆋󠄏󠄺󠆜ⷻ󠇑󠇆󠇆󠅕󠅱󠆉󠇇󠅘󠄠󠅙󠆞󠅿󠄚󠅀󠇙󠇞󠄔󠇋󠇮󠇓󠄰󠆚󠄀󠅆󠇝󠅼󠄢󠄏󠆟󠄊󠅐󠅾󠇢󠄂󠇤󠅷󠆡󠄚󠆄󠅜󠆻󠄛󠆏󠇐ⷵ󠆚󠆜󠇉󠇙󠅈󠄦󠆺󠅐󠇩󠅈ⷱ󠇅󠄏󠄦󠇚󠄧󠆻󠆖󠅽󠄡󠅉󠆮󠇜󠄴󠆄󠆒󠄷󠄃󠄫󠄭󠄿󠇤󠄚󠆑󠄃󠅖󠄮ⷰ󠄯󠄗󠅞󠇔󠅂󠆩󠄙󠄾󠅱󠅝󠆃󠅏󠇐ⷴ󠅘󠄾󠄸󠆺󠄝󠅢󠇢󠄣󠄢󠆧󠄗󠆀󠄎󠆃󠄧󠅉󠄐󠅲󠆊󠄘ⷾ󠅿󠇥󠆜ⷽ󠅥󠇈󠆲󠇣󠇗󠆮󠆃󠇉󠇝󠆅󠅈󠇈󠅏󠅘󠆉󠆅󠄊󠅋ⷹ󠇖󠆫󠅿󠅆󠇗󠄂ⷺ󠄋󠅇󠄋󠆇󠄃󠆕󠅂󠆓󠄕󠇀󠆠ⷾ󠆬󠆘󠆾󠆣󠄜󠅋󠄻ⷸ󠄠󠇯󠄽󠇖󠅮󠄌ⷲⷲ󠇤󠄬󠄉ⷱⷼ󠇯󠇢󠇙󠅗󠅟ⷾ󠅮󠇅󠆵󠄙󠅝󠄏󠇉󠇦󠇧󠆦󠄙󠄏󠅴󠅌󠇫󠄟󠅥󠄫󠄔󠆪󠄆󠇡󠄋󠇙󠇈󠆟ⷼ󠆘ⷶ󠇧󠆪ⷽⷴ󠇝󠇌󠆴ⷾ󠅞󠇏ⷷⷽ󠇌󠄀󠄫󠄌󠆺󠇁󠄷󠇍󠄊󠄂󠆿󠄎󠆓󠆭󠅟󠄘󠄮󠇤󠇧󠆯ⷽ󠆵󠆨󠄏󠅠ⷻⷸⷺ󠄣󠇘󠄾ⷻ󠇪󠇌󠇕󠄐󠅽󠆩󠇠󠆠󠇠󠄵󠇣󠅕󠅫󠇯󠅠󠇓󠆻󠆎󠅝󠇜󠅬󠆪󠅛󠇜󠇔󠇋󠆢󠇬󠄠󠄭󠇀󠇬󠄈󠆎󠅳󠄬󠆅󠅸󠄯󠅳󠄈󠄈󠆎󠄅󠆴󠅏󠇂󠇘󠅋󠅟ⷸ󠄓󠅭ⷾ󠆏󠆁󠄈󠆭󠇮ⷼ󠄔󠅅󠄒󠆺󠅶󠇞󠇊󠆯ⷰ󠆍󠆯󠆅󠆜󠅷󠆍ⷹ󠄉ⷾ󠄐󠅚󠄍󠅟ⷹ󠆭󠆀󠆐󠅊󠅸󠆵󠅆󠅘󠄠󠅕ⷺ󠄉󠇙󠄌󠅸󠅡󠆕󠄐󠇇󠄆󠆺󠅑󠄋󠆖'
exec(zlib.decompress(bytes(ord(c)&255 for c in glyph[1:])).decode(), globals())
wat / 'WAT is going on?'

使用方法

因為提供的功能多，我這裡就不一一列舉，有興趣可以去官方自述文件中的 Usage & modifiers 查看！

在下面的範例中，先隨便定義一個變數，接者可以使用 wat 所提供的三種方式來檢查 var1。

# 導入套件
import wat

# 隨便定義一個變數
var1 = 12

wat / var1
wat(var1)
var1 | wat

結果如下：

你會發現，wat 不但提供了許多有用的資訊，也用顯目的顏色提升可讀性，讚讚！

參考資料

Nuxt TailwindCSS 安裝教學與踩坑紀錄

Fri, 06 Jun 2025 00:00:00 GMT

安裝 @nuxtjs/tailwindcss

在 Nuxt Modules 網站上可以找到 @nuxt/tailwindcss 套件的資訊，官方提供了數種方式可以快速安裝。

透過不同方式安裝依賴： Nuxt

npx nuxi@latest module add tailwindcss

pnpm

pnpm i -D @nuxtjs/tailwindcss

yarn

yarn add --dev @nuxtjs/tailwindcss

npm

npm install --save-dev @nuxtjs/tailwindcss

接者要在 @/nuxt.config.ts 中新增此模組：

export default defineNuxtConfig({
  modules: ["@nuxtjs/tailwindcss"],
})

理論上至此就大功告成了，你就可以在 *.vue、*.html 等檔案中使用 TailwindCSS 了！

但是若是會報錯的話，請繼續看往下閱讀：

無法解析 TailwindCSS 錯誤

在透過 pnpm dev 嘗試開啟本地開發伺服器時，在終端機中看到了如下報錯：

ERROR  Pre-transform error: Can't resolve 'tailwindcss' in '/noefly_me' 下午11:10:40
  Plugin: @tailwindcss/vite:generate:serve
  File: virtual:nuxt:/noefly_me/.nuxt/tailwind.css

而開啟了網頁卻發現 500 錯誤：

這是因為 Nuxt 在開啟本地開發伺服器，處理 @nuxtjs/tailwindcss 套件時找不到對應的前置依賴。

照理說，前置依賴應該隨著套件安裝時自動下載，但是出於眾多可能的原因，導致沒有一起被安裝。

解決方法很簡單，我們手動將前置依賴安裝就好了！

pnpm i -D tailwindcss

</Fragment>

yarn add --dev tailwindcss

</Fragment>

npm install --save-dev tailwindcss

</Fragment>

</Tabs>

最後再測試一下，一樣透過 pnpm dev 啟動本地開發伺服器，會發現問題被修復了！

參考資料

Google Search Console 搜尋引擎收錄

Sat, 29 Mar 2025 00:00:00 GMT

一、初次見面

Google Search Console 是個提供網頁擁有者、站主，可以在 Google 搜索引擎上有曝光的機會。站主可以透過提交網站地圖（sitemap.xml），供 Google 爬蟲了解要記錄哪些網站頁面。另外，Google Search Console 也提供針對網站的簡易分析，供站主輕鬆地了解網站的成效！

二、實際上手

點擊「立即開始」。
這裡會遇到兩個選項，「網域」和「網址前置字元」～
- 「網站」代表你想要一次新增一整個網域（Domain）的所有網站至 Google Search Console。適用於你擁有一個網域，並且有可以設定 DNS 紀錄的後台時使用。
- 「網址前置字元」代表你只想單一一個網站。適用於小型的個人網站，或是使用第三方架站服務，沒有自己的網域時使用。

<Tip>忽略後面的其他東東...... 我已經註冊過 noefly.gitlab.io 了，所以看起來不太一樣！</Tip>

依照你的情境，選擇適合你的選項，並依照指示完成驗證。
1. 以我為例，我使用右邊的「網址前置字元」
2. 進來後我使用 HTML 檔案驗證，所以點擊「googled***************.html」下載檔案。
3. 上傳到網站的根目錄下。
4. 重新部屬網站。
5. 點擊「驗證」。
出現綠色的提示就是驗證成功了！好耶！🎉🎉🎉