From fa478775beb38377202a71e1398f139f473a8be3 Mon Sep 17 00:00:00 2001
From: Wittawat Karpkrikaew <pz_trinity@hotmail.com>
Date: Tue, 2 Jul 2024 13:26:02 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=E0=B9=80=E0=B8=9E=E0=B8=B4=E0=B9=88?=
 =?UTF-8?q?=E0=B8=A1=E0=B9=81=E0=B8=99=E0=B8=A7=E0=B8=97=E0=B8=B2=E0=B8=87?=
 =?UTF-8?q?=E0=B8=AA=E0=B8=B3=E0=B8=AB=E0=B8=A3=E0=B8=B1=E0=B8=9A=E0=B9=80?=
 =?UTF-8?q?=E0=B8=AA=E0=B9=89=E0=B8=99=E0=B8=97=E0=B8=B2=E0=B8=87=E0=B8=AD?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=8A=E0=B8=B5=E0=B8=9E=E0=B9=82=E0=B8=9B=E0=B8=A3?=
 =?UTF-8?q?=E0=B9=81=E0=B8=81=E0=B8=A3=E0=B8=A1=E0=B9=80=E0=B8=A1=E0=B8=AD?=
 =?UTF-8?q?=E0=B8=A3=E0=B9=8C=E0=B9=83=E0=B8=99=E0=B9=84=E0=B8=97=E0=B8=A2?=
 =?UTF-8?q?=E0=B8=94=E0=B9=89=E0=B8=A7=E0=B8=A2=20VitePress?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- แนะนำเส้นทางการเติบโตสำหรับโปรแกรมเมอร์ในประเทศไทย
- ให้ลิงก์ไปยังเว็บไซต์ Thai Programmer Career Paths
- อธิบาย VitePress คืออะไรและประโยชน์ของการเป็น SSG
- แชร์แรงบันดาลใจจากวิดีโอของคุณ Thai Pangsakulyanont และงาน Creatorsgarten
- รวมแหล่งอ้างอิงสำหรับการเริ่มต้นใช้ VitePress
- ระบุสิ่งที่ต้องมีก่อนการติดตั้ง VitePress
- เพิ่มคำสั่งสำหรับการติดตั้งและรัน VitePress
---
 README.md | 47 +++++++++++++++++++++++------------------------
 1 file changed, 23 insertions(+), 24 deletions(-)

diff --git a/README.md b/README.md
index 9339d88..d2d18ff 100644
--- a/README.md
+++ b/README.md
@@ -1,34 +1,33 @@
-# tpa-path
+# ยินดีต้อนรับสู่ Thai Programmer Career Paths 
+แนวทางแนะนำสำหรับเส้นทางการเติบโตสำหรับโปรแกรมเมอร์ (Programmer Career Paths) ในประเทศไทยนะครับ
 
-## Installation
-### Prerequisites
+## เข้าเยี่ยมชม Thai Programmer Career Paths Website
+https://roadmap.thaiprogrammer.org/
+
+## VitePress คืออะไร?
+`VitePress` เป็นเครื่องมือสร้างเว็บไซต์แบบ Static Site Generator (SSG) ที่ออกแบบมาเพื่อสร้างเว็บไซต์ที่รวดเร็วและเน้นเนื้อหา โดย VitePress จะนำเนื้อหาที่เขียนในรูปแบบ Markdown มาปรับใช้กับธีมแล้วสร้างหน้า HTML แบบ static ที่สามารถเผยแพร่ได้ง่าย
+
+## ได้บันดาลใจในการใช้ VitePress มาจากไหน
+ประทับใจ VitePress หลังจากที่ได้ชม [Video สร้างเว็บแหล่งความรู้สวยๆ ด้วย VitePress โดยคุณ Thai Pangsakulyanont](https://www.youtube.com/watch?v=szr7swXqPSw)
+ขอบคุณเนื้อหาดีๆมากๆนะครับ 
+รวมถึงขอบคุณทาง [Creatorsgarten](https://www.youtube.com/@creatorsgarten) ที่จัดงาน [Event: BKK.JS #19](https://creatorsgarten.org/event/bkkjs19) แบ่งปันความรู้ดีๆขึ้นครับผม
+
+## เริ่มต้น VitePress ยังไง
+### แหล่งอ้างอิง
+- [Getting Started](https://vitepress.dev/guide/getting-started)
+
+### สิ่งที่ต้องมีก่อนติดตั้ง VitePress
 - [Node.js](https://nodejs.org/) version 18 or higher.
 - Terminal for accessing VitePress via its command line interface (CLI).
 - Text Editor with [Markdown](https://en.wikipedia.org/wiki/Markdown) syntax support.
    - [VSCode](https://code.visualstudio.com/) is recommended, along with the [official Vue extension](https://marketplace.visualstudio.com/items?itemName=Vue.volar).
 
-VitePress can be used on its own, or be installed into an existing project. In both cases, you can install it with:
-
+### ติดตั้ง VitePress กันเถอะ
 ```bash
-$ npm add -D vitepress
+npm add -D vitepress
 ```
 
-### Up and Running
-The tool should have also injected the following npm scripts to your `package.json` if you allowed it to do so during the setup process:
-
-```json
-{
-  ...
-  "scripts": {
-    "docs:dev": "vitepress dev docs",
-    "docs:build": "vitepress build docs",
-    "docs:preview": "vitepress preview docs"
-  },
-  ...
-}
-```
-The `docs:dev` script will start a local dev server with instant hot updates. Run it with the following command:
-
+### พร้อมรัน VitePress ล้าวววว
 ```bash
-$ npm run docs:dev
-```
\ No newline at end of file
+npm run docs:dev
+```