把手上現成的筆記、表格、清單交給 Claude,得到一個可以搜尋、分類、加書籤、寫心得的手機閱讀網頁。 一個 HTML 檔就是全部——存在手機上斷網也能讀,傳到手機用瀏覽器就能開,想要網址也可以部署上雲端。
資料丟進去,出來的是一疊可以帶著走的索引卡
| 類別 | 功能 |
|---|---|
| 找 | 全文搜尋(連自己寫的筆記也搜)、底部分頁與各頁命中數、多組篩選(同組任一、跨組同時符合)、點卡片裡的標籤直接篩選 |
| 記 | 書籤、已讀(自己點 ○ 標記)、每張卡的個人筆記(打字自動存)、匯出/匯入(換手機時搬資料) |
| 複習 | 練習模式(在「篩選」→「模式」打開,預設關閉;打開後展開卡片先遮住,點「顯示答案」才出現,設定會記住)、隨機抽一張(優先抽還沒標已讀的)、今日一卡 |
| 看 | 主題(跟隨系統/淺色/深色)、字級四段,都在右上「⋯」;出處可折疊 |
| 指定卡片 | 網址版可以在網址後加 #r=卡片代號,打開就直接跳到那張卡;用 🎲 或今日一卡打開時網址列會自動帶上。介面上沒有「分享」按鈕。 |
做的時候還可以指定:英文介面、整理版與原文並列(需要資料本身帶原文)、張數單位(家、則、字)。
示意圖:頂欄只留書籤、隨機、設定三顆按鈕,把空間留給標題;卡片左側色帶依一組篩選值上色。
# 時,底下每個 ## 一張卡;有多個 # 就每個 # 一張卡(## 變卡內小標)# → 檔名#標籤 與檔頭 tags 變成篩選,也在卡片裡可點> 引文 收進可折疊的出處;圖片不會帶進來(見 06)http(s):// 開頭的完整網址才會變連結(www. 開頭的不算)你只要下指令;Claude 會照這個流程走,每一步都有腳本
一張卡=一個能單獨讀懂的概念(一個重點、一則問答、一個單字、一家公司)。分頁 2~6 個、篩選 1~4 組。資料結構明顯就直接做,有歧義才問你。
所有來源都先轉成同一份 reader.json。轉完會打開看前幾張卡,不對就調整。
產出單一 HTML。格式有錯(id 重複、分類不在清單內)會直接停下並指出哪張卡;卡片數比上次少超過 10% 也會擋下,避免把壞掉的空殼當成品。資料沒變,重建出來一個位元都不差。
核對卡片數、確認沒有任何外部資源、內嵌資料安全;電腦有裝 Node.js 時再把每張卡實際渲染一次(沒有就略過並提醒);本機路徑或金鑰之類的敏感字樣會提醒。
預設給你一個檔案。要網址就部署到 Cloudflare Pages:先掃敏感字樣,命中就不上傳;部署等於公開,Claude 會先跟你確認。第一次部署前,你要先有 Cloudflare 帳號、裝好 Node.js,並執行一次 npx wrangler login 在瀏覽器按「允許」。
資料改了就重跑同一套指令。書籤和筆記靠「卡片代號」對應:Markdown 由檔案路徑+卡片標題算出,表格預設用標題欄。卡片內文怎麼改都沒關係;改了某張卡的標題或檔名,那張卡的書籤筆記就對不上。表格有代號之類不會變的欄位時,可以請 Claude 拿它當卡片代號。整份閱讀版改名的話,除非第一次就固定「儲存代號」,否則全部書籤筆記都會對不上。
核心判斷:「一堆現成的條目,想在手機上查、翻、讀」
| 情境 | 一張卡是 | 分頁 | 篩選 | 好用的功能 |
|---|---|---|---|---|
| 讀書筆記 | 一個重點 | 書名 | 標籤、難度 | 個人筆記、今日一卡 |
| 客服 FAQ | 一問一答 | 產品線 | 問題類型 | 搜尋、檔案版離線查 |
| 單字卡 | 一個字 | 單元 | 程度、詞性 | 練習模式、隨機抽 |
| 公司 SOP | 一個步驟或情境 | 流程 | 角色、頻率 | 部署成網址貼到 LINE 群組 |
| 交易規則手冊 | 一條規則 | 主題篇 | 方向、時間框架、來源 | 出處折疊、原文並列 |
| 指令速查表 | 一條指令 | 工具 | 用途標籤 | 點標籤篩同類 |
| 產業/公司資料表 | 一家公司 | 產業 | 上中下游 | 官網可點 |
| 考試重點 | 一個考點 | 科目 | 章節 | 練習模式、隨機抽 |
不適用——這些交給別的工具比較好:
不必說「隨身讀」——說「手機上看」「離線查」「做成卡片」就會用到它
skills/隨身讀 整個資料夾複製到那台電腦使用者資料夾底下的 .claude/skills/(步驟見 skills/隨身讀/README.md)。講得越清楚,第一版就越接近你要的;沒講的部分 Claude 會照資料的樣子自己決定,做完再改也很快。
六種常見說法,以及會得到什麼
D:\Obsidian\讀書筆記\ 有五本書的心得(一本書一個檔),幫我做成手機隨身讀,一本書一個分頁,可以依標籤篩選,放到 D:\site\books\## 一張卡,底部分頁是書名;#標籤 變成篩選,卡片裡的標籤點了就只看同一類。D:\資料\產業鏈.csv,Excel 另存),想在手機上一家一家翻,按產業跟上中下游篩選,官網要能點https:// 開頭的完整網址時,會自動變成可點的連結。vocab.json 做成通勤背單字用的卡片,英文介面,練習模式時只露出詞性和程度,意思先遮住SOP.md 很長,## 是流程、### 是步驟,做成手機可以依流程瀏覽、搜尋的版本,丟 LINE 群組大家點開就能看## 當分頁、### 當卡片;每個流程開頭的說明(適用範圍、負責人)自成該分頁的第一張卡。要群組裡人人點開就能看,最穩的是部署成網址再貼連結。my-ruleshttps://my-rules.pages.dev;名稱已被別人用走時 Cloudflare 會配帶後綴的網址,腳本會印出實際的那一個。D:\Obsidian\讀書筆記 的筆記改了,照旁邊存的指令重建隨身讀,並重新部署 與 Obsidian 的 ![[圖片]] 轉換時都會略過。要保留請改寫成一般連結,例如 [看圖](https://…)。