ดาวน์โหลด 4c site - ดาวน์โหลดซอร์สโค้ด 4c site

4c site

โค้ดแหล่งที่มา AI

v0.22.0

ดาวน์โหลด

4C (ชุมชนที่ยอดเยี่ยมของผู้สร้างเนื้อหา)

ลองนึกภาพ ชุมชนเจ๋ง ๆ สำหรับผู้สร้างเนื้อหา หรือ 4C เป็นร้านกาแฟเย็น (เย็นกว่านี้) สภาพแวดล้อมที่ครอบคลุมและเป็นประโยชน์ซึ่งเราช่วยให้ผู้สร้างเนื้อหาบรรลุเป้าหมายโดยการแบ่งปันประสบการณ์

เข้าถึงการเจรจา/การประชุมเชิงปฏิบัติการพิเศษกับผู้สร้างเนื้อหายอดนิยมและด้วยเหตุนี้โอกาสในการทำงานร่วมกัน

เรามีเกมด้วย! -

เข้าร่วมกับเรา:

เข้าร่วมชุมชนที่น่าทึ่งของเราเกี่ยวกับ Discord และ Twitter

- ภาพรวมเว็บไซต์

ที่เก็บนี้เกี่ยวข้องกับเว็บไซต์ชุมชน 4C เยี่ยมชมเว็บไซต์เพื่อติดตามโครงการสมาชิกชุมชนสมาชิกที่กระตือรือร้นและเนื้อหาที่น่าทึ่งอื่น ๆ !

- ต้องการมีส่วนร่วม?

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

สำหรับผู้มีส่วนร่วม

- ซ้อนเทค

ฐานรหัสของ repo นี้ใช้

nextjs
tailwindcss

สำหรับการมีส่วนร่วมในรหัสคุณจะต้อง

ติดตั้งโหนดบนคอมพิวเตอร์ของคุณ
ความรู้พื้นฐานเกี่ยวกับ Git

- ขั้นตอนการบริจาค

คุณสามารถทำงานโดยตรงกับโครงการนี้ใน Gitpod!

หรือเพื่อทำงานในท้องถิ่น

แยกที่เก็บนี้

โคลน repo

$ git clone [email protected]: < your github username > /4c-site.git

นำทางไปยังไดเรกทอรีที่ถูกโคลน
```
$ cd 4c-site
```
ติดตั้งการพึ่งพา
```
$ npm install
```
เริ่มโครงการใน localhost
```
$ npm run dev 
```

การแก้ไขปัญหา

ในระหว่างการพยายามตั้งค่าโครงการในพื้นที่หากคุณเจอข้อผิดพลาดที่ระบุว่า PWA is not supported คุณสามารถลองทำตามขั้นตอนต่อไปนี้เพื่อแก้ไข

สำหรับ Linux หรือ Mac?

ไปที่โฟลเดอร์ 4c-site โดยใช้ cd 4c-site

ในเทอร์มินัล

$ export NODE_OPTIONS=--openssl-legacy-provider

หากคุณได้รับข้อผิดพลาดในรหัสด้านบนให้ใช้ตัวเลือกด้านล่าง
```
$ unset NODE_OPTIONS= " "
```
เริ่มต้นเซิร์ฟเวอร์การพัฒนาด้วย
```
$ npm run dev
```

สำหรับ Windows?

ไปที่โฟลเดอร์ 4c-site โดยใช้ cd 4c-site

ในเทอร์มินัล

$ set NODE_OPTIONS=--openssl-legacy-provider

เริ่มต้นเซิร์ฟเวอร์การพัฒนาด้วย
```
$ npm run dev
```

ในการเรียกใช้โครงการนี้ในเครื่องคุณอาจต้องมีการกำหนดค่าเพิ่มเติมเช่นการลดระดับ node เวอร์ชันของคุณเป็น V16 คุณอาจได้รับข้อผิดพลาดเช่นนี้:

ในการแก้ไขปัญหานี้ลดระดับ node เวอร์ชันเป็น V16 นี่คือวิธีง่ายๆในการทำเช่นนั้นกับตัวจัดการเวอร์ชัน nvm Node Manager:

ดาวน์โหลดและติดตั้ง nvm ใช้ nvm-setup.exe สำหรับ windows หรือติดตั้ง sh บนระบบอื่น ๆ
ติดตั้งเวอร์ชัน v16
```
$ nvm install 16.16.0
```
ทำให้ระบบของคุณใช้โหนดเวอร์ชัน 16
```
$ nvm use 16.16.0
```

หากต้องการตรวจสอบว่าทุกอย่างทำงานได้ใหม่ให้รีสตาร์ทเชลล์ของคุณและเรียกใช้ node -v เอาต์พุตควรเป็น v16.16.0 ถ้าเป็นเช่นนั้นคุณสามารถทำงานในโครงการต่อไปได้!

เรียกใช้การกระทำ

   $ git commit -m <Commit-message>

- การเพิ่มโครงการไปยังหน้าโครงการ

หมายเหตุ: หน้าโครงการสงวนไว้เพื่อแสดงโครงการสำหรับสมาชิกชุมชนเท่านั้น สมาชิกแต่ละคนสามารถจัดทำโครงการได้เพียงโครงการเดียว

หากต้องการเพิ่มโครงการของคุณไปยังหน้าโครงการตรงไปที่ /data Directory และต่อมาไฟล์ projects.json ที่นั่นคุณจะพบวัตถุสำหรับแต่ละโครงการ

ตัวอย่างเช่น,

{
  "name" : " Francesco Ciulla " ,
  "title" : " FREE Web3 Resources " ,
  "screenshot" : " https://user-images.githubusercontent.com/18360871/199210192-f5599a23-f0b1-49ff-9c52-2554a72a2c14.png " ,
  "description" : " A list of resources to learn Web3 for FREE " ,
  "link" : " https://github.com/FrancescoXX/free-Web3-resources " ,
  "twitter" : " https://twitter.com/FrancescoCiull4 " ,
  "live_link" : " https://www.freeweb3resources.com " ,
  "stack" :  [ " React " , " CSS " , " Solidity " ]
}

สร้างวัตถุใหม่ที่คล้ายกับวัตถุด้านบน
ทำตามตัวอย่างด้านบนและสร้างรายละเอียดโครงการเช่น;
- ชื่อของคุณ
- ชื่อของโครงการ
- ภาพหน้าจอ
- คำอธิบายสั้น ๆ
- ลิงค์ไปยัง GitHub repo (ถ้าเป็นโอเพ่นซอร์ส)
- ลิงค์ไปยังโปรไฟล์ Twitter ของคุณ
- ลิงค์สดไปยังโครงการ
เปิดคำขอดึง?

สังเกตสิ่งที่แปลกและ/หรือหายไปจาก readme นี้หรือบนเว็บไซต์เอง? อย่าลังเลที่จะยกประเด็น

เข้าร่วมชุมชน 4C ที่น่าตื่นตาตื่นใจใน Discord และติดตามเราบน Twitter เพื่ออยู่ในวง