ทำเว็บพอร์ตโฟลิโอหรือเรซูเม่ออนไลน์ด้วย AI แล้วขึ้นเว็บฟรี
โครงเว็บพอร์ตโฟลิโอ 5 ส่วน prompt พร้อมใช้ ตั้งชื่อเว็บเป็นชื่อตัวเองฟรีบน BrewInTH ใส่ PDF เรซูเม่ และข้อมูลส่วนตัวที่ไม่ควรขึ้นเว็บ
สมัครงาน รับงานฟรีแลนซ์ หรือยื่นเรียนต่อ คนอ่านมักอยากเห็น "ผลงานจริง" มากกว่าไฟล์ PDF หนึ่งไฟล์ แต่การทำเว็บพอร์ตโฟลิโอเองดูยุ่ง ต้องเลือกธีม จ่ายค่าเว็บสำเร็จรูปรายเดือน หรือจ้างคนทำ
ตอนนี้ AI เขียนเว็บพอร์ตโฟลิโอสวย ๆ ให้ได้ในไม่กี่นาที บทความนี้พาทำ เว็บพอร์ตโฟลิโอหรือเรซูเม่ออนไลน์ด้วย AI ตั้งแต่เตรียมเนื้อหา สั่ง AI นำขึ้นเว็บฟรีบน BrewInTH ตั้งชื่อเว็บเป็นชื่อตัวเอง จนถึงเรื่องข้อมูลส่วนตัวที่ไม่ควรใส่
สรุปสั้นก่อนอ่าน
✅ เว็บพอร์ตโฟลิโอเป็นเว็บ static ใช้แพ็กเกจฟรีได้ และไม่พักเครื่อง HR กดลิงก์ตอนไหนก็เปิดได้ทันที
✅ ตั้งชื่อเว็บฟรีเป็นชื่อตัวเองได้ เช่นpim-design.host.brewinth.net(ตั้งได้ครั้งเดียว เลือกให้ดี)
✅ ทำหน้าแยกต่อผลงานได้ในเว็บเดียว เช่น/work/coffee-app/
✅ ใส่ไฟล์ PDF เรซูเม่ให้เปิดหรือดาวน์โหลดจากเว็บได้
✅ ห้ามใส่เบอร์โทร ที่อยู่บ้าน หรือเลขบัตรประชาชนบนเว็บสาธารณะ
เว็บพอร์ตโฟลิโอต้องมีอะไรบ้าง
เว็บที่ดีไม่ต้องยาว ขอแค่ตอบคำถามของคนอ่านให้เร็ว ว่า "คนนี้คือใคร ทำอะไรได้ และติดต่อยังไง"
- หน้าแรก ชื่อ และประโยคเดียวที่บอกว่าคุณทำอะไร เช่น "นักออกแบบ UI ที่ทำแอปร้านอาหารมา 3 ปี"
- ผลงานเด่น 3-6 ชิ้น เลือกชิ้นที่ตรงกับงานที่อยากได้ ดีกว่าใส่ทุกชิ้น
- หน้าแยกของแต่ละผลงาน เล่าสั้น ๆ ว่าโจทย์คืออะไร คุณทำส่วนไหน และผลเป็นยังไง
- ประวัติย่อ การศึกษา ประสบการณ์ ทักษะ พร้อมปุ่มเปิดไฟล์ PDF
- ช่องทางติดต่อ อีเมล LinkedIn หรือ GitHub
ขั้นที่ 1: เตรียมเนื้อหา
AI จัดหน้าได้สวย แต่เนื้อหาต้องมาจากคุณ เตรียมเป็นข้อความธรรมดาในไฟล์เดียว
- ชื่อที่จะใช้บนเว็บ และประโยคแนะนำตัว 1-2 บรรทัด
- ผลงาน 3-6 ชิ้น: ชื่อ ปี บทบาทของคุณ โจทย์ สิ่งที่ทำ ผลลัพธ์ (ถ้ามีตัวเลขจริงยิ่งดี)
- รูปผลงาน ชิ้นละ 1-3 รูป
- ประวัติย่อ และไฟล์เรซูเม่ PDF
- ลิงก์ติดต่อ
ผลงานที่ทำให้ลูกค้าหรือบริษัทเดิม เช็กก่อนว่าเปิดเผยได้ไหม ถ้าไม่แน่ใจ ตัดชื่อลูกค้าและข้อมูลภายในออก เล่าเฉพาะวิธีคิดและสิ่งที่คุณทำ
ขั้นที่ 2: สั่ง AI ทำเว็บ
เปิด ChatGPT, Claude หรือ Gemini แล้ววาง prompt นี้ (แก้ข้อมูลเป็นของคุณ)
ช่วยทำเว็บพอร์ตโฟลิโอส่วนตัว เป็น HTML + CSS ธรรมดา ไม่ใช้ framework เปิดบนมือถือได้ดี
ข้อมูลของฉัน:
- ชื่อ: พิม (นักออกแบบ UI/UX ประสบการณ์ 3 ปี)
- ประโยคแนะนำตัว: ออกแบบแอปที่คนใช้ครั้งแรกก็เข้าใจ
- ผลงาน: (วางรายการผลงาน 3-6 ชิ้น: ชื่อ ปี บทบาท โจทย์ สิ่งที่ทำ ผลลัพธ์)
- ประวัติย่อ: (วางการศึกษา ประสบการณ์ ทักษะ)
- ติดต่อ: อีเมล pim@example.com, LinkedIn (วางลิงก์)
โครงเว็บ:
- index.html หน้าแรก: ชื่อ ประโยคแนะนำตัว การ์ดผลงานเด่น ปุ่มติดต่อ
- work/<ชื่อผลงาน>/index.html หน้าแยกของแต่ละผลงาน
- about/index.html ประวัติย่อ และปุ่ม "เปิดเรซูเม่ (PDF)" ลิงก์ไป resume.pdf
- 404.html หน้าไม่พบ พร้อมลิงก์กลับหน้าแรก (ลิงก์ขึ้นต้นด้วย /)
- รูปอยู่ในโฟลเดอร์ images/ ใช้ชื่อตามที่ฉันบอก
- ใส่ title, meta description และ og:image ทุกหน้า
- โทนสีขาว เทาอ่อน สีเน้นน้ำเงิน ตัวหนังสืออ่านง่าย
- ห้ามแต่งผลงาน ตัวเลข หรือคำชมที่ฉันไม่ได้ให้ไว้
- ไม่ต้องใส่เบอร์โทรและที่อยู่ขอให้ AI ทำหน้าแยกเป็นโฟลเดอร์ที่มี index.html อยู่ข้างใน ที่อยู่ของหน้าจะสวยแบบ /work/coffee-app/ และส่งลิงก์ผลงานชิ้นเดียวให้คนอื่นได้
ได้หน้าตาแล้วอยากปรับ บอกในแชตเดิมได้เลย เช่น "การ์ดผลงานใหญ่ขึ้น" หรือ "เพิ่มโหมดกลางคืน"
ขั้นที่ 3: นำขึ้นเว็บบน BrewInTH
ตั้งชื่อเว็บ
- สมัครที่ brewinth.com แล้วสร้างโปรเจกต์ ตั้งชื่อเว็บเป็นชื่อของคุณ เช่น
pim-designเว็บจะอยู่ที่pim-design.host.brewinth.net - ถ้าสร้างโปรเจกต์ไปแล้วและยังเป็นชื่อสุ่มแบบ
brew-…ให้กดปุ่ม ตั้งชื่อเว็บฟรี ในหน้าโปรเจกต์
ชื่อเว็บฟรี ตั้งได้ครั้งเดียว เลือกชื่อที่ใช้ได้นาน เช่น ชื่อจริงหรือชื่อที่ใช้ในวงการ ไม่ผูกกับบริษัทที่ทำงานตอนนี้
ส่งไฟล์
ทางที่ 1: ไม่มี coding agent เปิดเมนู อัปโหลดแล้วขึ้นเว็บ (BETA) เลือกโปรเจกต์ แล้วส่งเป็น ไฟล์ ZIP ที่มี index.html อยู่ชั้นนอกสุด พร้อมโฟลเดอร์ work/, about/, images/ และไฟล์ resume.pdf ใช้แท็บ ZIP เพราะพอร์ตโฟลิโอมีรูปและหลายโฟลเดอร์
ทางที่ 2: มี coding agent (Claude Code, Codex, Cursor, Windsurf) กด สร้างลิงก์และ token สำหรับ AI (อัตโนมัติ) แล้ววางข้อความสำเร็จรูปให้ AI มันจะอัปโหลดทุกไฟล์ตามโครงโฟลเดอร์และเปิดเว็บจริงตรวจให้ ดูวิธีตั้งค่า agent ในบทความนี้
ย่อรูปก่อน
แพ็กเกจฟรีมีพื้นที่ไฟล์ 20 MB รวมทั้งเว็บ รูปผลงานจากกล้องหรือ Figma อาจใหญ่หลาย MB ย่อให้กว้างไม่เกินราว 1,600 px และแปลงเป็น WebP ก่อน หน้าเว็บโหลดเร็วขึ้นด้วย ซึ่งสำคัญเพราะคนมักเปิดลิงก์จากมือถือ
เรซูเม่ PDF บนเว็บ
วาง resume.pdf ไว้ในเว็บ แล้วทำปุ่มลิงก์ไปที่ไฟล์ เบราว์เซอร์จะเปิด PDF ให้อ่านได้ทันที ถ้าอยากให้กดแล้วดาวน์โหลดเลย ให้ AI ใส่ download ในลิงก์ เช่น <a href="/resume.pdf" download>
เวลาแก้เรซูเม่ ใช้ชื่อไฟล์เดิม ลิงก์ที่ส่งให้คนอื่นไปแล้วจะได้ไฟล์ใหม่เสมอ
ข้อมูลส่วนตัว: อะไรไม่ควรอยู่บนเว็บ
เรซูเม่กระดาษส่งให้คนไม่กี่คน แต่เว็บใครก็เปิดได้ และถูกเก็บลงเครื่องมือค้นหา ใช้หลักนี้
- ใส่ได้: ชื่อ อีเมลสำหรับติดต่องาน LinkedIn หรือ GitHub จังหวัดที่อยู่ ผลงานที่ได้รับอนุญาต
- ไม่ควรใส่: เบอร์โทรส่วนตัว ที่อยู่บ้าน วันเกิด เลขบัตรประชาชน รูปบัตรหรือเอกสารราชการ ข้อมูลภายในของลูกค้า
ไฟล์ PDF ก็เช่นกัน ทำฉบับสำหรับเว็บแยก ตัดเบอร์โทรและที่อยู่ออก ฉบับเต็มค่อยส่งให้บริษัทที่ติดต่อมาโดยตรง
อีกเรื่องคือ portal ของ BrewInTH ตอนสร้างโปรเจกต์จะมีสวิตช์ เผยแพร่ผ่าน portal ของ brewInTH เพื่อประชาสัมพันธ์ฟรี เปิดไว้เป็นค่าเริ่มต้น เว็บจะแสดงที่ portal.brewinth.com เมื่อออนไลน์และทีมงานอนุมัติแล้ว ถ้าไม่อยากให้เว็บส่วนตัวไปอยู่ในหน้ารวม ปิดสวิตช์ตอนสร้าง หรือปิดทีหลังในหน้าโปรเจกต์ได้ทุกเมื่อ
ตรวจก่อนส่งลิงก์ให้ใคร
- เปิดจากมือถือ เลื่อนดูทุกหน้า รูปไม่บี้ ตัวหนังสือไม่เล็กไป
- กดทุกลิงก์ ทั้งการ์ดผลงาน ปุ่มเรซูเม่ และลิงก์ติดต่อ
- พิมพ์ที่อยู่ผิดหนึ่งหน้า เช่น
/abcต้องเห็นหน้า 404 ของคุณ - ส่งลิงก์เข้าแชตของตัวเอง ดูว่ามีภาพและคำอธิบายขึ้น
- อ่านทวนทุกตัวเลขและชื่อบริษัท ว่าเป็นของจริงทั้งหมด
อยากได้ที่อยู่สั้นหรือโดเมนของตัวเอง
ที่อยู่ฟรีใช้สมัครงานได้สบาย ถ้าอยากให้สั้นลง ซื้อครั้งเดียวได้สองแบบ pim-design.w.brewinth.net 49 บาท หรือ pim-design.brewinth.net 99 บาท ชื่อเดิมยังเปิดได้และพาไปที่อยู่ใหม่เอง
ถ้ารับงานฟรีแลนซ์จริงจัง โดเมนของตัวเองอย่าง pimdesign.com ดูเป็นมืออาชีพที่สุด การเชื่อมโดเมนใช้ได้ในแพ็กเกจแบบชำระเงิน เริ่มที่ Starter 99 บาทต่อเดือน ดูวิธีในบทความเชื่อมโดเมน
อัปเดตผลงานใหม่
ได้งานชิ้นใหม่ บอก AI ในแชตเดิมให้เพิ่มการ์ดและหน้าแยก แล้วส่ง ไฟล์ครบทั้งชุด มาที่โปรเจกต์เดิมในหน้า อัปโหลดแล้วขึ้นเว็บ หน้านั้นจะขึ้นว่า อัปเดตเว็บเดิม ที่อยู่เว็บไม่เปลี่ยน
ระวัง: เว็บ static ถูกแทนด้วยไฟล์ชุดใหม่ทั้งชุด ไฟล์ที่ไม่ได้ส่งมาในรอบนั้น เช่น รูปเก่าหรือ resume.pdf จะหายจากเว็บ
คำถามที่พบบ่อย
ใช้แพ็กเกจฟรีได้ไหม
ได้ แพ็กเกจฟรีมี 1 โปรเจกต์ พื้นที่ไฟล์ 20 MB และ bandwidth 1 GB ต่อเดือน พอสำหรับพอร์ตโฟลิโอที่ย่อรูปแล้ว และเว็บ static ไม่พักเครื่อง เปิดได้ทันทีทุกครั้ง
ชื่อเว็บที่ตั้งไปแล้ว เปลี่ยนได้ไหม
ชื่อเว็บฟรีตั้งได้ครั้งเดียว ถ้าอยากได้ชื่ออื่นภายหลัง ซื้อที่อยู่แบบสั้น 49 หรือ 99 บาทด้วยชื่อใหม่ ชื่อเดิมยังเปิดได้และพาไปที่อยู่ใหม่ ลิงก์ที่ส่งให้คนอื่นไปแล้วจึงไม่เสีย
ใส่วิดีโอผลงานได้ไหม
ได้ แต่ไฟล์วิดีโอใช้พื้นที่มาก แนะนำอัปโหลดวิดีโอไว้ที่ YouTube แล้วให้ AI ฝังในหน้าเว็บ
ทำเว็บภาษาอังกฤษคู่กับภาษาไทยได้ไหม
ได้ ให้ AI ทำหน้าภาษาอังกฤษในโฟลเดอร์ en/ พร้อมปุ่มสลับภาษาทุกหน้า เว็บยังเป็น static เหมือนเดิม
ทำจากมือถือได้ไหม
ดูสถานะและตั้งค่าจากมือถือได้ แต่ขั้นส่งไฟล์และให้ AI นำขึ้นเว็บบนมือถือยังไม่เสถียร แนะนำให้ทำบนคอมพิวเตอร์
สรุป
เว็บพอร์ตโฟลิโอที่ดีมีแค่ 5 ส่วน เตรียมผลงานจริง 3-6 ชิ้น ให้ AI จัดหน้าเป็นโฟลเดอร์ ตั้งชื่อเว็บเป็นชื่อตัวเอง นำขึ้น BrewInTH ฟรี แล้วตรวจบนมือถือก่อนส่งลิงก์ และอย่าลืมตัดข้อมูลส่วนตัวที่ไม่จำเป็นออกจากทั้งเว็บและไฟล์ PDF