From 311ea5bb034773e2a5f2156772e335354f2ba567 Mon Sep 17 00:00:00 2001 From: Ponggun Date: Wed, 7 Aug 2024 23:10:28 +0700 Subject: [PATCH] Fix build error --- README.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index 4a7f340..3b59771 100644 --- a/README.md +++ b/README.md @@ -32,7 +32,7 @@ npm add -D vitepress npm run docs:dev ``` -ถ้ารันขึ้นแล้วให้ลองดูที่ [http://localhost:5173/](http://localhost:5173/) +ถ้ารันขึ้นแล้วให้ลองดูที่ http://localhost:5173 ## VS Code Tasks ใน `Visual Studio Code (VS Code)` คำสั่ง `Run Tasks` คือฟีเจอร์ที่ช่วยให้เราสามารถรันงานหรือสคริปต์ที่กำหนดไว้ในไฟล์ `tasks.json` ซึ่งอยู่ในโฟลเดอร์ `.vscode` เพื่อทำการคอมไพล์โค้ด, รันทดสอบ, ทำการ linting หรือการทำงานอื่นๆ ที่จำเป็น @@ -64,7 +64,7 @@ npm run docs:dev 3. เลือกงานที่ต้องการรันจากรายการที่ปรากฏดังนี้ 3.1. เลือก `Install VitePress` เพื่อติดตั้ง VitePress 3.2. เลือก `Run VitePress` เพื่อรัน VitePress -4. ถ้ารันขึ้นแล้วให้ลองดูที่ [http://localhost:5173/](http://localhost:5173/) +4. ถ้ารันขึ้นแล้วให้ลองดูที่ http://localhost:5173 ![](./images/vscodetasks.jpg) @@ -77,7 +77,7 @@ npm run docs:dev ### เพิ่ม Path ใหม่ ![](./images/Path01.jpg) -- ขั้นตอนแรกให้เราทำการเปิด File [index.md](./index.md) +- ขั้นตอนแรกให้เราทำการเปิด File `index.md` - ทำการเพิ่มเนื้อหาของ `Path` ใหม่ที่ต้องการ - ตัวอย่างเช่น Path สำหรับตำแหน่งสายงาน IT ```markdown @@ -87,8 +87,8 @@ npm run docs:dev ``` - ผลลัพธ์ที่ได้ ![](./images/Path03.jpg) -- เสร็จแล้วให้ทำการเพิ่ม Folder ใน [Paths](./paths/) - - ตัวอย่างของผมจะเพิ่มเป็น `career` เพื่อให้ตรงกับรายละเอียดที่ระบุใน [index.md](./index.md) ก่อนหน้านะครับ (`link: /paths/career`) +- เสร็จแล้วให้ทำการเพิ่ม Folder ใน `./paths/` + - ตัวอย่างของผมจะเพิ่มเป็น `career` เพื่อให้ตรงกับรายละเอียดที่ระบุใน `index.md` ก่อนหน้านะครับ (`link: /paths/career`) - ให้ทำการเพิ่ม `index.md` มาเป็นหน้าต้อนรับผู้อ่านที่สนใจ `Path` ของเรานะครับ พร้อมกับระบุรายละเอียดในรูปแบบ Markdown - ตัวอย่าง ```markdown @@ -108,7 +108,7 @@ npm run docs:dev ### เพิ่มหมวดหมู่ของเนื้อหา ![](./images/Path02.jpg) -- ขั้นตอนแรกให้เราเปิดไฟล์ [.vitepress/config.mts](./.vitepress/config.mts) และทำการเพิ่มรายละเอียดของเมนูที่ต้องการ +- ขั้นตอนแรกให้เราเปิดไฟล์ `.vitepress/config.mts` และทำการเพิ่มรายละเอียดของเมนูที่ต้องการ - ทีมอยากขอยกตัวอย่างให้เห็นภาพมากขึ้นจากโค้ดชุดนี้นะครับ - โดยเป็นการเพิ่มเมนู `ตำแหน่งสายงาน IT` - และมีเมนูย่อย