Skip to main content

Askboon

Tag: hugo

Hugo กับการรองรับ Open Graph

หลังจากลองงมเองมาสักพัก ถึงจะพอเข้าใจ เพราะหาข้อมูลจากในอินเทอร์เน็ตได้ค่อนข้างยาก เลยเอามาสรุปไว่ที่โพสต์นี้นะครับ

Hugo Google Site Search

เนื่องจาก Hugo ใช้ในการสร้างเว็บไซต์ในรูปแบบของ HTML โดยไม่มีการจัดเก็บข้อมูลในฐานข้อมูล จึงทำให้ Hugo เองไม่มีฟังก์ชั่นการค้นหาภายในเว็บมาให้ แต่เราสามารถนำเอาวิธีง่ายๆในการสร้างระบบค้นหาด้วย Google Custom Search ได้

การแทรก tag HTML ในไฟล์ Markdown ของ Hugo

โดยปรกติแล้วเราจะไม่สามารถแทรก tag HTML เข้าไปข้างในไฟล์ Markdown ของ Hugo ได้ แต่เราสามารถสร้าง Shortcode ใน Hugo เพื่อแก้ปัญหานี้ได้

Customize Hugo's Home Page

เราสามารถปรับแต่งหน้า Home ของ Hugo เพื่อให้เหมาะกับความต้องการของเราได้ ด้วยวิธีการตามรายละเอียดดังนี้

วิธีแทรกรูปใน Hugo

การแทรกรูปใน Hugo นั้น สามารถทำได้มากกว่าหนึ่งวิธี แต่ละวิธีก็มีข้อดีข้อเสีย มาดูรายละเอียดกัน

Hugo - Open Link in New Tab

การสร้างเว็บใน Hugo จะใช้ภาษา markdown เป็นหลักในการ render หน้าเว็บ ซึ่ง Hugo มีการใช้ markdown render engine เปลี่ยนไปตลอด ซึ่งก่อนหน้านี้ ใช้ Blackfriday แต่เริ่มเปลี่ยนมาใช้ Goldmark ตั้งแต่ Hugo เวอร์ชั่น 0.62.0 ขึ้นไป ซึ่งการตั้งค่าให้เปิด external link ในแท็บใหม่ก็เปลี่ยนไป