-
Notifications
You must be signed in to change notification settings - Fork 20
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat: เพิ่มแนวทางสำหรับเส้นทางอาชีพโปรแกรมเมอร์ในไทยด้วย VitePress
- แนะนำเส้นทางการเติบโตสำหรับโปรแกรมเมอร์ในประเทศไทย - ให้ลิงก์ไปยังเว็บไซต์ Thai Programmer Career Paths - อธิบาย VitePress คืออะไรและประโยชน์ของการเป็น SSG - แชร์แรงบันดาลใจจากวิดีโอของคุณ Thai Pangsakulyanont และงาน Creatorsgarten - รวมแหล่งอ้างอิงสำหรับการเริ่มต้นใช้ VitePress - ระบุสิ่งที่ต้องมีก่อนการติดตั้ง VitePress - เพิ่มคำสั่งสำหรับการติดตั้งและรัน VitePress
- Loading branch information
Showing
1 changed file
with
23 additions
and
24 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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 | ||
``` |