Professional Engineering & AI Portfolio

เจ้าของผลงานเล่าไว้แบบนี้

https://theone.vercel.app # คู่มือใช้งาน Portfolio Website เว็บไซต์ Portfolio ส่วนตัวแนว Professional Engineering & AI Systems --- ## สารบัญ 1. [สิ่งที่ต้องติดตั้งก่อนเริ่ม](#1-สิ่งที่ต้องติดตั้งก่อนเริ่ม) 2. [วิธีติดตั้งโปรเจกต์](#2-วิธีติดตั้งโปรเจกต์) 3. [วิธีรันโปรเจกต์](#3-วิธีรันโปรเจกต์) 4. [โครงสร้างไฟล์](#4-โครงสร้างไฟล์) 5. [วิธีแก้ไขข้อมูลใน data.json](#5-วิธีแก้ไขข้อมูลใน-datajson) 6. [วิธีเพิ่ม/ลดโครงการ](#6-วิธีเพิ่มลดโครงการ) 7. [วิธีใส่รูปภาพ](#7-วิธีใส่รูปภาพ) 8. [วิธีเพิ่มบทความ (MDX)](#8-วิธีเพิ่มบทความ-mdx) 9. [วิธีแก้ไขข้อความหน้าเว็บ](#9-วิธีแก้ไขข้อความหน้าเว็บ) 10. [วิธี Build / Export](#10-วิธี-build--export) 11. [วิธี Deploy ขึ้น GitHub Pages (แบบละเอียด)](#11-วิธี-deploy-ขึ้น-github-pages-แบบละเอียด) 12. [วิธี Deploy ขึ้น Vercel](#12-วิธีdeploy-ขึ้น-vercel) 13. [แก้ปัญหาที่พบบ่อย](#13-แก้ปัญหาที่พบบ่อย) 14. [SEO & Google Search Console](#14-seo--google-search-console) 15. [ระบบสี (Color System)](#15-ระบบสี-color-system) 16. [สถิติผู้เข้าชม (Supabase)](#16-สถิติผู้เข้าชม-supabase) 17. [Easter Egg (Pixel Art)](#17-easter-egg-pixel-art) --- ## 1. สิ่งที่ต้องติดตั้งก่อนเริ่ม ### 1.1 ติดตั้ง Node.js Node.js คือโปรแกรมที่ใช้รัน JavaScript บนเครื่องของเรา 1. ไปที่ https://nodejs.org 2. ดาวน์โหลดเวอร์ชัน **LTS** (แนะนำ) 3. เปิดไฟล์ที่ดาวน์โหลดมา แล้วกด Next > Next > Install จนเสร็จ 4. ตรวจสอบว่าติดตั้งสำเร็จ โดยเปิด **Command Prompt** หรือ **PowerShell** แล้วพิมพ์: ```bash node --version ``` ถ้าแสดงตัวเลข เช่น `v20.x.x` แปลว่าติดตั้งสำเร็จ ### 1.2 ติดตั้ง Git (ถ้ายังไม่ม

โดย titiwatpure · ดูโพสต์ต้นทาง