Hugo ผู้สร้างเว็บไซต์แบบคงที่ที่รวดเร็วและยืดหยุ่น

ในบทความต่อไปเราจะมาดู Hugo นี่เป็นหนึ่งในไฟล์ ตัวสร้างไซต์คงที่แบบโอเพ่นซอร์ส เป็นที่นิยมมากที่สุดซึ่งฟรีอย่างสมบูรณ์ ด้วยความเร็วและความยืดหยุ่นที่น่าทึ่งตัวสร้างนี้ทำให้การสร้างเว็บไซต์ทำได้ง่ายและรวดเร็ว เกี่ยวกับ เครื่องกำเนิดไฟฟ้า เว็บไซต์ HTML และ CSS แบบคงที่เขียนใน Go. เหมาะสำหรับความเร็วความสะดวกในการใช้งานและความสามารถในการกำหนดค่า

การสร้างเว็บไซต์เป็นกระบวนการที่ต้องใช้เวลาและความรู้เกี่ยวกับ HTML และภาษาอื่น ๆ ด้วยเหตุนี้เครื่องมือสร้างไซต์แบบคงที่นี้จึงสามารถช่วยในการสร้างเว็บไซต์ได้อย่างรวดเร็ว ควรชี้แจงว่าเมื่อเราพูดถึง เว็บไซต์คงหมายถึงไซต์ที่ไม่ประมวลผลข้อมูล. นั่นคือพวกเขาไม่สามารถประมวลผลแบบฟอร์มหรือสร้างเอกสารได้ เว็บไซต์เหล่านี้มักสร้างขึ้นสำหรับโครงการขนาดเล็กและไซต์ที่ให้ข้อมูล

ลักษณะทั่วไปของ Hugo

• ความเร็วสูง ตามที่ระบุไว้ในเว็บไซต์นี้เป็นเครื่องมือที่เร็วที่สุดในประเภทนี้ ไซต์โดยเฉลี่ยถูกสร้างขึ้นภายในเวลาไม่ถึงหนึ่งวินาที.
• การจัดการเนื้อหาที่มีประสิทธิภาพและกฎความยืดหยุ่น Hugo เป็นความฝันของนักกลยุทธ์ด้านเนื้อหา ฮิวโก้ รองรับประเภทเนื้อหาไม่ จำกัด การจัดหมวดหมู่เมนูเนื้อหาไดนามิกที่ขับเคลื่อนด้วย API และอื่น ๆทั้งหมดนี้ไม่มีส่วนเสริม
• รหัสย่อนำเสนอไฟล์ ความสามารถในการใช้ไวยากรณ์ Markdownให้ความยืดหยุ่นสูง
• เทมเพลตแบบบูรณาการ. เครื่องมือสร้างเว็บไซต์แบบคงที่นี้มีรูปแบบทั่วไปในการสร้างงานของเราได้อย่างรวดเร็ว Hugo มาพร้อมกับเทมเพลตที่สร้างไว้ล่วงหน้าเพื่อทำงาน SEO ความคิดเห็นการวิเคราะห์และฟังก์ชันอื่น ๆ อย่างรวดเร็ว
• เอาต์พุตที่กำหนดเอง ช่วยให้เรา สร้างเนื้อหาของเราในหลายรูปแบบรวมถึง JSON หรือ AMPและอำนวยความสะดวกในการสร้างเนื้อหา
• มีมากกว่า 300 ธีมทำให้เรามีระบบธีมที่แข็งแกร่งซึ่งใช้งานง่าย แต่ยังสามารถสร้างเว็บไซต์ที่ซับซ้อนที่สุดได้ สามารถหล่อ ดูหัวข้อ มีอยู่ในเว็บไซต์ของโครงการ

ติดตั้ง Hugo บน Ubuntu

Hugo เป็นโปรแกรมยอดนิยมและทำให้การติดตั้งบน Gnu / Linux และโดยเฉพาะ Ubuntu เป็นกระบวนการง่ายๆ ตัวเลือกการติดตั้งแรกที่ใช้ได้จะใช้ไฟล์ แพคเกจที่คอมไพล์ไว้ล่วงหน้าที่สามารถพบได้ในไฟล์ หน้าเผยแพร่โครงการ. ในการดาวน์โหลดแพ็คเกจ. deb เราจะต้องเปิดเทอร์มินัลเท่านั้น (Ctrl + Alt + T) และดำเนินการคำสั่งต่อไปนี้:

wget https://github.com/gohugoio/hugo/releases/download/v0.69.0/hugo_0.69.0_Linux-64bit.deb

หลังจากดาวน์โหลด เราจะสามารถติดตั้งได้โดยดำเนินการคำสั่งอื่นนี้ ในเทอร์มินัลเดียวกัน:

sudo dpkg -i hugo_0.69.0_Linux-64bit.deb

ในตอนท้ายของการติดตั้งเราสามารถเริ่มทำงานได้

ความเป็นไปได้อื่นในการติดตั้งโปรแกรมนี้จะมาจากไฟล์ สแน็ปแพ็ค. การติดตั้งจะทำได้ง่ายเพียงแค่เปิดเทอร์มินัล (Ctrl + Alt + T) แล้วพิมพ์:

sudo snap install hugo

ขั้นตอนแรก

Hugo เป็นผู้สร้างเว็บไซต์ ดังนั้นสิ่งแรกที่เราต้องทำคือ สร้างไซต์ใหม่โดยใช้รูปแบบต่อไปนี้:

hugo new site [nombre-del-sitio]

สำหรับตัวอย่างนี้ฉันได้สร้างไซต์ใหม่ด้วยคำสั่ง:

hugo new site sinforoso

สิ่งนี้จะสร้างโฟลเดอร์ใหม่ชื่อ คดเคี้ยว ในสมุดรายชื่อ หน้าแรก ผู้ใช้ ในการเริ่มต้นเราจะเข้าถึงโฟลเดอร์นี้และเราจะเริ่มงานจากที่นั่น.

สิ่งต่อไปที่เราจะทำคือ เพิ่มธีมใหม่สำหรับไซต์. หากคุณต้องการเพิ่มธีมที่มีทั้งหมดคุณสามารถใช้คำสั่ง:

git clone --depth 1 --recursive https://github.com/gohugoio/hugoThemes.git themes

สิ่งนี้จะติดตั้งธีม Hugo ทั้งหมดดังนั้นจึงอาจใช้เวลานาน ลองใช้อันที่คุณต้องการจะเป็นประโยชน์ ในกรณีของฉันฉันเลือกหัวข้อเฉพาะดังนั้นแทนที่จะใช้คำสั่งด้านบนฉันใช้สิ่งต่อไปนี้:

git clone https://github.com/matcornic/hugo-theme-learn.git themes/learn

สิ่งสำคัญคือเราต้องวางหัวข้อไว้ในไฟล์ carpeta ธีมซึ่งเราจะพบภายในโฟลเดอร์ที่เรากำลังทำงานอยู่

หลังจากติดตั้งธีมแล้วเราต้อง บอกให้ฮิวโก้ใช้ธีมนั้น ๆ. ในการทำเช่นนี้เราต้อง กำหนดไว้ในไฟล์ config.tom ซึ่งเราจะพบในโฟลเดอร์การทำงาน ตามที่ระบุไว้ในภาพหน้าจอต่อไปนี้

เมื่อทำการเปลี่ยนแปลงแล้วเราจะบันทึกและปิด ตอนนี้สิ่งที่เราต้องทำก็คือ สร้างดัชนีใหม่เพื่อแสดงบนไซต์. เราจะทำสิ่งนี้ด้วยคำสั่งต่อไปนี้:

hugo new _index.md

อย่างที่คุณเห็นไฟล์มีนามสกุล md ซึ่งหมายความว่า เราสามารถเพิ่มเนื้อหาโดยใช้ Markdown. ไฟล์นี้สามารถพบและแก้ไขได้ภายในไฟล์ โฟลเดอร์เนื้อหา.

นอกจากนี้เรายังสามารถ สร้างหมวดหมู่ใหม่เพื่อกำหนดรูปแบบไซต์:

hugo new [categoría]/[archivo.md]

ณ จุดนี้, เพื่อดูเว็บไซต์ของเราเราจะใช้คำสั่งต่อไปนี้:

hugo serve

และอย่างที่คุณเห็นในภาพหน้าจอต่อไปนี้ เว็บไซต์ของเราจะพร้อมใช้งานจากเบราว์เซอร์ที่ http: // localhost: 1313.

กล่าวโดยย่อ Hugo เป็นโปรแกรมที่สร้างเว็บไซต์แบบคงที่เท่านั้น แต่มีประโยชน์มากในบางกรณี คุณสามารถรับข้อมูลเพิ่มเติมเกี่ยวกับโครงการได้ในไฟล์ สถาน หรือใน เอกสารอย่างเป็นทางการ.