interplanetary gatsby starter

- เครื่องเริ่มต้นแกตสบี้ระหว่างดาวเคราะห์

การเขียนบล็อกอย่างง่ายดายบนเว็บแบบกระจายอำนาจ

สวัสดี! ฉันชื่อ @agentofuser และนี่คือผู้เริ่มต้น Gatsby คนแรกของฉัน อิงตามบล็อก IPFS+Gatsby ของฉันที่ https://interplanetarygatsby.com ซึ่งฉันเขียนเกี่ยวกับสิ่งที่ฉันเรียนรู้ในพื้นที่เผยแพร่แบบกระจายอำนาจ

เป้าหมายของการเริ่มต้นนี้คือการจัดหาบล็อกเริ่มต้นที่ดูดีและมีคุณสมบัติครบถ้วนเพื่อให้คุณเขียนบน DWeb ได้อย่างง่ายดายที่สุดเท่าที่จะเป็นไปได้ โดยไม่ต้องออกจากเบราว์เซอร์หรือติดตั้งสิ่งใดเลย และไม่มีความรู้ล่วงหน้าเกี่ยวกับ Gatsby, IPFS หรือ แม้แต่การเขียนโปรแกรม

เรายังไม่สมบูรณ์ 100% แต่นี่คือวิธีที่คุณสามารถทำให้เว็บไซต์แรกของคุณพร้อมใช้งาน:

จาก CodeSandbox ไปจนถึง IPFS

1. เปิดตัวเริ่มต้นนี้บน CodeSandbox
2. คลิกปุ่มส้อมที่มุมขวาบน
3. รอให้ตัวอย่างเว็บไซต์ปรากฏขึ้น
4. ลงทะเบียนเพื่อรับบัญชีฟรีที่ pinata.cloud
5. ไปที่หน้าบัญชี Pinata ของคุณ
6. คัดลอกคีย์ PINATA API และคีย์ PINATA SECRET API
7. กลับไปที่แท็บ CodeSandbox
8. เปิดแถบด้านข้างแผงควบคุมเซิร์ฟเวอร์ (ที่สามจากด้านบน)
9. เลื่อนลงไปที่ "รหัสลับ"
10. เพิ่มคีย์ลับสองคีย์ (สังเกตเครื่องหมาย _ สองตัวบนชื่อคีย์):
11. • ชื่อ: IPFS_DEPLOY_PINATA__API_KEY
    • ค่า: วางคีย์ api ที่นี่
    • คลิก "บันทึกความลับ"
12. • ชื่อ: IPFS_DEPLOY_PINATA__SECRET_API_KEY
    • ค่า: วางคีย์ API ลับที่นี่
    • คลิก "บันทึกความลับ"
13. เลื่อนขึ้นไปที่ "เรียกใช้สคริปต์" ซึ่งยังอยู่บนแถบด้านข้างแผงควบคุมเซิร์ฟเวอร์
14. คลิก yarn stage
15. รอและดูเมื่อมีเอาต์พุตจำนวนมากทะลักออกมาในเทอร์มินัล

ในตอนท้าย หากทุกอย่างเป็นไปด้วยดี คุณจะเห็นสิ่งนี้:

 ✔ ? It's pinned to Pinata now with hash:
ℹ ? QmdJiFJHmW4DRjbgntS6wnaWbLpcCaw5gLeV8TiAEmj3Je

แฮชของคุณอาจแตกต่างกัน

ตอนนี้คุณสามารถดูเว็บไซต์ของคุณได้โดยการคัดลอกแฮชนั้นไปที่ส่วนท้ายของ https://gateway.pinata.cloud/ipfs/ ในกรณีของฉันมันคือ:

https://gateway.pinata.cloud/ipfs/QmdJiFJHmW4DRjbgntS6wnaWbLpcCaw5gLeV8TiAEmj3Je

คุณสามารถส่งข้อมูลนั้นให้เพื่อนได้ และพวกเขาจะสามารถดูเว็บไซต์ของคุณทั้งผ่านเกตเวย์ HTTPS และผ่านเครือข่ายเพียร์ทูเพียร์ หากพวกเขาติดตั้ง IPFS

กรุณาให้ข้อเสนอแนะ! -

ทุกอย่างเหมาะกับคุณใช่ไหม? สุดยอด! โปรดส่ง Ping ฉันบน Twitter ที่ @agentofuser และแจ้งให้เราทราบ ฉันชอบที่จะได้ยินว่า!

นอกจากนี้ หากคุณมีปัญหาใดๆ เรายินดีที่จะช่วยคุณแก้ไขปัญหา

ไชโย!