หน้าแรก>ซอร์สโค้ด ASP>หมวดหมู่อื่นๆ
ดาวน์โหลด

Netlify CMS + ปฏิกิริยาเริ่มต้น

คำเตือน Netlify CMS ไม่ได้รับการดูแลรักษาอีกต่อไป ดังนั้น ฉันจะไม่ดูแลโปรเจ็กต์นี้อีกต่อไป
ดูที่ decaporg/decap-cms#6503
ทั้ง Netlify CMS และโปรเจ็กต์นี้ใช้งานได้เป็นส่วนใหญ่ (ณ เดือนพฤศจิกายน 2022) แม้ว่าจะมีแนวทางที่ล้าสมัยบางอย่าง เช่น ส่วนประกอบของคลาส React

โปรเจ็กต์เริ่มต้นสำหรับการสร้างเว็บไซต์ออฟไลน์ที่รวดเร็วทันใจด้วย Netlify CMS และ React

  • สร้างแอป React
  • React Router สำหรับการกำหนดเส้นทาง
  • React Helmet สำหรับชื่อเอกสาร คำอธิบาย เมตาดาต้า
  • ตอบสนอง Snapshot สำหรับการเรนเดอร์ล่วงหน้าเป็น html แบบคงที่ เพื่อให้ทำงานได้โดยไม่ต้องใช้ Javascript ️
  • Netlify CMS สำหรับการจัดการเนื้อหา

ฉันมุ่งมั่นที่จะรวมส่วนประกอบที่ใช้กันทั่วไปและแนวปฏิบัติที่ดีที่สุด เช่น แบบฟอร์ม การตั้งค่า แท็ก รูปภาพที่โหลดแบบ Lazy Loading เป็นต้น

ไปได้เลย

  1. กดปุ่ม Deploy to Netlify สิ่งนี้จะ:
  • โคลน repo ลงในบัญชี Github ของคุณ
  • สร้างโปรเจ็กต์ใหม่ให้คุณบน Netlify สร้างและปรับใช้
  1. เมื่อสร้างโปรเจ็กต์ Netlify ของคุณแล้ว ให้ตรวจสอบการตั้งค่าสองสามรายการ:
  • เปิดใช้งาน ข้อมูล ประจำตัว
  • เปลี่ยน การตั้งค่าการลงทะเบียน เป็นการ เชิญเท่านั้น
  • เปิดใช้งาน เกตเวย์ Git
  1. เชิญผู้ใช้ (อาจเป็นตัวคุณเอง) ให้เปิดใช้งานการเข้าถึงของผู้ดูแลระบบ
  • เปิดแท็บ ข้อมูลประจำตัว แล้วกด เชิญผู้ใช้

แสดง CMS ให้ฉันดู!

CMS อยู่ที่ __YOUR_SITE_NAME__.netlify.com/admin

กำลังพัฒนา

  1. โคลน repo ของคุณไปยังเครื่องของคุณ

  2. ติดตั้งการพึ่งพา

ติดตั้ง yarn หรือ npm install

  1. เรียกใช้เซิร์ฟเวอร์การพัฒนา

yarn start หรือ npm run start

หากคุณกำลังเพิ่มหรือแก้ไขเนื้อหาภายใน CMS สิ่งที่ควรทราบ 2-3 ประการ:

  1. การเปลี่ยนแปลงจะถูกส่งไปยัง repo ระยะไกล

  2. คุณจะได้รับแจ้งให้ป้อน URL ของเว็บไซต์ของคุณ ซึ่งจำเป็นสำหรับ Netlify Identity เพื่อจัดการการเข้าสู่ระบบของผู้ใช้ ข้อมูลนี้ถูกจัดเก็บไว้ใน localStorage ดังนั้นคุณอาจต้องล้างแคชของเบราว์เซอร์หากคุณเปลี่ยนโปรเจ็กต์แต่ยังเหลืออยู่บน localhost:3000

การแก้ไขฟิลด์ CMS

การกำหนดค่า Netlify CMS อยู่ใน public/admin/config.yml นี่คือที่ที่คุณจะกำหนดค่าเพจ ฟิลด์ โพสต์ และการตั้งค่าที่ CMS แก้ไขได้

ค้นหาข้อมูลเพิ่มเติมในเอกสาร Netlify CMS

ดูเพิ่มเติม

เอกสาร Netlify CMS
ที่เก็บ Netlify CMS
Hyperstatic – โปรเจ็กต์เริ่มต้นเดียวกันลบด้วย Netlify CMS
Gatsby + Netlify CMS Starter (Gatsbro)

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด