你的Markdown散落一地,一條命令變成文檔站(附教程)

作者:神器每日推送
日期:2026年4月27日 上午9:39
來源:WeChat 原文

整理版優先睇

速讀 5 個重點 高亮

DocMD:一條命令將Markdown變成文檔站,輕量高效

整理版摘要

呢篇文章係作者根據自己嘅實測經驗,介紹一個叫 DocMD 嘅命令行工具。作者本身有好多 Markdown 文件,想快啲將佢哋變成一個可以訪問嘅文檔網站,而唔想掉入配置地獄。佢嘅整體結論係:DocMD 嘅初始 JS 負載只有約 18KB,一條命令就可以起一個本地站點,仲可以一鍵 build 出靜態檔案部署,好適合已有 Markdown 想快速建站嘅人。

作者詳細講咗使用流程:先用 `npx @docmd/core dev` 喺本地起站,睇到效果先決定下一步;然後用 `npx @docmd/core build` 生成 site/ 文件夾,部署前做 4 個檢查。配置方面,佢建議「先零配置跑起來,再補配置」,仲話可以用 AI 直接睇你個文件夾幫你改配置,呢個係最慳時間嘅方法。

最後佢將 DocMDMkDocsVitePressDocusaurus 做咗比較,指出 DocMD 嘅優勢係輕量、唔使寫配置、冇依賴。佢嘅建議係:先將 Markdown 放入 docs/,跑 dev 睇效果,再決定使唔使 build 同自訂。呢個流程唔會一開始就嚇親人,好實用。

  • DocMD 係一個生產級文檔生成工具,一條命令即可將 Markdown 目錄變成靜態文檔網站,初始 JS 負載僅約 18KB。
  • 使用流程分兩步:先用 `npx @docmd/core dev` 本地預覽,確認值得做站之後再用 `npx @docmd/core build` 生成 site/ 文件夾。
  • 配置建議「先零配置,後補配置」:唔好一開始就諗配置,等睇到站點覺得有需要先改 `docmd.config.js`。
  • 自訂最慳時間嘅方法係叫 AI 直接睇你個文件結構,然後幫你改導航、樣式、頁腳等,唔使自己慢慢翻文檔。
  • 對比其他工具(MkDocsVitePressDocusaurus),DocMD 嘅優點係輕量、唔需寫配置、冇生態依賴,適合已有 Markdown 想快速建站嘅人。
值得記低
連結 github.com

DocMD 項目地址

GitHub 倉庫,包含原始碼、文檔同發行版

連結 live.docmd.io

DocMD 在線體驗

官方提供嘅 live demo,可以直接試用

整理重點

工具簡介同快速啟動

DocMD 係一條命令嘅靜態文檔站生成工具,佢可以將成個 Markdown 目錄自動生成導航同搜尋功能。作者話,呢個工具「神仙級」,因為佢真係一條命令就搞掂。

一條命令將 markdown 文檔生成美觀的靜態文檔網站

啟動方法好簡單:只要你嘅電腦有 Node.js,打開終端,入去放 Markdown 嘅文件夾(例如桌面 test/docs),然後執行 `npx @docmd/core dev`。佢會自動掃描 docs/ 下面嘅檔案,按目錄層級生成左邊導航,開一個本地站點俾你預覽。

npx @docmd/core dev

呢一步最適合驗證你手頭嘅 Markdown 值唔值得獨立做站。作者話:「先看到東西,再決定要不要折騰配置。

整理重點

構建同部署檢查

當你喺本地睇完滿意之後,就可以用 `npx @docmd/core build` 生成最終嘅靜態檔案。佢會產生一個 site/ 文件夾,裏面就係你要上傳嘅內容。

npx @docmd/core build

作者建議 build 之後做 4 個檢查:

  1. 1 打開 site/index.html
  2. 2 點左側菜單,確認頁面跳轉正常
  3. 3 刷新子頁面,睇嚇會唔會 404
  4. 4 檢查圖片、CSS、JS 有冇丟

最易犯嘅錯係上傳咗 docs/ 而唔係 site/。記住要傳 site/ 先得。

上傳的是 docs/,真正該上傳的是 site/

整理重點

配置同自訂最慳時間嘅方法

好多人一見到 `docmd.config.js` 就開始驚。作者話其實冇必要,最順手嘅用法係「兩段式」:先零配置跑起來,邊度唔滿意先補邊度。

先零配置跑起來,哪裏不滿意,再補哪裏

如果你要用 `require('@docmd/core')` 寫配置,就需要先喺本地安裝:`npm install @docmd/core`。最小配置就係改 title 同 url。

程式內容 javascript
const { defineConfig } = require('@docmd/core');
module.exports = defineConfig({
 title: '你的站點名稱',
 url: 'https://your-domain.com',
});

但而家最慳時間嘅方法唔係自己翻文檔,而係叫 AI 直接睇你個項目文件夾,然後幫你改。作者話,你可以將成個文件夾(包括 docs、config、自訂 CSS/JS)交俾 AI,然後下指令例如「幫我將側邊欄按 AI 觀點 / 開發者工具 / 行業與商業分組」。

讓 AI 直接看你的文件夾

呢個方式比起你自己逐項改快好多,因為 AI 睇到係你真實嘅文件,改出嚟更貼近你個站。

整理重點

同其他方案嘅比較

DocMD 官方提供咗初始 JS 負載數據(約 18KB),作者將佢同幾款流行工具做對比:

工具 | 初始負載 | 需要寫配置 | 生態依賴 DocMD | ~18KB | 唔需要 | 無 MkDocs | ~40KB | 需要 | Python VitePress | ~50KB | 需要 | Vue Docusaurus | ~250KB | 需要 | React

呢個表嘅重點係DocMD 唔單止輕量,仲唔需要寫配置同冇生態依賴。好適合一種現實需求:你手頭已經有一堆 Markdown,你只係想盡快將佢哋變成一個可以訪問嘅站。

初始 JS 負載大約是 18KB

不需要寫配置

無生態依賴

整理重點

最後流程建議

作者嘅建議好簡單:先將 Markdown 放入 docs/,然後跑 `npx @docmd/core dev`。睇到站點之後,再決定要唔要 build,要唔要配導航,要唔要叫 AI 幫你改。

先把 Markdown 扔進 docs/

呢套流程唔會一開始就將你拖入配置地獄。先跑起來,後面再慢慢長。

圖片

尋晚研究咗成晚DocMD,呢個係神仙級嘅生產級文檔生成命令行工具,一條命令就可以將markdown文檔生成靚嘅靜態文檔網站,實測之後,我已經好鍾意佢。

前置條件:你只需要npx

npx會跟Node.js一齊裝。

如果你電腦已經有Node.js,喺終端行以下命令:


node -v
npx -v

兩個命令都有輸出,就可以繼續。

圖片

如果未裝,去Node.js官網下載Windows安裝包就得:

https://nodejs.org/zh-cn

裝完重開終端,再行多次上面兩個命令。

點樣啟動

我自己測試係咁做:喺桌面創建 test 文件夾,裏面創建docs子目錄,然後放5篇Markdown文件。題材好雜:AI觀點、工具教程、行業分析都有。

圖片

目錄類似:


test/
├── docs/
│   ├── index.md
│   ├── ai_detection_report.md
│   └── guides/
│       └── setup.md

然後喺powershell執行以下命令:


cd C:\Users\admin\Desktop\test
npx @docmd/core dev
圖片

DocMD就會自己開工:

  • 掃描 docs/ 下面嘅Markdown
  • 按檔案同文件夾層級生成導航
  • 喺本機開一個可以預覽嘅站點

呢步最啱用來驗證一件事:你手頭呢批Markdown,值唔值得單獨做個站。

瀏覽器會自動打開,本地站點即刻起好。左邊有導航,右邊係正文,搜索同亮暗切換都有。成個過程比我想像簡單好多。

呢類工具,真正有價值嘅地方就係一件事:首先將個站運行起嚟。 先見到嘢,再決定使唔使搞配置。

>>>瀏覽器打開powershell啱啱輸出嘅兩個地址是但一個就可以見到類似以下嘅文檔站

圖片


幾時用build

dev 係你自己喺本機睇。

要俾人訪問,要上線,要部署,就行:


npx @docmd/core build

行完之後,目錄會多咗一個 site/ 文件夾。呢個文件夾就係構建產物,即係你真正要上傳嘅嘢。

圖片

我建議構建後做4個檢查:

  1. 打開 site/index.html
  2. 㩒左側菜單,確認頁面跳轉正常
  3. 重新整理子頁面,睇下會唔會404
  4. 檢查圖片、CSS、JS有冇漏

都冇問題嘅話,site/ 就可以部署。

呢度最易犯嘅錯都好典型:上傳嘅係 docs/,真正應該上傳嘅係 site/。

圖片

配置呢件事,唔好嚇親自己

好多人一見到 docmd.config.js 就開始縮。

其實冇必要。

DocMD最順手嘅用法就係兩段式:

第一段,先零配置運行起嚟。第二段,邊度唔滿意,再補邊度。

例如站點標題想改,域名想補,導航想調,咁時候就建立 docmd.config.js。

不過有個實際坑要講清楚先。

如果你要喺配置文件裏便寫:


const { defineConfig } = require('@docmd/core');

咁你要先本地安裝一次:


cd C:\Users\admin\Desktop\test
npm init -y
npm install @docmd/core

原因好簡單。npx 負責臨時運行,require() 需要本機可以揾到呢個包。

裝完之後,最少配置其實得兩項:


const { defineConfig } = require('@docmd/core');

module.exports = defineConfig({
title:'你的站點名稱',
url:'https://your-domain.com',
});

好多人的需求,去到呢度就完咗。

自訂最慳水慳力嘅方法:直接叫AI睇你嘅文件夾

呢段我建議你直接記低。

唔好比「自訂」呢兩個字嚇親。 而家最慳水慳力嘅做法,往往唔係你自己去㩒配置文檔,而係叫大模型直接睇你嘅項目文件夾,然後幫你改。

例如我測試時用嘅係 C:\Users\admin\Desktop\test 呢個目錄。裏面有:

  • docs/
     裏面嘅Markdown
  • docmd.config.js
  • assets/css/custom.css
  • assets/js/custom.js

呢個時候你完全可以將呢個文件夾交俾AI,叫佢直接睇結構,再落指令。

圖片

例如你可以直接話:

  • 幫我將側邊欄按「AI觀點 / 開發者工具 / 行業與商業」分組
  • 幫我加一個頂部導航欄,右上角放GitHub連結
  • 幫我將主題改成更有質感嘅樣式
  • 幫我加一個頁腳,放簡介同聯絡方式
  • 幫我寫一份 custom.css,將標題字型大小、間距、卡片樣式調得更舒服

呢種方法比你自己慢慢㩒文檔快好多。

因為AI見到嘅係你真實嘅文件,唔係一個抽象需求。佢知道你而家有邊啲文章、目錄點排、配置文件寫到邊一步。佢改出嚟嘅嘢,會更加貼近你而家呢個站。

圖片

講到底,而家做自訂,最慳水慳力嘅路就係:先令個站運行起嚟,再叫AI按你嘅文件結構幫你改。

仲可以自訂啲咩嘢

DocMD常見嘅自訂點,基本就係呢幾類:

  • 主題切換:
    默認 sky,都可以換成 ruby、retro 呢啲風格
  • 側邊欄分組:
    將文章按主題整理成更清楚嘅結構
  • 頂部導航欄:
    啱放首頁、分類入口、外鏈
  • 頁腳:
    啱放簡介、品牌信息、聯絡方式
  • 自定義CSS / JS:
    啱微調樣式同補多少少交互

你唔使一次過做完。

先改最影響閲讀體驗嗰項。通常係導航,其次係樣式。

佢同其他方案差喺邊

DocMD官方畀嘅數據,初始JS負載大約18KB。

對比一下:

工具
初始負載
需要寫配置
生態依賴
DocMD
~18KB
不需要
MkDocs
~40KB
需要
Python
VitePress
~50KB
需要
Vue
Docusaurus
~250KB
需要
React

呢張表嘅重點唔止係輕量。

更加關鍵嘅係,佢適合一種好現實嘅需求:你手頭已經有一堆Markdown,你只係想盡快將佢哋變成一個可以訪問嘅站。

如果你嘅目標就係咁,DocMD嘅路徑確實更短。

最後點樣用呢套流程

我嘅建議好簡單:

首先將Markdown掉入 docs/。跑 npx @docmd/core dev。見到站點之後,再決定使唔使build,使唔使整導航,使唔使叫AI繼續幫你改。

圖片

呢套流程嘅好處就喺呢度。佢唔會一開頭就將你拖入配置地獄。先運行起嚟,後面再慢慢發展。

項目地址:

https://github.com/docmd-io/docmd

在線體驗:

https://live.docmd.io/

圖片

昨天晚上研究了一晚上DocMD,這是個神仙級的生產級文檔生成命令行工具,一條命令可將markdown文檔生成美觀的靜態文檔網站,實測下來,我已經喜歡上了它。

前置條件:你只需要npx

npx 跟着 Node.js 一起裝。

如果你電腦裏已經有 Node.js,終端跑一下:


node -v
npx -v

兩個命令都有輸出,就能繼續。

圖片

如果還沒裝,去 Node.js 官網下載 Windows 安裝包就行:

https://nodejs.org/zh-cn

裝完重開終端,再跑一遍上面的兩個命令。

怎麼啓動

我自己的測試是這樣的:在桌面上創建 test 文件夾,裏面創建docs子目錄,裏面丟進去5 篇 Markdown文件。題材很雜:AI 觀點、工具教程、行業分析都有。

圖片

目錄類似:


test/
├── docs/
│   ├── index.md
│   ├── ai_detection_report.md
│   └── guides/
│       └── setup.md

然後在powershell執行以下命令:


cd C:\Users\admin\Desktop\test
npx @docmd/core dev
圖片

DocMD就會自己幹活:

  • 掃描 docs/ 下面的 Markdown
  • 按文件和文件夾層級生成導航
  • 在本地開一個可預覽的站點

這一步最適合拿來驗證一件事:你手裏的這批 Markdown,到底值不值得單獨做個站。

瀏覽器自己打開,本地站點直接起來了。左邊有導航,右邊是正文,搜索和亮暗切換也都有。整個過程比我預想得簡單很多。

這類工具,真正有價值的地方就是一件事:先把站跑起來。 先看到東西,再決定要不要折騰配置。

>>>瀏覽器打開powershell剛才輸出的兩個地址任意一個即可看到類似以下的文檔站

圖片


什麼時候用 build

dev 是你自己在本地看。

要給別人訪問,要上線,要部署,就跑:


npx @docmd/core build

跑完之後,目錄裏會多出一個 site/ 文件夾。這個文件夾就是構建產物,也就是你真正要上傳的東西。

圖片

我建議構建後做 4 個檢查:

  1. 打開 site/index.html
  2. 點左側菜單,確認頁面跳轉正常
  3. 刷新子頁面,看會不會 404
  4. 檢查圖片、CSS、JS 有沒有丟

都沒問題,site/ 就能部署。

這裏最容易犯的錯也很典型:上傳的是 docs/,真正該上傳的是 site/。

圖片

配置這件事,別把自己嚇跑

很多人一看到 docmd.config.js 就開始退。

其實沒必要。

DocMD 最順手的用法就是兩段式:

第一段,先零配置跑起來。 第二段,哪裏不滿意,再補哪裏。

比如站點標題想改,域名想補,導航想調,這時候再創建 docmd.config.js。

不過有個實際坑要先說清楚。

如果你要在配置文件裏寫:


const { defineConfig } = require('@docmd/core');

那你得先本地安裝一次:


cd C:\Users\admin\Desktop\test
npm init -y
npm install @docmd/core

原因很簡單。npx 負責臨時運行,require() 需要本地能找到這個包。

裝完之後,最小配置其實就兩項:


const { defineConfig } = require('@docmd/core');

module.exports = defineConfig({
title:'你的站點名稱',
url:'https://your-domain.com',
});

很多人的需求,到這裏就結束了。

自定義最省事的辦法:讓 AI 直接看你的文件夾

這一段我建議你直接記住。

不要被“自定義”這兩個字嚇跑。 現在最省事的做法,往往不是你自己去翻配置文檔,而是讓大模型直接看你的項目文件夾,然後替你改。

比如我測試時用的是 C:\Users\admin\Desktop\test 這個目錄。裏面有:

  • docs/
     裏的 Markdown
  • docmd.config.js
  • assets/css/custom.css
  • assets/js/custom.js

這時候你完全可以把這個文件夾交給 AI,讓它直接看結構,再下指令。

圖片

比如你可以直接說:

  • 幫我把側邊欄按“AI 觀點 / 開發者工具 / 行業與商業”分組
  • 幫我加一個頂部導航欄,右上角放 GitHub 連結
  • 幫我把主題改成更有質感的樣式
  • 幫我加一個頁腳,放簡介和聯繫方式
  • 幫我寫一份 custom.css,把標題字號、間距、卡片樣式調得更舒服

這種方式比你自己一點點翻文檔快得多。

因為 AI 看到的是你的真實文件,不是一個抽象需求。它知道你現在有哪些文章、目錄怎麼排、配置文件已經寫到哪一步。它改出來的東西,會更貼近你當前這個站。

圖片

說白了,現在做自定義,最省事的路子就是:先讓站跑起來,再讓 AI 按你的文件結構幫你改。

還能自定義哪些東西

DocMD 常見的自定義點,基本就這幾類:

  • 主題切換:
    默認 sky,也可以換成 ruby、retro 這些風格
  • 側邊欄分組:
    把文章按主題整理成更清楚的結構
  • 頂部導航欄:
    適合放首頁、分類入口、外鏈
  • 頁腳:
    適合放簡介、品牌信息、聯繫方式
  • 自定義 CSS / JS:
    適合微調樣式和補一點交互

你不用一次全做完。

先改最影響閲讀體驗的那一項。通常是導航,其次是樣式。

它和別的方案差在哪

DocMD 官方給的數據,初始 JS 負載大約是 18KB。

對比一下:

工具
初始負載
需要寫配置
生態依賴
DocMD
~18KB
不需要
MkDocs
~40KB
需要
Python
VitePress
~50KB
需要
Vue
Docusaurus
~250KB
需要
React

這張表的重點不只是輕量。

更關鍵的是,它適合一種很現實的需求:你手裏已經有一堆 Markdown,你只是想盡快把它們變成一個能訪問的站。

如果你的目標就是這個,DocMD 的路徑確實更短。

最後怎麼用這套流程

我的建議很簡單:

先把 Markdown 扔進 docs/。跑 npx @docmd/core dev。看到站點之後,再決定要不要 build,要不要配導航,要不要讓 AI 幫你繼續改。

圖片

這套流程的好處就在這裏。它不會一上來就把你拖進配置地獄。先跑起來,後面再慢慢長。

項目地址:

https://github.com/docmd-io/docmd

在線體驗:

https://live.docmd.io/