sveltekit static blog template
1.0.0
เทมเพลตที่มีน้ำหนักเบาและปรับแต่งได้สำหรับบล็อกและเว็บไซต์พอร์ตโฟลิโอที่สร้างขึ้นด้วย sveltekit
มันถูกสร้างขึ้นโดยคำนึงถึงเป้าหมายไม่กี่:
ฉันประสบความสำเร็จด้วยความช่วยเหลือของ Sveltekit แทบจะไม่มีการทำงานของ JavaScript และใช้งานได้จริงกับ JS Disabled! ในขณะที่ JS นั้นยอดเยี่ยมสิ่งสำคัญคือต้องรู้เมื่อไม่จำเป็น
คุณสามารถดูเทมเพลตสดบนเว็บไซต์สาธิต นอกจากนี้คุณสามารถตรวจสอบส่วนประกอบทั้งหมดที่แยกออกจาก Histoire
ในการเรียกใช้ในพื้นที่คุณเพียงแค่ต้องเรียกใช้:
# First, install dependencies
npm install
# Then, run it on dev mode
npm run devตอนนี้ไซต์ควรมีให้ที่ http: // localhost: 5173/บนเครื่องในพื้นที่ของคุณและที่อยู่ IP ของเครื่องในเครือข่ายของคุณในเครือข่ายของคุณ - ยอดเยี่ยมสำหรับการทดสอบเกี่ยวกับระบบปฏิบัติการมือถือ
ฉันเคยใช้ Histoire ทางเลือกหนังสือนิทานที่ใช้ VITE เพื่อให้สามารถดูและพัฒนาส่วนประกอบที่แยกได้ หากต้องการเปิดใช้งาน Run npm run story:dev
เว็บไซต์นี้ใช้การเปลี่ยนภาพเพื่อเพิ่มประสิทธิภาพรูปภาพที่ใช้ในเว็บไซต์โดยอัตโนมัติ ซึ่งหมายความว่าแม้ว่าคุณจะใช้รูปแบบภาพที่ไม่เหมาะสม (เช่น PNGS ที่ไม่สูญเสีย) มันจะไปผ่านภาพและแปลงภาพเป็น webp และ avif สำหรับคุณตราบใดที่คุณใช้องค์ประกอบ <Image /> แทนที่จะเป็น <img /> . สิ่งนี้ทำในการสร้างดังนั้นจึงไม่เปลี่ยนแปลงอะไรเลยเมื่อเรียกใช้เว็บไซต์ในพื้นที่
โพสต์ทั้งหมดเป็นไฟล์ markdown ที่ประมวลผลด้วย MDSVEX เพื่ออนุญาตให้ใช้ส่วนประกอบ svelte ภายใน เพื่อให้ง่ายต่อการจัดการโพสต์ฉันขอแนะนำส่วนขยายด้านหน้ากับรหัสส่วนขยายซึ่งให้ UI เหมือน CMS ที่ดี
เมื่อคุณเรียกใช้งาน npm run build เว็บไซต์จะถูกรวบรวมไว้ในเว็บไซต์คงที่ซึ่งหมายความว่าคุณสามารถโฮสต์ได้ทุกที่ ทางเลือกฟรีบางอย่างที่ฉันแนะนำคือหน้า gitHub, vercel และ netlify
