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 +```