Menimal
は最小限の静的サイトジェネレーターです。
コンテンツに焦点を当ててください:マークダウンファイル、CSSスタイル、その他すべてがあなたのために生成されるだけです
Menimal
設計による最小限です:
package.json
なし)pages
static
config.json
style.css
Menimal
パッケージをインストールせずにどこからでも実行できる単一のnpx
スクリプトです。
マシンにnodejsがインストールされていることを確認してください
単一のコマンドを実行する必要があります。
npx menimal
これにより、静的Webサイトを含むbuild
フォルダーが生成されます。
ホスティングプラットフォームでは、ビルドコマンドと出力フォルダーを定義できます。
npx menimal
build
それだけです。どこにでもMenimal
展開できますか?
Menimal
には、正確なフォルダー構造が必要です。
pages
:マークダウンファイル( .md
)が含まれていますstatic
:静的ファイル( robots.txt
、 fonts
、 favicon.ico
)が含まれていますconfig.json
:サイト構成を含む(最小)style.css
:スタイル(シングルCSSファイル)を含むサンプルフォルダー内の完全で作業の例を参照してください
pages
すべてのマークダウンファイルは、Webサイトの.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>
に表示されるWebサイトの名前:
{
"name" : " Sandro Maglione "
}
style.css
すべてのスタイルは、単一のCSSファイルで定義されています。
テンプレート内の各ファイルの生成されたHTML構造を表示できます
このファイルは、生成されたすべてのページに縮小およびインポートされます。
< link rel =" preload " href =" font.woff2 " as =" font " crossorigin type =" font/woff2 " >
MITライセンス、詳細については、license.mdファイルを参照してください。
このプロジェクトは、 Sandromaglione.comの毎週のニュースレターの一部です。
npx --loglevel silly ..
example
フォルダーからnpx
コマンドをデバッグする記事全体で実装のすべての詳細を読んでください。