markdown-styles是:
- GitHub專案,免費且開源
- 網址:mixu/markdown-styles: Markdown to static HTML generator and multiple CSS themes for Markdown
- 內建18個主題樣式
- 一個命令行指令
安裝
markdown-styles是node.js的應用程式,必須安裝node.js。
- 下載node.js:https://nodejs.org/zh-tw/download/
-
Windows執行npm安裝markdown-styles:
npm install -g markdown-styles
- MacOS、Linux安裝markdown-styles:
sudo npm install -g markdown-styles
<
p>安裝後的可執行命令是generate-md
。
命令行參數
generate-md參數:
- –input:輸入資料夾
- –output:輸出資料夾
注意:不要放在輸入資料夾裡 - –layouts:顯示內建的主題名稱
- –layout:指定使用的主題
輸入資料夾預設是input
,輸出資料夾預設是output
,樣式預設是github,不使用選項時,可不輸入任何參數。
執行時要注意輸出Output:下是否有出現Parse error訊息,若有則要修改內容以通過解析。我遇到的狀況是在code裡有4個減號會造成錯誤。
範例
建立測試資料夾 c:/work/markdown-styles-sample1,再建立輸入資料夾 input:
cd /d c:/work
md markdown-styles-sample1
cd markdown-styles-sample1
md input
cd input
echo # Hello, the 1st page > index.md
使用generate-md產生網頁到 c:/work/markdown-styles-sample1.output:
cd c:\work\markdown-styles-sample1
generate-md --layout mixu-radar
再到瀏覽器瀏覽 c:/work/markdown-styles-sample1/output/index.html 即可。
▼ index.md內容:https://gist.github.com/emisjerry/59a121e4257ec9169c413341b0b86f8a
教學影片
##
您可能也會有興趣的類似文章
- 超簡易Windows Markdown編輯器:Markdown Monster (0則留言, 2017/01/08)
- 快速產生HTML網頁格式的速記語法:Markdown (0則留言, 2013/09/20)
- 用Markdown寫書:使用mdBook超簡單 (0則留言, 2020/04/25)
- 使用Markdown on Save外掛完美解決Markdown與HTML格式並存狀況 (2則留言, 2011/03/31)
- 瀏覽器外掛Markdown Here讓你輕鬆用Markdown語法寫Mail (2則留言, 2012/08/03)
- 超級方便的Markdown編輯器: Markdown Monster (#1) (0則留言, 2019/04/27)
- 帶iPad去旅行—行前準備篇+Markdown試用 (5則留言, 2011/03/05)
- Windows Markdown工具:MarkdownPad 2新版本登場 (0則留言, 2013/03/26)
- 跨平台的Markdown編輯器:Smark (0則留言, 2014/09/16)
- [Android] 手機的Markdown編輯器:MarkdownX (0則留言, 2016/07/08)
- [WSL#8] es.exe+fzf在WSL裡的應用 (0則留言, 2020/03/14)
- [AHK#33] 重覆執行cmd.exe的「舊」命令 (0則留言, 2020/03/29)
- Markdown Monster的進階功能: 部落格、Git整合與HTML轉換為Markdown格式(#2) (0則留言, 2019/04/28)
- Markdown格式的筆記軟體:Boostnote的定位、特點與操作簡介(#3) (0則留言, 2019/04/28)
- 又一款新發現的Markdown編輯器 (0則留言, 2015/12/08)