hugoplate
1.0.0
Hugoplate เป็นเทมเพลตเริ่มต้นฟรีที่สร้างด้วย Hugo และ TailwindCSS ซึ่งมีทุกสิ่งที่คุณต้องการเพื่อเริ่มต้นโปรเจ็กต์ Hugo อย่างรวดเร็วและประหยัดเวลาอันมีค่า
สร้างด้วย ♥ โดย Zeon Studio
หากคุณพบว่าโครงการนี้มีประโยชน์ โปรดให้การสนับสนุนเพื่อแสดงการสนับสนุน
เราได้รวมเกือบทุกอย่างที่คุณต้องการเพื่อเริ่มโครงการ Hugo ของคุณแล้ว มาดูกันว่ามีอะไรบ้างในเทมเพลตนี้:
ผู้เขียนหลายคน
ข้อเสนอแนะกระทู้ที่คล้ายกัน
ฟังก์ชั่นการค้นหา
โหมดมืด
แท็กและหมวดหมู่
การตั้งค่า Netlify ที่กำหนดไว้ล่วงหน้า
แบบฟอร์มการติดต่อสนับสนุน
ตอบสนองอย่างเต็มที่
เขียนและอัปเดตเนื้อหาใน Markdown
งดแสดงความคิดเห็น
การเน้นไวยากรณ์
หน้าแรก
เกี่ยวกับ
ติดต่อ
ผู้เขียน
ผู้เขียน โสด
บล็อก
บล็อกเดียว
กำหนดเอง 404
องค์ประกอบ
นโยบายความเป็นส่วนตัว
แท็ก
แท็ก โสด
หมวดหมู่
หมวดหมู่ โสด
ค้นหา
ฮิวโก้
CSS ท้ายลม
โพสต์ CSS
ล้างCSS
AutoPrefixer
โมดูล Hugo โดย Gethugothemes
มาร์กดาวน์
สวยกว่า
เจชินท์
เน็ตลิฟาย
เวอร์เซล
การกระทำ Github
Gitlab Ci
AWS ขยาย
ขั้นแรก คุณต้องโคลนหรือดาวน์โหลดที่เก็บเทมเพลต จากนั้นมาเริ่มต้นกระบวนการต่อไปนี้:
หากต้องการเริ่มใช้เทมเพลตนี้ คุณต้องมีข้อกำหนดเบื้องต้นบางอย่างติดตั้งอยู่ในเครื่องของคุณ
ฮิวโก้ขยาย v0.124+
โหนด v20+
ไป v1.22+
เราสร้างสคริปต์แบบกำหนดเองนี้เพื่อทำให้การตั้งค่าโปรเจ็กต์ของคุณง่ายขึ้น มันจะสร้างโฟลเดอร์ธีม Hugo ใหม่และโคลนธีม Hugoplate ลงไป จากนั้นย้ายโฟลเดอร์ exampleSite ไปยังไดเร็กทอรีราก เพื่อให้คุณสามารถเริ่มต้นเซิร์ฟเวอร์ Hugo ได้โดยไม่ต้องเข้าไปในโฟลเดอร์ exampleSite ใช้คำสั่งต่อไปนี้เพื่อตั้งค่าโครงการของคุณ
npm รันการตั้งค่าโปรเจ็กต์
ติดตั้งการอ้างอิงทั้งหมดโดยใช้คำสั่งต่อไปนี้
ติดตั้ง npm
เริ่มต้นเซิร์ฟเวอร์การพัฒนาโดยใช้คำสั่งต่อไปนี้
ผู้พัฒนารัน NPM
เทมเพลตนี้ได้รับการออกแบบโดยคำนึงถึงตัวเลือกการปรับแต่งมากมาย คุณสามารถปรับแต่งได้เกือบทุกอย่างที่คุณต้องการ รวมถึง:
คุณสามารถเปลี่ยนชื่อเว็บไซต์, URL พื้นฐาน, ภาษา, ธีม, ปลั๊กอิน และอื่นๆ ได้จากไฟล์ hugo.toml
คุณสามารถปรับแต่งพารามิเตอร์ทั้งหมดได้จากไฟล์ config/_default/params.toml ซึ่งรวมถึงโลโก้ ไอคอน Fav การค้นหา ข้อมูลเมตา SEO และอื่นๆ
คุณสามารถเปลี่ยนสีและแบบอักษรได้จากไฟล์ data/theme.json ซึ่งรวมถึงสีหลัก สีรอง ตระกูลฟอนต์ และขนาดฟอนต์
คุณสามารถเปลี่ยนลิงก์โซเชียลได้จากไฟล์ data/social.json เพิ่มลิงก์โซเชียลของคุณที่นี่ และลิงก์เหล่านั้นจะปรากฏบนเว็บไซต์โดยอัตโนมัติ
เราได้เพิ่มสคริปต์ที่กำหนดเองเพื่อทำให้ชีวิตของคุณง่ายขึ้น คุณสามารถใช้สคริปต์เหล่านี้เพื่อช่วยคุณในการพัฒนา
หากคุณต้องการอัพเดตธีม คุณสามารถใช้คำสั่งต่อไปนี้ มันจะอัพเดตธีมเป็นเวอร์ชั่นล่าสุด
ธีมอัพเดตรัน npm
หมายเหตุ: คำสั่งนี้จะทำงานหลังจากรัน
project-setup
เราได้เพิ่มโมดูลจำนวนมากลงในเทมเพลตนี้ คุณสามารถอัพเดตโมดูลทั้งหมดได้โดยใช้คำสั่งต่อไปนี้
npm รันโมดูลอัพเดต
หากคุณต้องการลบโหมดมืดออกจากโปรเจ็กต์ของคุณ คุณสามารถใช้คำสั่งต่อไปนี้เพื่อลบโหมดมืดออกจากโปรเจ็กต์ของคุณ
npm รันการลบโหมดมืด
หมายเหตุ: คำสั่งนี้จะใช้งานได้ก่อนที่จะรันสคริปต์
project-setupหากคุณรันคำสั่งproject-setupแล้ว คุณต้องรันnpm run theme-setupก่อน จากนั้นคุณจึงสามารถรันคำสั่งนี้ได้ หลังจากนั้นคุณสามารถรันnpm run project-setupได้อีกครั้ง
หลังจากเสร็จสิ้นการพัฒนา คุณสามารถสร้างหรือปรับใช้โปรเจ็กต์ของคุณได้เกือบทุกที่ มาดูกระบวนการกัน:
หากต้องการสร้างโครงการของคุณภายในเครื่อง คุณสามารถใช้คำสั่งต่อไปนี้ มันจะล้าง CSS ที่ไม่ได้ใช้ทั้งหมดและลดขนาดไฟล์ทั้งหมด
บิลด์การรัน NPM
เราได้จัดเตรียมการกำหนดค่าแพลตฟอร์มการปรับใช้ที่แตกต่างกัน 5 แบบด้วยเทมเพลตนี้ ดังนั้นคุณจึงสามารถปรับใช้ได้อย่างง่ายดาย
เน็ตลิฟาย
เวอร์เซล
การกระทำ Github
Gitlab Ci
AWS ขยาย
และหากคุณต้องการโฮสต์แพลตฟอร์มโฮสติ้งอื่นๆ จากนั้นคุณสามารถสร้างโครงการของคุณได้ และคุณจะได้รับโฟลเดอร์ public ที่คุณสามารถคัดลอกและวางบนแพลตฟอร์มโฮสติ้งของคุณได้
หมายเหตุ: คุณต้องเปลี่ยน
baseURLในไฟล์hugo.tomlมิฉะนั้นเว็บไซต์ของคุณจะทำงานไม่ถูกต้อง
เราใช้ GitHub Issues เป็นตัวติดตามจุดบกพร่องอย่างเป็นทางการสำหรับเทมเพลตนี้ กรุณาค้นหาปัญหาที่มีอยู่ อาจเป็นไปได้ว่ามีคนรายงานปัญหาเดียวกันนี้แล้ว หากปัญหาหรือแนวคิดของคุณยังไม่ได้รับการแก้ไข คุณสามารถเปิดประเด็นใหม่ได้เลย
ลิขสิทธิ์ (c) 2023 - ปัจจุบัน ออกแบบและพัฒนาโดย Zeon Studio
รหัสใบอนุญาต: เปิดตัวภายใต้ใบอนุญาต MIT
ใบอนุญาตรูปภาพ: รูปภาพมีไว้เพื่อการสาธิตเท่านั้น พวกเขามีใบอนุญาต เราไม่ได้รับอนุญาตให้แบ่งปันภาพเหล่านั้น
รายชื่อโครงการที่ผู้คนกำลังสร้างด้วย Hugoplate !
| เปิดนิวโรมอร์ฟิก | โมเดลเอไอ | ฮิวโกบริกส์ | โอโน่ แอลแอลซี |
หากคุณต้องการธีมที่กำหนดเอง การปรับแต่งธีม หรือบริการพัฒนาเว็บไซต์แบบครบวงจรตั้งแต่เริ่มต้น คุณสามารถจ้างเราได้
