simple dev blog zola starter

simple-dev-blog-zola-starter

ธีม dev-blog ที่เรียบง่ายสำหรับ Zola ไม่ใช้ JavaScript ลิงก์พรีเรนเดอร์ระหว่างการนำทาง โพสต์ในบล็อก และแท็ก และเพิ่มแท็กทั่วไปสำหรับ SEO

คุณสามารถดูได้สดที่นี่

วิธีการเริ่มต้น

หากต้องการสร้างไซต์ Zola ใหม่ ก่อนอื่นให้ดาวน์โหลด CLI และติดตั้งลงในระบบของคุณ ธีมนี้ต้องใช้ Zola เวอร์ชัน 0.14 หรือสูงกว่า

คุณสามารถดูคำแนะนำในการติดตั้งได้จากเว็บไซต์ Zola

1. หลังจากที่คุณติดตั้ง Zola CLI แล้ว ให้รันคำสั่งต่อไปนี้เพื่อสร้างไซต์ใหม่:

   zola init my_amazing_site
   cd my_amazing_site

2. หลังจากที่คุณสร้างไซต์แล้ว ให้ติดตั้งธีม "Simple Dev Blog" ดังนี้:

   git clone --depth=1 
     https://github.com/bennetthardwick/simple-dev-blog-zola-starter 
     themes/simple-dev-blog

3. ตอนนี้ในไฟล์ config.toml ของคุณ ให้เลือกธีมโดยการตั้งค่า theme = "simple-dev-blog"

4. ธีมนี้ใช้อนุกรมวิธาน tags ในชุดไฟล์ config.toml ของคุณ taxonomies = [ { name = "tags" } ]

5. คัดลอกเนื้อหาเริ่มต้นจากธีมโดยการรัน cp themes/simple-dev-blog/content/* ./content -r

6. แค่นั้นแหละ! ตอนนี้สร้างไซต์ของคุณโดยใช้คำสั่งต่อไปนี้และไปที่ 127.0.0.1:111 :

   zola serve

ตอนนี้คุณควรมีบล็อก dev ที่เรียบง่ายและรวดเร็วและทำงานแล้ว ขอให้สนุก!

การปรับแต่ง

ดูที่ config.toml และ theme.toml ใน repo นี้เพื่อดูแนวคิด นี่คือรายการตัวเลือกทั้งหมด:

ทั่วโลก

ตัวเลือกต่อไปนี้ควรอยู่ภายใต้ [extra] ใน config.toml

• accent_light - เฉดสีที่อ่อนกว่าของสีเน้นไซต์ของคุณ
• accent - สีที่ถูกเน้นของเว็บไซต์ของคุณ
• blog_path - เส้นทางไปยังบล็อกของคุณ (ค่าเริ่มต้นคือ blog )
• default_og_image - เส้นทางเริ่มต้น og:image สำหรับเพจของคุณ
• footer_about - เนื้อหาสำหรับส่วนท้ายของคุณใน markdown
• icon - เส้นทางไปยังไอคอนสำหรับเว็บไซต์ของคุณในโฟลเดอร์เนื้อหา
  • เช่น หากต้องการเพิ่มไฟล์ icon.png คุณควรใส่ไว้ใน content/icon.png
• nav - ดู theme.toml ลิงก์การนำทางสำหรับเว็บไซต์ของคุณ
• not_found_message - เนื้อหาสำหรับหน้า 404 ของคุณใน markdown
• profile_large - เส้นทางไปยังรูปโปรไฟล์ของคุณในแนวตั้งที่ใหญ่กว่าในโฟลเดอร์เนื้อหา
• profile_small - เส้นทางไปยังรูปโปรไฟล์เวอร์ชันเล็กของคุณในโฟลเดอร์เนื้อหา

หน้าหนังสือ

ตัวเลือกต่อไปนี้ควรอยู่ในส่วน [extra] ของแต่ละหน้า

• thumbnail - เส้นทางไปยัง og:image ของคุณสำหรับหน้านั้น