karngyan.com ดาวน์โหลด - karngyan.com แหล่งข้อมูลดาวน์โหลด

karngyan.com

ข้อมูลเว็บไซต์

1.0.0

ดาวน์โหลด

โลโก้

template.karngyan.com

ธีมมืด, SEO เป็นมิตร: Nuxt Content + Tailwindcss + Firebase + I18N ใช้สปาสำหรับนักพัฒนา ที่ผัดวันประกันพรุ่ง เพื่อหมุนบล็อก Kickass ของตัวเองอย่างรวดเร็วและแสดงโครงการของพวกเขา

ภาพหน้าจอชื่อผลิตภัณฑ์

เยี่ยมชม: template.karngyan.com เพื่อดูเวอร์ชันที่เปิดใช้งานคุณสมบัติทั้งหมดของเทมเพลตนี้

สารบัญ

คำแนะนำในการทำให้เป็นของคุณเอง
ตัวเลือกการปรับใช้อื่น ๆ
การบริจาค
ส้อมที่ยอดเยี่ยม
ใบอนุญาต
ติดต่อ

คำแนะนำในการทำให้เป็นของคุณเอง

แนะนำ [ชอบวิธีที่ง่ายที่สุดและเร็วที่สุด]

แยกโครงการ
โคลนสำเนาของคุณและสร้างสาขาของคุณเองออกมา

 # replace <username> with your username
git clone [email protected]: < username > /karngyan.com.git
git checkout -b website

เลือกบรรณาธิการที่คุณชื่นชอบและเปิดโครงการ
การตั้งค่าการพัฒนาท้องถิ่น:

 # install node <= 14 and yarn (highly recommended)
$ npm install --global yarn

# cd into your project and install the dependencies
$ yarn install

# run the dev server
$ yarn dev

# open localhost:3000

หน้าอาจไม่โหลดในขณะนี้คุณสามารถตั้งค่า firebase.enabled = false ใน karngyan.config.js ได้ในตอนนี้ อ่านพร้อม

แก้ไข karngyan.config.js ตามความชอบของคุณ คุณสามารถเปิดและปิดส่วน/หน้าโดยการเปลี่ยนค่า enabled สำหรับวัตถุที่เกี่ยวข้อง
- คุณสามารถเพิ่มรูปภาพของคุณลงในไดเรกทอรี static มันตรงกับรูทเมื่อปรับใช้
- อัปเดตวัตถุ strings ตามนั้น
เพื่อเปิดใช้งานความคิดเห็นและไลค์ในบล็อกโพสต์และโพสต์โครงการเราใช้ Firebase หากคุณไม่ต้องการสิ่งนั้นให้ตั้ง firebase.enabled = false ใน karngyan.config.js และย้ายไปยังขั้นตอนต่อไป มิฉะนั้นติดตามสิ่งเหล่านี้:
- สร้างโครงการ Firebase
- สร้างเว็บแอปและรับวัตถุ Firebase Config (คุณสามารถติดตามวิดีโอนี้ได้)
- เปิดใช้งานการอนุญาต (รองรับผู้ให้บริการ Google ณ ตอนนี้)
- เปิดใช้งาน Firestore
- ตั้งค่ากฎคลาวด์ Firestore ต่อไปนี้เพื่อให้ฐานข้อมูลของคุณได้รับการป้องกันการเขียน:
```
 rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    match /likes/{id} {
      allow write: if request.auth != null;
      allow read: if true;
    }
    match /comments/{id} {
      allow write: if request.auth != null && 
        request.resourse.data.text.size() > 0 &&
        request.resource.data.slug.size() > 0;
      allow read: if true;
    }
  }
}
```
- สิ่งนี้จริง ๆ แล้วเปิดช่องโหว่ความปลอดภัยของการอ่านแบบเปิดและจะเพิ่มค่าฐานไฟของคุณสำหรับการอ่านมากเกินไป
- เฉพาะในกรณีที่คุณจะทดสอบในพื้นที่
  - สร้างสำเนาของ .env.example -> .env และเพิ่มค่าจากวัตถุ config
ปรับใช้เพื่อ netlify โดยใช้ config ต่อไปนี้:
- ที่เก็บ: ที่เก็บข้อมูลของคุณ
- สาขา: website
- เผยแพร่ไดเรกทอรี: dist
- สร้างคำสั่ง: yarn generate
- อย่าลืมเพิ่มตัวแปรสภาพแวดล้อมทั้งหมดหากคุณเปิดใช้งาน Firebase
เขียนบล็อกของคุณใน content/posts และโครงการใน content/projects ใน Markdown หรือ HTML มีตัวอย่างสองสามตัวอย่างที่มาพร้อมกับแม่แบบ
เพิ่มไปยังการแสดงละครกระทำและผลักดัน

รหัสเป็นของคุณแก้ไขสิ่งที่คุณรู้สึก อย่าลืมที่จะแสดงที่เก็บถ้าคุณชอบ

โครงการนี้ใช้เนื้อหา NUXT คุณสามารถอ่านได้ที่นี่

นอกจากนี้คุณยังสามารถตั้งค่าป่าไม้เพื่อไม่เปิดรหัสและใช้ตัวแก้ไขเย็น ฉันจะเพิ่มคำแนะนำในการใช้งานในภายหลัง

ตัวเลือกการปรับใช้อื่น ๆ

เว็บไซต์ของฉันเอง karngyan.com ถูกนำไปใช้กับ AWS ในถัง S3 กับ Cloudfront แต่นั่นมาพร้อมกับคำเตือนสองสามข้อเพื่อกำหนดค่าและบำรุงรักษา อย่างไรก็ตาม gulpfile.js ในการปรับใช้กับ AWS นั้นมีความมุ่งมั่นกับโครงการหากคุณรู้สึกว่าคุณต้องการตรวจสอบ

การบริจาค

การมีส่วนร่วมคือสิ่งที่ทำให้ชุมชนโอเพ่นซอร์สเป็นสถานที่ที่น่าทึ่งในการเรียนรู้สร้างแรงบันดาลใจและสร้าง การมีส่วนร่วมใด ๆ ที่คุณทำ จะได้รับการชื่นชมอย่างมาก