กลับไปดูแล้วทำตาม
ตอนที่ 2/3มีเว็บของตัวเองใน 2 ชั่วโมง งบ 0 บาท45 นาที
สั่งแก้ทีละเรื่อง แล้วลากโฟลเดอร์ขึ้นเน็ต
ต่อจากไฟล์เว็บที่ได้ในตอนที่ 1 วันนี้เปิดดูในเครื่องแล้วสั่งแก้แบบที่ได้ผล บอกสิ่งที่เห็น แก้ทีละเรื่อง เอาไฟล์ใหม่ไปทับไฟล์เดิมให้ถูกที่ บีบจอให้เท่ามือถือ แล้วสมัคร Cloudflare ฟรี ลากโฟลเดอร์ไปวาง ได้ที่อยู่เว็บที่ส่งให้ใครก็เปิดได้จากทุกที่ในโลก พังให้ดู 3 จุดที่คนทำเว็บครั้งแรกเจอกันทุกคน
กำลังอัดตอนนี้อยู่
บทและคำสั่งพร้อมแล้วด้านล่าง อ่านทำตามไปก่อนได้เลย พออัปคลิปเสร็จจะขึ้นที่นี่
ภารกิจของตอนนี้
จบตอนนี้ เว็บของคุณดูดีบนมือถือ และมีที่อยู่บนเน็ตที่ส่งให้ใครก็เปิดได้จากทุกที่ในโลก
- ด่าน 1บอกสิ่งที่เห็น แก้ทีละเรื่อง
- ด่าน 2ไฟล์ใหม่ทับไฟล์เดิม
- ด่าน 3ดูแบบมือถือ
- ด่าน 4ขึ้นเน็ตจริง
คำสั่งที่ใช้ในตอนนี้
หยุดคลิปแล้วก๊อปไปวางได้เลย เรียงตามลำดับที่ใช้ในคลิป
- 1.ทุกเครื่องด่าน 1 ลองพังดู ตัวอย่างที่ไม่ควรทำ รวบ 8 อย่างในคำสั่งเดียว พิมพ์ในช่องแชตของ claude.ai
ช่วยแก้หน้าเว็บให้หน่อย ตัวหนังสือเล็กไปขยายให้ใหญ่ขึ้น ย้ายปุ่มโทรขึ้นไปไว้บนสุด สีจืดไปเปลี่ยนให้สดใสกว่านี้ เมนูเรียงไม่สวยจัดเป็นตารางให้หน่อย เพิ่มส่วน ที่นั่งและปลั๊ก บอกว่ามีปลั๊กทุกโต๊ะ ใส่รูปประกอบเมนูทุกอย่าง เปลี่ยนแบบตัวหนังสือให้ดูทันสมัยขึ้น แล้วก็ใส่ไอคอนหน้าเมนูแต่ละอย่างด้วย - 2.ทุกเครื่องด่าน 1 เอาแบบเดิมกลับมาหลังสั่งรวบ ถ้าไม่ได้ผล ใช้ปุ่มเลื่อนเวอร์ชั่นใต้หน้าต่างตัวอย่างแทน
กลับไปใช้แบบก่อนหน้าทั้งหมด ยกเลิกที่เพิ่งแก้ไปทั้ง 8 อย่าง - 3.ทุกเครื่องด่าน 1 แก้เรื่องที่ 1 บอกสิ่งที่เห็น ไม่บอกวิธีแก้ ปิดท้ายว่าอย่างอื่นห้ามเปลี่ยน
ตัวหนังสือบนมือถือเล็กไป อ่านยาก แก้แค่เรื่องนี้ อย่างอื่นห้ามเปลี่ยน - 4.ทุกเครื่องด่าน 1 แก้เรื่องที่ 2 สั่งหลังเลื่อนดูผลของเรื่องที่ 1 จนพอใจแล้วเท่านั้น
ปุ่มโทรอยู่ล่างสุด อยากให้เห็นตั้งแต่เปิดหน้า แก้แค่เรื่องนี้ อย่างอื่นห้ามเปลี่ยน - 5.ทุกเครื่องทริคลับ ใช้เมื่อแชตเดิมหาย พิมพ์ในแชตใหม่หลังลาก index.html ลงช่องพิมพ์แล้ว
นี่คือหน้าเว็บของผม ช่วยแก้ตามที่บอกโดยไม่เปลี่ยนอย่างอื่น ตอนนี้ยังไม่ต้องแก้อะไร รอผมบอกทีละเรื่อง - 6.macOSรีเฟรชหน้าเว็บใน Safari กดตอนอยู่ที่แท็บที่เปิดจากโฟลเดอร์ my-website
Command R - 7.ทุกเครื่องด่าน 3 หลังบีบหน้าต่าง Safari ให้แคบเท่ามือถือ บอกสิ่งที่เห็นตอนจอแคบ ถ้าของคุณพังคนละอย่าง เปลี่ยนข้อความให้ตรงกับที่เห็น
ตอนจอแคบ เมนูกับราคาซ้อนกัน แก้แค่เรื่องนี้ อย่างอื่นห้ามเปลี่ยน - 8.macOSด่าน 3 กดใน Chrome หลังเปิด index.html แล้ว จะมีแผงโค้ดโผล่ข้าง ๆ ไม่ต้องอ่านมัน
Command Option I - 9.macOSด่าน 3 กดต่อจาก Command Option I หน้าเว็บจะย่อเป็นจอมือถือ เลือกรุ่นได้ด้านบน
Command Shift M - 10.ทุกเครื่องด่าน 4 พิมพ์ในเบราว์เซอร์ สมัครฟรีด้วยอีเมล ไม่ผูกบัตร แล้วไปกดยืนยันในอีเมล
https://dash.cloudflare.com/sign-up - 11.ทุกเครื่องด่าน 4 หน้าแรกของบัญชี Cloudflare ถ้าหลงอยู่หน้าชวนใส่โดเมน พิมพ์อันนี้กลับมา แล้วหาเมนูซ้ายที่มีคำว่า Pages
https://dash.cloudflare.com - 12.ทุกเครื่องด่าน 4 พิมพ์ในช่อง Project name ใช้อังกฤษตัวเล็ก ตัวเลข ขีดกลางเท่านั้น ชื่อนี้คือที่อยู่เว็บ ถ้าถูกใช้แล้วเติมเลขต่อท้าย
bansuan-coffee - 13.ทุกเครื่องด่าน 4 พิมพ์ในเบราว์เซอร์มือถือ ถ้าชื่อโปรเจคของคุณต่างจากนี้ ใช้ชื่อของคุณตามด้วย .pages.dev
bansuan-coffee.pages.dev - 14.ทุกเครื่องทริคลับ ลากโฟลเดอร์ได้ลิงก์ทันที ไม่ต้องสมัคร แต่ลิงก์อยู่แค่ 60 นาที ใช้โชว์เพื่อน ห้ามส่งลูกค้า
https://cloudflare.com/drop
การบ้านของตอนนี้
ส่งที่อยู่เว็บที่ลงท้าย pages.dev ของคุณมาที่กล่องคำถามบนเว็บ ยังมีวงเล็บ (ใส่ข้อมูลตรงนี้) ค้างอยู่ก็ส่งได้ ผมเปิดดูทุกอัน แล้วจะหยิบมาพูดถึงในตอนหน้า
ตอนหน้าเปิดด้วยเฉลยข้อนี้
อ่านเจาะลึกต่อ
เรื่องพวกนี้มีเขียนไว้ละเอียดแล้วที่อื่นในเว็บ — คู่มือนี้เลยไม่เขียนซ้ำ
- เขียนโค้ดไม่เป็น ก็มีเว็บเป็นของตัวเองได้ — 2 ชั่วโมง งบ 0 บาทต้นทางของซีซั่นนี้ ตอนนี้คือขั้นที่ 3 กับ 4 ของทิป โครงคำสั่งและกับดัก 5 ข้ออยู่ในนั้น
- เอาเว็บขึ้นเน็ตให้คนอื่นเปิดได้ และวิธีถอยกลับเมื่อแก้แล้วพังขยายด่าน 2 กับด่าน 4 เอาเว็บขึ้นเน็ตให้คนอื่นเปิดได้ และวิธีถอยกลับเมื่อแก้แล้วพัง
- เว็บที่ได้จากการคุยกับแชต ขาดอะไรไป และไฟล์ที่หายไปอยู่ตรงไหนทำไมปุ่ม Publish ในแชตให้ลิงก์ได้ แต่ไฟล์ไม่อยู่ในมือเรา ที่มาของการ์ดเทียบในด่าน 4
ของที่ dev แนะนำ
เป็นลิงก์ affiliate — ถ้าคุณช้อปผ่านลิงก์นี้ dev ได้ค่าคอมเล็กน้อย โดยราคาคุณเท่าเดิม 🙏
UGREEN Nexode GaN Charger 20W/30W
หัวชาร์จ GaN ตัวเดียวจบทั้งโน้ตบุ๊กและมือถือ ตัวเล็กกว่าหัวเดิมที่แถมมาเยอะ — ถ้ายังไม่มี เริ่มจากตัวนี้ก่อนได้
330 บาทดูบน Shopee
TNW K20 ไมโครโฟนคอนเดนเซอร์ ตัดเสียงรบกวน
งบยังไม่เยอะแต่ไม่อยากให้เสียงแตก — ไมค์คอนเดนเซอร์ตัวเริ่มต้นที่พอสำหรับอัดคลิปสอนหรือประชุมออนไลน์
589 บาทดูบน Shopee
Hollyland LARK A1 ไมโครโฟนไร้สายขนาดเล็กสําหรับ iPhone Android การสร้างวิดีโอVlogging สตรีมสดคุณภาพสูง
อุปกรณ์เริ่มทำคอนเทนต์/สอนออนไลน์ หารายได้เสริม
2,366 บาทดูบน Shopee
