menimal
v0.1.1
Menimal
是一個最小的靜態站點產生器。
專注於內容:只需編寫 Markdown 文件、CSS 樣式,其他一切都會為您生成
Menimal
設計是極簡的:
package.json
)pages
static
config.json
style.css
Menimal
是一個單一的npx
腳本,您可以從任何地方運行它,而無需安裝任何軟體包。
確保你的機器上安裝了 NodeJs
您只需要執行一個命令:
npx menimal
這將產生一個包含您的靜態網站的build
資料夾。
託管平台允許定義建置命令和輸出資料夾:
npx menimal
build
就這樣。您可以在任何地方部署Menimal
嗎?
Menimal
需要精確的資料夾結構:
pages
:包含降價文件( .md
)static
:包含靜態檔案( robots.txt
、 fonts
、 favicon.ico
)config.json
:包含網站配置(最少)style.css
:包含樣式(單一 css 檔案)請參閱範例資料夾中完整且有效的範例
pages
每個 Markdown 檔案都對應網站中的一個.html
頁面。
檔案.md
的名稱用於產生 HTML 檔案的名稱和頁面標題:
.md
相同,字元全部小寫.md
相同,但-
被空格替換例如, This-is-the-Title-of-the-article.md
將產生:
this-is-the-title-of-the-article.html
static
static
內的所有檔案將在最終建置中複製。
在這裡您可以添加圖像、字體、 robots.txt
、 favicon.ico
、 sitemap.xml
或任何其他內容??♂️
config.json
目前配置需要一個欄位: <header>
中顯示的網站名稱:
{
"name" : " Sandro Maglione "
}
style.css
所有樣式都在一個 css 檔案中定義。
您可以在範本內查看每個文件產生的 HTML 結構
該文件將被縮小並匯入到每個生成的頁面中。
< link rel =" preload " href =" font.woff2 " as =" font " crossorigin type =" font/woff2 " >
MIT 許可證,詳細資訊請參閱 LICENSE.md 文件。
這個專案是我在sandromaglione.com上每週通訊的一部分。
example
資料夾中的npx --loglevel silly ..
來調試npx
指令閱讀全文中的所有實作細節?