next netlify blog starter

ถัดไป + netlify markdown blog starter

นี่คือบล็อก Markdown ที่มีน้ำหนักเบา next.js (v12+), กำหนดค่าเพื่อให้คุณสามารถคลิกหนึ่งคลิกบล็อกและปรับใช้เพื่อ netlify!

เริ่มต้นด้วยการคลิกที่นี่ (จะโคลน repo และปรับใช้เว็บไซต์):

หรือถ้าคุณต้องการสร้างมันเองนี่คือโพสต์บล็อกการสอนที่ควรให้คุณติดตามถูกต้อง!

ความกล้าหาญ

หากคุณต้องการทำงานกับโครงการนี้ในเครื่องให้เรียกใช้เซิร์ฟเวอร์การพัฒนา:

npm run dev
# or
yarn dev

เปิด http: // localhost: 3000 พร้อมเบราว์เซอร์ของคุณเพื่อดูผลลัพธ์

หากคุณต้องการเขียนโพสต์บล็อกใหม่ให้เขียนใน Markdown ในไดเรกทอรี posts

ตัวเลือกการติดตั้ง

ตัวเลือกที่หนึ่ง: การปรับใช้ครั้งเดียว

ตัวเลือกที่สอง: โคลนแบบแมนนวล

1. โคลน repo นี้: git clone https://github.com/cassidoo/next-netlify-blog-starter
2. นำทางไปยังไดเรกทอรีและเรียกใช้ npm run dev
3. ทำการเปลี่ยนแปลงของคุณ
4. เชื่อมต่อกับ NetLify ด้วยตนเอง (ไฟล์ netlify.toml เป็นไฟล์ที่คุณต้องตรวจสอบให้แน่ใจว่ายังคงอยู่เหมือนเดิมเพื่อให้แน่ใจว่าการส่งออกเสร็จสิ้นและชี้ไปที่สิ่งที่ถูกต้อง)

การจัดแต่งทรงผม

รวมอยู่ในรูปแบบพื้นฐานบางอย่างกับ StyleD-JSX ซึ่งรวมอยู่ในกล่องด้วย next.js นอกจากนี้ยังมีการสนับสนุน SASS ในตัวและการสนับสนุนโมดูล CSS หากคุณต้องการใช้สิ่งเหล่านั้น

แบบอักษรที่ใช้คืออินเตอร์

ภาพฮีโร่

คุณอาจรวมรูปภาพฮีโร่เสริมในโพสต์ของคุณ ใส่ภาพใน public/static/ จากนั้นรวมไว้ในไฟล์บล็อก. md ของคุณเช่น So:

 ---
title: 'Post title'
author: 'Post author'
date: '2020-04-27'
hero_image: ../static/example.jpg
---

ดู demo-post-1.md สำหรับตัวอย่างของสิ่งนี้