> ## Documentation Index
> Fetch the complete documentation index at: https://guide.smsu.in.th/llms.txt
> Use this file to discover all available pages before exploring further.

# Introduction

> แก้ไข One Stop Guide ฉบับนี้

## ข้อควรรู้เบื้องต้น

Guide นี้ใช้ **Mintlify** เป็น documentation platform ซึ่งมี Web Editor ให้สามารถแก้ไขได้แบบ What-You-See-Is-What-You-Get (WYSIWYG)
**ถ้ายังไม่เคยใช้งานระบบแก้ไข แนะนำให้อ่านเรียงตาม Steps "เริ่มต้นแก้ไข" ด้านล่าง**

ขณะที่แก้ไข เนื้อหาจะบันทึกอัตโนมัติอยู่ในบราวเซอร์ที่ใช้เข้า Web Editor (ในเวลาเดียวกัน ถ้าเข้า Web Editor จากเครื่องอื่น จะไม่เห็นเนื้อหาที่แก้ไขแล้ว)
แต่จะต้องกด `Publish` เพื่อบันทึกเนื้อหาที่แก้ให้อัพโหลดไปยัง cloud ก่อน และไม่ควรแก้ไขเนื้อหาไฟล์เดียวกันพร้อมกันจากหลายเครื่อง เพราะเมื่อกด `Publish` จะทำให้เนื้อหาที่แก้ไขจากเครื่องอื่นถูกเขียนทับ

เพื่อป้องกันการเขียนไฟล์ทับกัน หากแก้ไขไว้เป็นเวลานาน แต่ยังไม่ได้กด `Publish` แล้วต้องการอัพเดตเนื้อหาใน Web Editor ไฟล์นั้นให้เป็นปัจจุบันเพื่อแก้ไขเนื้อหาใหม่
ให้กด `Changes` ที่มุมขวาบน แล้วกด `Discard all changes` แล้วรีเฟรช

<Warning>
  หลังการแก้ไขเสร็จทุกครั้ง ให้กด `Publish` มุมขวาบนเพื่อบันทึก แล้ว**แจ้งฝ่าย IT**
  เพื่อตรวจสอบรูปแบบเนื้อหา และเพิ่มหน้าใหม่ในเมนูให้
</Warning>

<Info>
  ถ้ามีการเพิ่มไฟล์ใหม่ หน้าจะยังไม่แสดงในแถบเมนูด้านข้างจนกว่าจะถูกเพิ่มในการตั้งค่าของ Project
  [ดูข้อมูลเพิ่มเติม](/it/guide/edit/sidebar)
</Info>

## เริ่มต้นแก้ไข

<Steps>
  <Step title="เข้าใช้งาน Web Editor">
    เข้าใช้งานที่ [dashboard.mintlify.com](https://dashboard.mintlify.com) ด้วยบัญชี Google
    ที่ได้รับจากฝ่าย IT

    <Tip>
      **แนะนำให้เข้าใช้งานผ่านคอมพิวเตอร์** หรืออุปกรณ์ที่มีหน้าจอขนาดใหญ่
      เนื่องจากการใช้งานบนโทรศัพท์มือถืออาจมีข้อจำกัดในการแสดงผลและการใช้งานเมนู
    </Tip>
  </Step>

  <Step title={`เลือกเมนู "Editor"`}>
    จากแถบด้านข้างบนคอมพิวเตอร์ หรือปุ่มเมนูมุมบนซ้ายบนโทรศัพท์มือถือ <img src="https://mintcdn.com/smsu/crzVKBQ55aap7jAf/images/it/guide/intro/0-editor.webp?fit=max&auto=format&n=crzVKBQ55aap7jAf&q=85&s=c873ac085b91b81b17395fb954f142a2" alt="เลือกเมนู Editor
    จากแถบด้านข้าง" width="673" height="338" data-path="images/it/guide/intro/0-editor.webp" />
  </Step>

  <Step title="เลือกไฟล์ที่ต้องการแก้ไข">
    วิธีการจัดการไฟล์จะอธิบายในหน้าต่อ ๆ ไป [ดูวิธีเลือกไฟล์/เพิ่มไฟล์ใหม่](/it/guide/edit/files)

    <img src="https://mintcdn.com/smsu/crzVKBQ55aap7jAf/images/it/guide/intro/1-selectfile.webp?fit=max&auto=format&n=crzVKBQ55aap7jAf&q=85&s=158f7686f9f1dac91439273521f91ad9" alt="เลือกไฟล์ที่ต้องการแก้ไข" width="673" height="329" data-path="images/it/guide/intro/1-selectfile.webp" />
  </Step>

  <Step title="เริ่มแก้ไขเนื้อหา">
    <img src="https://mintcdn.com/smsu/crzVKBQ55aap7jAf/images/it/guide/intro/2-startedit.webp?fit=max&auto=format&n=crzVKBQ55aap7jAf&q=85&s=f55ac9850281ebfb5409a1603973017b" alt="หน้าต่าง Editor" width="916" height="355" data-path="images/it/guide/intro/2-startedit.webp" />
  </Step>

  <Step title="เพิ่ม component สำเร็จรูป">
    พิมพ์ `/` เพื่อแสดงรายการ component สำเร็จรูปที่สามารถเพิ่มได้ <img src="https://mintcdn.com/smsu/crzVKBQ55aap7jAf/images/it/guide/intro/3-compmenu.webp?fit=max&auto=format&n=crzVKBQ55aap7jAf&q=85&s=d86a951212feb889681ac18e51ae3e2f" alt="เพิ่ม component
    สำเร็จรูป" width="1510" height="1025" data-path="images/it/guide/intro/3-compmenu.webp" />
  </Step>
</Steps>