Skip to content

Commit

Permalink
feat: เพิ่มแนวทางสำหรับเส้นทางอาชีพโปรแกรมเมอร์ในไทยด้วย VitePress
Browse files Browse the repository at this point in the history
- แนะนำเส้นทางการเติบโตสำหรับโปรแกรมเมอร์ในประเทศไทย
- ให้ลิงก์ไปยังเว็บไซต์ Thai Programmer Career Paths
- อธิบาย VitePress คืออะไรและประโยชน์ของการเป็น SSG
- แชร์แรงบันดาลใจจากวิดีโอของคุณ Thai Pangsakulyanont และงาน Creatorsgarten
- รวมแหล่งอ้างอิงสำหรับการเริ่มต้นใช้ VitePress
- ระบุสิ่งที่ต้องมีก่อนการติดตั้ง VitePress
- เพิ่มคำสั่งสำหรับการติดตั้งและรัน VitePress
  • Loading branch information
ponggun authored Jul 2, 2024
1 parent 898d322 commit fa47877
Showing 1 changed file with 23 additions and 24 deletions.
47 changes: 23 additions & 24 deletions README.md
Original file line number Diff line number Diff line change
@@ -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
```
npm run docs:dev
```

0 comments on commit fa47877

Please sign in to comment.