create static site
1.0.0
สร้างเว็บไซต์แบบคงที่โดยไม่มีการกำหนดค่าบิวด์
npx create-static-site my-site --template hugo
cd my-site
npm start
(npx มาพร้อมกับ npm 5.2+ และสูงกว่า)
จากนั้นเปิด http://localhost:3000/ เพื่อดูแอปของคุณ
คุณจะต้องมี Node >= 6 บนเครื่องพัฒนาท้องถิ่นของคุณ คุณสามารถใช้ nvm (macOS/Linux) หรือ nvm-windows เพื่อสลับเวอร์ชันของ Node ระหว่างโปรเจ็กต์ต่างๆ ได้อย่างง่ายดาย
หากต้องการสร้างแอปใหม่ ให้รัน:
npx create-static-site my-site --template [template] แทนที่ [template] ด้วย hugo หรือ jekyll
มันจะสร้างไดเร็กทอรีชื่อ my-site ภายในโฟลเดอร์ปัจจุบัน
ภายในไดเร็กทอรีนั้นจะสร้างโครงสร้างโปรเจ็กต์เริ่มต้นและติดตั้งการพึ่งพาสกรรมกริยา:
my-site
├── LICENSE
├── node_modules
├── package.json
├── README.md
├── static-scripts.config.js
├── .browserslistrc
├── .eslintrc.yml
├── .gitignore
├── .postcssrc.js
├── .stylelintrc.yml
├── site/ # Depends on the static site generator
└── src/
├── css/
│ ├── styles.css
│ └── imports
│ └── resets.css
├── img/
│ └── svg/
│ ├── bitbucket.svg
│ ├── github.svg
│ └── gitlab.svg
└── js/
├── scripts.js
└── imports/
└── index.js
ไม่มีการกำหนดค่าหรือโครงสร้างโฟลเดอร์ที่ซับซ้อน มีเพียงไฟล์ที่คุณต้องการเพื่อสร้างไซต์ของคุณ
เมื่อการติดตั้งเสร็จสิ้น คุณสามารถเปิดโฟลเดอร์โปรเจ็กต์ของคุณได้:
cd my-siteภายในโปรเจ็กต์ที่สร้างขึ้นใหม่ คุณสามารถรันคำสั่งในตัวได้:
npm start หรือ yarn start ผู้ใช้ Jekyll จะต้องรัน bundle install ก่อน
เรียกใช้แอปในโหมดการพัฒนา
เปิด http://localhost:3000 เพื่อดูในเบราว์เซอร์
หน้าเว็บจะโหลดซ้ำโดยอัตโนมัติหากคุณทำการเปลี่ยนแปลงโค้ด
npm build หรือ yarn build สร้างไซต์สำหรับการผลิตไปยังโฟลเดอร์ dist
การพึ่งพาเดียว: มีการพึ่งพาบิวด์เพียงอันเดียว มันใช้ Webpack, Babel, ESLint, PostCSS และโปรเจ็กต์ที่น่าทึ่งอื่น ๆ แต่มอบประสบการณ์ที่รวบรวมไว้เป็นอย่างดี
ไม่จำเป็นต้องมีการกำหนดค่า: คุณไม่จำเป็นต้องกำหนดค่าอะไรเลย การกำหนดค่าที่ดีพอสมควรของทั้งรุ่นพัฒนาและรุ่นใช้งานจริงได้รับการจัดการสำหรับคุณ เพื่อให้คุณสามารถมุ่งเน้นไปที่การเขียนโค้ดได้
ไม่มีการล็อคอิน: คุณสามารถ "ดีดออก" ไปยังการตั้งค่าแบบกำหนดเองได้ตลอดเวลา เรียกใช้คำสั่งเดียว จากนั้นการกำหนดค่าและการอ้างอิงบิวด์ทั้งหมดจะถูกย้ายไปยังโปรเจ็กต์ของคุณโดยตรง ดังนั้นคุณจึงสามารถดำเนินการต่อจากจุดที่คุณค้างไว้ได้
สภาพแวดล้อมของคุณจะมีทุกสิ่งที่คุณต้องการเพื่อสร้างเว็บไซต์คงที่ที่ทันสมัย:
ข้อดีก็คือ เครื่องมือเหล่านี้ได้รับการกำหนดค่าล่วงหน้าให้ทำงานในลักษณะเฉพาะ หากโปรเจ็กต์ของคุณต้องการการปรับแต่งเพิ่มเติม คุณสามารถ "ดีดออก" และปรับแต่งได้ แต่คุณจะต้องคงการกำหนดค่านี้ไว้
ไซต์แบบคงที่คือเว็บไซต์ที่สร้างขึ้นโดยใช้ไฟล์แบบคงที่และไม่มีการเปลี่ยนแปลง เนื่องจากเนื้อหาเป็นแบบคงที่ การส่งมอบให้กับผู้ใช้จึงไม่ต้องใช้เวลาในการประมวลผลของเซิร์ฟเวอร์ คุณลักษณะนี้ทำให้ไซต์คงที่รวดเร็วและมีประสิทธิภาพอย่างเหลือเชื่อ
ตัวสร้างไซต์แบบคงที่เป็นวิธีสมัยใหม่ในการสร้างไซต์แบบคงที่ พวกเขาแปลงไฟล์เนื้อหาแบบข้อความที่เรียบง่ายเป็นไฟล์คงที่พร้อมสำหรับเว็บ
สิ่งเหล่านี้ยอดเยี่ยมสำหรับนักพัฒนาเพราะมันรวดเร็วมาก สร้างขึ้นเพื่อทำงานกับการควบคุมเวอร์ชัน และต้องการการตั้งค่าเพียงเล็กน้อยหรือไม่ต้องติดตั้งเลย เมื่อเทียบกับโซลูชัน CMS ขนาดใหญ่ที่มีอยู่ เช่น Wordpress
ปัจจุบัน create-static-site รองรับตัวสร้างไซต์แบบคงที่สองตัว:
เรายินดีเป็นอย่างยิ่งที่จะช่วยคุณใน create-static-site ! ดู CONTRIBUTING.md สำหรับข้อมูลเพิ่มเติมเกี่ยวกับสิ่งที่เรากำลังมองหาและวิธีเริ่มต้นใช้งาน
ขอขอบคุณผู้คนที่แสนวิเศษเหล่านี้ (คีย์อีโมจิ):
คริสต์มาส - - - - - | เอ็นซีฟิลลิปส์ - - - - - | ไบรอัน ไคลน์ - - | สกอตต์ กัลแลนท์ - - | ดีเจ - | เซบาสเตียน เองเกลส์ - - | อดัม - |
|---|
โครงการนี้เป็นไปตามข้อกำหนดของผู้มีส่วนร่วมทั้งหมด ยินดีต้อนรับการบริจาคใด ๆ !
โปรเจ็กต์นี้ได้รับแรงบันดาลใจอย่างมากจากโปรเจ็กต์แอปสร้างปฏิกิริยาที่ยอดเยี่ยม
