micro site

ไมโครฟรอนต์เอนด์ที่มีความคิดเห็นซึ่งสามารถใช้เพื่อ สร้างเพจเจอร์แบบหน้าเดียว เหมาะสำหรับหน้า Landing Page หรือหน้าลงทะเบียน ใช้ตัวสร้างไซต์คงที่ Eleventy (11ty) ภายใต้ประทุนและตั้ง ค่าเริ่มต้นทั่วไป 11ty

คุณสมบัติ

• อินไลน์และลดขนาด CSS โดยใช้ clean-css
• อินไลน์และลดขนาด JavaScript โดยใช้ terser
• รวมไฟล์ข้อมูลส่วนกลาง metadata.json
• รวมเทมเพลตเค้าโครง base.njk
• รวม assets folder สำหรับไฟล์คงที่ (รูปภาพ แบบอักษร ฯลฯ)

นี่คือ โปรเจ็กต์ *Skeleton ดังนั้นจึงไม่มีส่วนประกอบหรือสไตล์พื้นฐานใดๆ มันเป็น * นำส่วนหน้าของคุณเอง

การใช้งาน

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

ใบอนุญาต

MIT © แดนนี่ เดอ วรีส์