saber theme tailsaw

Tailsaw: แม่แบบเริ่มต้นบล็อก Saber

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

การติดตั้ง

yarn add saber-theme-tailsaw

จากนั้นในไฟล์กำหนดค่า Saber ของคุณ:

 theme : tailsaw
plugins :
  - saber-plugin-query-posts
  - saber-plugin-prismjs
  # If you want to enable local search:
  - saber-plugin-search

เทมเพลตเริ่มต้นนี้มีตัวอย่างประเภทหน้าทั่วไปและมาก่อนกำหนดด้วย:

• ธีมที่ตอบสนองอย่างเต็มที่
• Tailwind CSS ซึ่งเป็นเฟรมเวิร์ก CSS ยูทิลิตี้ที่ช่วยให้คุณปรับแต่งการออกแบบของคุณโดยไม่ต้องสัมผัสสาย CSS
• การเน้นไวยากรณ์โดยใช้ปริซึม
• แถบค้นหาที่จัดทำดัชนีเนื้อหาของคุณโดยอัตโนมัติ (เมื่อใช้ saber-plugin-search )
• การเปลี่ยนแถบความคืบหน้าและหน้า
• หน้า 404 ที่กำหนดเอง
• ส่วนประกอบสำหรับการรับจดหมายข่าวการลงทะเบียน
• แบบฟอร์มการติดต่อตัวอย่าง

เร็วๆ นี้:

• ฟีด RSS และเครื่องกำเนิดแผนผังไซต์
• ตัวเลือกการกำหนดค่า

---

การเพิ่มเนื้อหา

คุณสามารถเขียนเนื้อหาของคุณโดยใช้ประเภทไฟล์ที่หลากหลาย เนื้อหาของคุณอยู่ใน pages/_posts/ โฟลเดอร์

ด้านบนของแต่ละหน้าเนื้อหามีส่วนหัว YAML ที่ระบุว่าควรแสดงผลอย่างไร แอตทริบิวต์ title ใช้เพื่อสร้าง title HTML แบบไดนามิกและแท็ก OpenGraph สำหรับแต่ละหน้า layout เค้าโครงกำหนดว่ารูปแบบพรีเมนต์ใดไฟล์เนื้อหานี้จะแสดงผลด้วย (เช่น post จะแสดงผลด้วย theme/layouts/post.vue )

---
title : First Post
layout : post
date : 2019-04-29
author : Jane
categories :
  - meta
slug : first-post
featured : true
assets :
  cover : ./first-post.png
---

---

การเพิ่มสินทรัพย์

คุณสามารถรวมสินทรัพย์ในโพสต์ของคุณได้อย่างง่ายดายเพียงแค่เชื่อมโยงไปยังตำแหน่งที่สัมพันธ์กัน

---

การสร้างเว็บไซต์ของคุณ

ตอนนี้คุณรู้วิธีปรับแต่งเนื้อหาของคุณแล้วมาสร้างไซต์กันเถอะ

yarn build

ไซต์ที่สร้างขึ้นของคุณอยู่ภายใต้ public/