micro site

固執己見的微前端，可用於建立單頁程式。非常適合登陸頁面或註冊頁面。它在背景使用靜態網站產生器 Eleventy (11ty) 並設定常見的 11ty 預設值。

特徵

• 使用clean-css內聯和縮小 CSS
• 使用terser內聯和縮小 JavaScript
• 包含一個metadata.json全域資料文件
• 包括一個base.njk佈局模板
• 包括靜態檔案（圖像、字體等）的assets folder

這是一個*骨架項目，因此它不包含任何元件或基本樣式。這是一個*自帶前端。

用法

1. 使用您自己的網站詳細資料更新metadata.json文件
2. 編輯index.njk文件並開始編寫您的網站！
3. 可選：將站點部署到 Netlify。

安裝

需要 Node.js 和 npm

請依照以下步驟開始：

1. 克隆項目

 $ git clone https://github.com/systemdes/micro-site.git

2. 安裝該項目的依賴項

 npm i

3. 然後做

 npm run dev

在本機開發伺服器上啟動 live-reloadzz。

專案結構

 micro-site/
├── _site/                // output folder of 11ty
├── _data/
│   └── metadata.json     // metadata for the website
├── _includes/
│   ├── style.css         // minified and inlined
│   ├── script.js         // minified and inlined
│   └── base.njk          // base layout
├── assets/               // passtrough copy
├── index.njk/            // landing page
└── .eleventy.js          // 11ty configurations

路線圖

• 使用eleventy-image進行影像優化
• 使用eleventy-cache-assets進行資產緩存
• eleventy-plugin-syntaxhiglight支援語法高亮顯示

執照

麻省理工學院©丹尼‧德‧弗里斯