Quantcast
Channel: 簡睿隨筆
Viewing all articles
Browse latest Browse all 897

用markdown-styles快速產生單頁式靜態網頁

$
0
0

markdown-styles是:

安裝

markdown-styles是node.js的應用程式,必須安裝node.js。

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

教學影片

##

您可能也會有興趣的類似文章


Viewing all articles
Browse latest Browse all 897

Trending Articles