Gist程式碼分享、筆記記錄的最佳工具 -2

 

本文將延續本站文章《Gist程式碼分享、筆記記錄的最佳工具-1》一文的情境，介紹如何在Visual Studio Code開發工具中使用GistPad-MCP擴充套件，並透過GitHub Copilot與GistPad MCP來存取Gist。

使用GistPad-MCP擴充套件

GistPad-MCP擴充套件是Visual Studio Code開發工具的最佳Gist管理工具。

什麼是GistPad-MCP擴充套件？

GistPad-MCP 是一款專為 Visual Studio Code開發工具打造的強大MCP Server擴充套件，讓程式開發者能夠在 Visual Studio Code開發工具中直接存取、管理、編輯自己的Gist。其最大特色在於整合無縫、介面直覺、完全免切換到瀏覽器操作，並且支援 Markdown 筆記、程式碼片段、日誌記錄、草稿管理等功能。更詳細的說明可參考以下網址：「https://github.com/lostintangent/gistpad-mcp」。

以下是 GistPad-MCP 擴充套件可以進行的常用操作：

 Gist 基本操作：

• 列出所有 Gist ：查看自己的所有 Gist。
• 建立新 Gist ：建立新的 Gist（可設為公開或私人）。
• 取得 Gist 詳細內容 ：查看特定 Gist 的完整內容。
• 刪除 Gist ：永久刪除指定的 Gist。
• 複製 Gist：從現有 Gist 建立副本。
• 更新 Gist 描述：修改 Gist 的描述文字。

檔案管理操作：

• 新增檔案到 Gist ：在現有 Gist 中建立新檔案。
• 更新檔案內容：修改 Gist 中檔案的內容。
• 刪除檔案：從 Gist 中移除特定檔案。
• 重新命名檔案：更改 Gist 中檔案的名稱。

評論功能：

• 列出所有評論：查看 Gist 的所有評論。
• 新增評論：在 Gist 上發表評論。
• 編輯評論：修改現有評論內容。
• 刪除評論：移除特定評論。

收藏與歸檔：

• 收藏 Gist：標記喜愛的 Gist。
• 取消收藏：移除收藏標記。
• 列出收藏的 Gist：查看所有收藏的Gist。
• 歸檔 Gist ：將 Gist 移至歸檔。
• 取消歸檔：從歸檔中恢復 Gist。
• 列出歸檔的Gist：查看所有歸檔的 Gist。

每日筆記功能

• 取得今日筆記：取得或建立今天的每日筆記。
• 更新今日筆記：修改今天的筆記內容。
• 取得特定日期筆記：查看指定日期的筆記。
• 列出所有每日筆記：查看歷史每日筆記。
• 刪除每日筆記：移除特定日期的筆記。

AI 提示詞管理

• 新增 AI 提示詞：創建新的 AI 提示詞樣板。
• 刪除 AI 提示詞：移除現有的提示詞樣板。

安裝GistPad-MCP擴充套件

在Visual Studio Code開發工具安裝GistPad-MCP擴充套件步驟如下：

• 開啟Visual Studio Code開發工具
• 按下 Ctrl + Shift + X，打開擴充程式功能商店
• 搜尋「GistPad-MCP」
• 點選「Install」進行安裝

請參考下圖所示：

圖 1：安裝GistPad擴充套件

安裝完成後，Visual Studio Code開發工具左側的側邊欄會多出一個 GistPad 圖示，點選此圖示會引導進入登入畫面，點選其中的「Sign in」按鈕，Visual Studio Code開發工具將開啟瀏覽器以讓你登入 GitHub，請參考下圖所示：

圖 2：登入 GitHub

下一步會跳出對話盒要求授權 GistPad 允許使用GitHub帳號登入，請參考下圖所示：

圖 3：授權 GistPad 允許使用GitHub帳號登入

授權 GistPad 存取你的 Gist，請參考下圖所示：

圖 4：授權GistPad存取Gist

登入完成後，GistPad 就會自動載入你的所有 Gist，請參考下圖所示：

圖 5：GistPad操作介面

在GistPad操作介面中可以進行以下操作：

• 瀏覽 Gist：快速檢視所有 Gist，支援搜尋、篩選。
• 編輯 Gist：直接在 VS Code 編輯 Gist 檔案，支援版本控制。
• 新增 Gist：建立新 Gist，支援多檔案、Markdown 格式。
• 刪除 Gist：快速刪除不再需要的 Gist。
• Daily Notes（每日筆記）：建立每日筆記，適合撰寫工作日誌、任務清單、會議紀錄。所有每日筆記都會以日期自動排序、集中管理。

在GistPad新增Gist

為了方便在Visual Studio Code開發工具與GitHub Copilot聊天視窗中使用各式各種MCP伺服器，筆者按照以下步驟將常用的MCP伺服器的設定新增到Gist之中以方便查閱。

在GistPad操作畫面新增 Gist步驟如下，點選「+」按鈕（New Secret Gist）建立Secret Gist；或右邊的「New Public Gist」按鈕來建立Public Gist，請參考下圖所示：

圖 6：在GistPad新增Gist

在跳出來的對話盒中輸入簡單的Gist描述，例如：「gistpad mcp.json」，請參考下圖所示：

圖 7：Gist描述

填入檔案名稱，請參考下圖所示：

圖 8：檔案名稱

在中間程式編輯視窗中輸入內容，例如：

{

  "servers": {

    "gistpad": {

      "command": "npx",

      "args": ["-y", "gistpad-mcp"],

      "env": {

        "GITHUB_TOKEN": "ghp_uy…………K1kY1"

      }

    }

  }

}

新增的結果看起來如下圖所示：

圖 9：新增Gist

透過GitHub Copilot與GistPad MCP來存取Gist

下一步我們將說明如何在Visual Studio Code開發工具中透過GitHub Copilot與GistPad MCP來存取Gist。在GitHub Copilot聊天視窗，選取下方的「Agent」切換到代理模式（Agent），然後選擇一個適當的模型，例如「Claude Sonnet 4」，接著在文字方塊中輸入提示，例如：

使用Gists Pad MCP Server查查我有哪些gist

這個提示的執行結果請參考下圖所示：

圖 10：查詢Gist

在GitHub Copilot聊天視窗撰寫以下提示以搜尋Gist：

Gist中目前有哪些MCP設定檔?

這個提示的執行結果請參考下圖所示：

圖 11：搜尋Gist

在GitHub Copilot聊天視窗撰寫以下提示以搜尋Gist：

幫我找找gist上的playwright mcp設定檔

這個提示的執行結果請參考下圖所示，找尋到設定檔之後，可以選取「Apply in Editor」直接將設定內容套用到中間程式編輯視窗中的mcp.json檔案內：

圖 12：搜尋與套用到程式編寫視窗

新增Gist

我們可以透過GitHub Copilot與GistPad MCP來新增Gist。舉例來說，進行以下步驟：使用Visual Studio Code開發工具 「File」>「Open Folder」開啟一個資料夾，當作專案根目錄。在專案中加入一個「.vscode」資料夾，在此資料夾中加入一個「mcp.json」檔案。修改專案中的mcp.json檔案如下，這是「fetch」MCP伺服器的設定：

mcp.json

{

  "servers": {

    "fetch": {

      "command": "uvx",

      "args": ["mcp-server-fetch"]

    }

  }

}

在GitHub Copilot聊天視窗撰寫以下提示： 

將目前mcp.json檔案加到Gists，放到"MCP Server mcp.json"分類中，檔名設為"fetch_mcp.json"

這個提示的執行結果請參考下圖所示：

圖 13：新增Gist

可從GitPad查看新增的Gist，請參考下圖所示：

這個提示的執行結果請參考下圖所示：

圖 14：從GitPad查看新增的Gist

以下提示則是將純文字的AI提示詞儲存到Gist之中：

將目前的提示檔，改成Gist Pad的Markdown標準格式，然後使用GistPad建立一個Gist集中管理所有的AI提示，並幫目前提示儲存到Gist之中

這個提示的執行結果請參考下圖所示：

圖 15：新增AI提示詞

從GitPad介面可以看到新增一個AI提示詞集中管理的Gist，其中包含兩個檔案，一個是Markdown格式的提示檔，請參考下圖所示： 

圖 16：建立Gist

另一個是Readme.md檔案，請參考下圖所示：

圖 17：Readme.md檔案

總結

GistPad-MCP是一款專為Visual Studio Code所設計的強大擴充套件，結合GitHub Gist 與 MCP（Model Configuration Protocol）伺服器管理功能，為開發者提供一個高度整合、介面直覺且功能完善的 Gist 操作環境。透過 GistPad-MCP，使用者可在不離開 Visual Studio Code開發工具的情況下，便捷地存取、管理與編輯 Gist 檔案，有效提升開發效率與工作流程的流暢性。

此擴充套件涵蓋了 Gist 的各項操作，包括表列、建立、複製、刪除與編輯 Gist，並支援對單一 Gist 內的檔案進行新增、刪除、重新命名與內容更新。此外，GistPad-MCP 還提供完整的評論管理功能，支援評論的新增、修改與刪除，讓團隊協作更加便利。

進一步地，GistPad-MCP 提供收藏與歸檔機制，協助使用者依據需求管理 Gist 資料，並內建「每日筆記」功能，可快速建立並檢視不同日期的筆記，便於日常工作記錄與追蹤。AI 提示詞管理亦是一大亮點，使用者可透過該功能集中管理 AI 提示樣板，並搭配 GitHub Copilot 實現智慧提示與即時應用。

安裝與啟用 GistPad-MCP 十分簡便，只需透過 Visual Studio Code 擴充商店搜尋並安裝即可。登入 GitHub 並授權後，GistPad 介面將自動載入使用者的所有 Gist，並支援透過 Copilot 聊天視窗進行 Gist 查詢、搜尋與套用操作，實現高度互動的 Gist 管理模式。

整體而言，GistPad-MCP 擴充套件不僅提升了 VS Code 與 GitHub Gist 的整合程度，亦讓 MCP 伺服器設定管理與日常開發任務更為高效與有組織，是現代開發者不可或缺的生產力工具之一。