---
title: "โค้ดของเว็บไซต์คุณ | Briks"
url: https://briks.dev/th/docs/code
description: "เรียกดู แก้ไข และเผยแพร่โค้ดของเว็บไซต์ใน File Explorer ได้ทุกแพ็กเกจ แพ็กเกจแบบชำระเงินดาวน์โหลดทุกเวอร์ชันเป็น zip และดูว่าส่วนใดไม่รวมอยู่"
last_updated: 2026-10-08
---

# โค้ดของเว็บไซต์คุณ

Briks เขียนโค้ดจริงให้ทุกเว็บไซต์ และเป็นของคุณที่จะอ่านได้ File Explorer แสดงไฟล์ที่เขียนให้เว็บไซต์ของคุณตามที่เวอร์ชันที่ใช้งานอยู่เก็บไว้ ผู้ที่มีสิทธิ์แก้ไขสามารถเปลี่ยนแปลงและเผยแพร่ได้ทุกแพ็กเกจ ในแพ็กเกจแบบชำระเงิน ทุกคนในเวิร์กสเปซยังดาวน์โหลดเป็นไฟล์ zip ได้ด้วย

อ่าน 6 นาทีตรวจเทียบกับสตูดิโอเมื่อ 8 ตุลาคม 2569

## เปิด File Explorer

ที่ไหน

1. Projects
2. Your project
3. Settings
4. File Explorer

มีมุมมองสองแบบ คือ **Files** สำหรับอ่านและแก้ไข และ **Settings** สำหรับดาวน์โหลดในแผนแบบชำระเงิน หัวข้อจะบอกว่าเวอร์ชันใดกำลังใช้งานอยู่ เช่น “The code written for this site, as version 14 is live.” หากเว็บไซต์ยังไม่เคยเผยแพร่ จะไม่มีอะไรให้แสดง และหน้าจะขึ้นว่า “Nothing published yet”

## เรียกดูไฟล์

โฟลเดอร์และไฟล์แสดงเป็นแบบต้นไม้ทางซ้าย โฟลเดอร์อยู่ก่อน และเรียงตามชื่อ พิมพ์ใน **Filter files** เพื่อกรองรายการตามชื่อหรือโฟลเดอร์ ด้านล่างมีตัวนับที่อ่านได้ประมาณ “38 files written for this site” ไฟล์แรกที่เปิดคือ `content/site.ts` ซึ่งเก็บข้อมูลหลักของเว็บไซต์

| โฟลเดอร์ | มีอะไรอยู่ข้างใน |
| --- | --- |
| `app/` | หน้าต่าง ๆ ของเว็บไซต์ โดยมีหนึ่งโฟลเดอร์ต่อหนึ่งที่อยู่หน้า |
| `components/custom/` | ส่วนต่าง ๆ ที่เขียนขึ้นสำหรับเว็บไซต์ของคุณ เช่น ส่วนแนะนำหลัก รายการบริการ และส่วนท้าย |
| `content/` | ข้อความและข้อเท็จจริงของเว็บไซต์ |
| `public/` | ไฟล์ที่เว็บไซต์ให้บริการตามต้นฉบับ |
| `api/` | โค้ดเซิร์ฟเวอร์ของเว็บไซต์เอง หากมี |
| `db/` | โครงสร้างข้อมูลของเว็บไซต์ หากมีการเก็บข้อมูล |

คลิกไฟล์เพื่ออ่านพร้อมเลขบรรทัด **Wrap lines** ช่วยไม่ให้บรรทัดยาวล้นออกด้านข้าง และ **Copy** จะคัดลอกทั้งไฟล์ไปยังคลิปบอร์ด รูปภาพและไฟล์อื่นที่ไม่ใช่ข้อความจะแสดงในรายการแต่ไม่แสดงเนื้อหา และเป็นส่วนหนึ่งของไฟล์ดาวน์โหลดในแพ็กเกจแบบชำระเงิน

## แก้ไขไฟล์และเผยแพร่

Editor, Admin และ Owner จะได้ตัวแก้ไขเมื่อเปิดไฟล์ ส่วน Viewer เห็นทุกไฟล์แบบอ่านอย่างเดียว

1. เปิดไฟล์

   ที่ไหน: Files

   คลิกที่ไฟล์ในแผนผัง ตัวแก้ไขจะเปิดพร้อมข้อความของไฟล์

2. แก้ไขตามที่ต้องการ

   ที่ไหน: Editor

   พิมพ์ได้เหมือนในโปรแกรมแก้ไขโค้ดทั่วไป ไฟล์จะถูกทำเครื่องหมายว่า **Edited** และโฟลเดอร์ของไฟล์จะแสดงจุดเมื่อพับอยู่ **Undo changes** จะคืนไฟล์หนึ่งไฟล์กลับเป็นเหมือนเดิม

3. เพิ่มหรือลบไฟล์ได้ตามต้องการ

   ที่ไหน: Files

   **New file** ขอพาธภายใน `app/`, `components/custom/`, `content/`, `api/`, `db/` หรือ `public/` **Delete** ทำเครื่องหมายไฟล์เพื่อลบ และ **Keep file** ใช้เมื่อคุณเปลี่ยนใจ

4. บันทึกและเผยแพร่

   ที่ไหน: Editor

   กด **Save and publish** ในแถบด้านล่าง หรือกด Ctrl+S (⌘S บน Mac) กล่องโต้ตอบจะแสดงไฟล์ที่เปลี่ยนแปลงทั้งหมด

5. เพิ่มบันทึก

   ที่ไหน: Dialog

   จะระบุสิ่งที่เปลี่ยนใน **Note** ก็ได้ ข้อความจะถูกเก็บไว้ในประวัติเวอร์ชัน

6. ยืนยัน

   ที่ไหน: Dialog

   กด **Save and publish** แถบจะแสดงข้อความ เช่น “Publishing 2 changed files.” พร้อมลิงก์ให้ติดตามใน Studio

การแก้ไขอยู่เฉพาะในแท็บนี้

จนกว่าคุณจะเผยแพร่ การเปลี่ยนแปลงจะอยู่ในแท็บเบราว์เซอร์นี้เท่านั้น การออกจากหน้าจะถามว่า “Leave without publishing?” และการปิดแท็บจะทิ้งการเปลี่ยนแปลงนั้น เว็บไซต์จริงจะไม่ถูกแตะต้องจนกว่าคุณจะเผยแพร่

## สิ่งที่เกิดขึ้นหลังจากคุณบันทึก

Briks สร้างเว็บไซต์ด้วยไฟล์ของคุณและเผยแพร่ ซึ่งมักใช้เวลาไม่กี่นาที ไม่มีการออกแบบใหม่หรือเขียนใหม่ และไม่มีการกันหรือหักเครดิต สตูดิโอแสดง **Verifying build** และ **Publishing** จากนั้นตอบกลับว่า “Your code changes are live: 2 files changed in the File Explorer. Nothing else about the site changed.” เมื่อกลับไปที่ File Explorer แถบสีเขียวจะแสดงว่า “Your changes are published and live.” พร้อม **Open the site**

การบันทึกจะกลายเป็นเวอร์ชันใหม่ที่ทำเครื่องหมาย **Change** ดังนั้นลูกศรเลิกทำเหนือพรีวิวจะย้อนกลับได้ การเปลี่ยนแปลงที่คุณขอในการสนทนาหลังจากนี้จะเริ่มจากไฟล์ที่คุณแก้ไข การเปลี่ยนแปลงที่เผยแพร่จาก [ตัวแก้ไขภาพ](https://briks.dev/th/docs/visual-editor) จะถูกเขียนลงในไฟล์เดียวกันนี้ คุณจึงเห็นที่นี่เมื่อเผยแพร่แล้ว

หากโค้ดของคุณบิลด์ไม่ผ่าน จะไม่มีการเผยแพร่อะไร และเว็บไซต์ที่ใช้งานจริงจะคงเดิม กล่องสีแดงจะแสดงข้อความ “Nothing was published” ระบุไฟล์ที่หยุดทำงาน และแสดงบรรทัดจากการบิลด์ไว้ด้านล่าง การแก้ไขของคุณยังอยู่ครบ: กดปุ่ม **Open** ของไฟล์นั้นเพื่อข้ามไปยังบรรทัดดังกล่าว แก้ไข แล้วเผยแพร่อีกครั้ง

| ขีดจำกัด | จำนวนเงิน |
| --- | --- |
| ไฟล์ในการบันทึกครั้งเดียว | 50 |
| ไฟล์เดียวที่คุณแก้ไขได้ | 256 KB (ไฟล์ที่ใหญ่กว่านี้แสดงแบบอ่านอย่างเดียว) |
| การเปลี่ยนแปลงทั้งหมดในการบันทึกครั้งเดียว | 2 MB |
| บันทึก | 300 ตัวอักษร |

ระบบจะปฏิเสธการบันทึกพร้อมแจ้งเหตุผล หากเว็บไซต์เปลี่ยนไปหลังจากที่คุณเปิดหน้านี้ (“The site changed since you opened it: reload to see the new version.”) ขณะที่กำลังสร้างอยู่ หรือขณะที่การทดสอบ A/B กำลังทำงาน มีไฟล์บางไฟล์ที่สตูดิโอเขียนก่อนการสร้างทุกครั้ง จึงแก้ไขที่นี่ไม่ได้ และ File Explorer จะแจ้งให้ทราบหากคุณลองแก้ไข

## ดาวน์โหลดโค้ด

การดาวน์โหลดโค้ดมาพร้อมกับแพ็กเกจแบบชำระเงิน ในแพ็กเกจ Free จะไม่แสดงปุ่ม **Download code** และปุ่ม **Download** ใน **Backups** โดยจะมีข้อความแจ้งว่า “การดาวน์โหลดโค้ดมาพร้อมกับแพ็กเกจแบบชำระเงิน” และ **See what's included** จะเปิดหน้าต่างอัปเกรดที่ **Download your site's code** ส่วนการเรียกดูและแก้ไขไฟล์ยังใช้ได้ในทุกแพ็กเกจ

1. ไปที่มุมมอง Settings

   ที่ไหน: File Explorer

   เปิด **Settings**, **File Explorer** แล้วไปที่มุมมอง **Settings** ข้าง **Files**

2. ดาวน์โหลด

   ที่ไหน: Export

   กด **Download code** คุณจะได้ไฟล์ zip ที่ตั้งชื่อตามที่อยู่และเวอร์ชันของเว็บไซต์ เช่น `harbour-plumbing-version-14.zip`

ที่ไหน

1. Settings
2. File Explorer
3. Settings
4. Download code

สำหรับเวอร์ชันก่อนหน้า ให้เปิด **Settings**, **Backups**: ทุกเวอร์ชันมีปุ่ม **Download** ของตัวเอง แถว **Download code** มีป้าย **Paid** กำกับ

## ไฟล์ zip มีอะไรบ้างและไม่มีอะไร

ไฟล์ zip มีไฟล์ที่เขียนขึ้นสำหรับเว็บไซต์ของคุณ ได้แก่ หน้าเว็บ ส่วนต่างๆ ข้อความ และไฟล์ของเว็บไซต์เอง ตรงตามที่เวอร์ชันนั้นมี แต่ไม่รวมส่วนประกอบพื้นฐานที่สตูดิโอมอบให้ทุกเว็บไซต์ ไฟล์ที่ตั้งค่าการสร้าง และข้อมูลลับทั้งหมด เมื่อขาดส่วนที่ใช้ร่วมกันเหล่านั้น ไฟล์ zip จึงรันหรือสร้างด้วยตัวเองไม่ได้

นั่นทำให้เป็นบันทึกและข้อมูลอ้างอิง มากกว่าสำเนาที่นำไปใช้งานต่อได้ ผู้คนใช้เพื่อเก็บถาวรสิ่งที่เผยแพร่ไปแล้ว เพื่อให้นักพัฒนาดูว่าเซกชันหนึ่งสร้างขึ้นอย่างไร หรือเพื่อค้นหาข้อความของเว็บไซต์ในโปรแกรมแก้ไขของตนเอง

เก็บถาวร เอเจนซีออกแบบ

> เอเจนซีที่มีเว็บไซต์ลูกค้าหกแห่งดาวน์โหลดไฟล์ zip ของแต่ละเว็บไซต์หลังเปิดตัว แล้วเก็บไว้กับสัญญาของลูกค้า

zip แต่ละไฟล์เก็บหน้าและข้อความของเวอร์ชันที่เปิดตัว เพื่อให้แสดงได้ตรงว่าอะไรขึ้นระบบจริงและเมื่อไร

แก้ไขเล็กน้อยด้วยมือ คลินิกกายภาพบำบัด

> ผู้จัดการสำนักงานของคลินิกพบไฟล์ที่เก็บเวลาทำการ เปลี่ยนวันศุกร์เป็น 8am to 4pm เพิ่มหมายเหตุ `เวลาทำการช่วงฤดูหนาว` แล้วกด **Save and publish**

ไม่กี่นาทีต่อมา ไซต์แสดงเวลาทำการใหม่ **Versions** แสดงเป็น **Change** และไม่ใช้เครดิต

### Viewer แก้ไขโค้ดได้ไหม

ไม่ได้ พวกเขาอ่านได้ทุกไฟล์ และในแพ็กเกจแบบชำระเงินสามารถดาวน์โหลดไฟล์ zip ได้

### ดาวน์โหลดโค้ดในแผน Free ได้หรือไม่

ไม่ได้ การดาวน์โหลดโค้ดมาพร้อมแผนแบบชำระเงิน เริ่มตั้งแต่ Starter ในแผน Free คุณยังเรียกดูได้ทุกไฟล์ และหากมีสิทธิ์แก้ไข ก็แก้ไขและเผยแพร่ได้

### Briks จะเขียนทับการแก้ไขของฉันไหม

การเปลี่ยนแปลงที่คุณขอในภายหลังจะเริ่มจากไฟล์ของคุณ การเปลี่ยนแปลงหนึ่งอาจยังเขียนไฟล์ที่เกี่ยวข้องใหม่บางส่วนได้ ดังนั้นหากขอให้ Briks เปลี่ยนส่วนเดียวกัน ให้บอกเรื่องการแก้ไขของคุณด้วย

### เพิ่มรูปภาพที่นี่ได้ไหม

ไม่ได้ รูปภาพและไฟล์อื่นที่ไม่ใช่ข้อความไม่สามารถสร้างใน File Explorer ได้ ให้ใช้แท็บ **Media** หรือ **Storage**

## อ่านต่อ

- [กำลังทำงานในโปรเจกต์**เวอร์ชัน เลิกทำ และทำซ้ำ** ทุกการสร้างและการเปลี่ยนแปลงถูกบันทึกเป็นเวอร์ชันของเว็บไซต์ ย้อนกลับ ทำซ้ำ หรือนำเวอร์ชันก่อนหน้ากลับมาใช้งานจริงตามเดิม โดยไม่กันเครดิตไว้](https://briks.dev/th/docs/versions)
- [กำลังทำงานในโปรเจกต์**การซิงก์ GitHub** เชื่อมต่อรีโพซิทอรี GitHub เพื่อให้ทุกเวอร์ชันที่เผยแพร่ถูกคอมมิตไปที่นั่น และทุกการพุชไปยังบรานช์จะถูกตรวจและเผยแพร่บนเว็บไซต์ของคุณ](https://briks.dev/th/docs/github)
- [ข้อมูลและระบบอัตโนมัติ**การสำรองข้อมูล** สิ่งที่ Briks เก็บไว้ของแต่ละโปรเจกต์: เวอร์ชันของโค้ด จุดกู้คืนของฐานข้อมูล และสำเนารายคืน วิธีกู้คืน วิธีดาวน์โหลด และสิ่งที่แต่ละสำเนาเก็บไว้](https://briks.dev/th/docs/backups)
- [ข้อมูลและระบบอัตโนมัติ**Secrets** เก็บคีย์ API และรหัสผ่านที่โค้ดของเว็บไซต์ต้องใช้ไว้บนเซิร์ฟเวอร์ของเว็บไซต์ ไม่ใส่ในหน้าเว็บหรือไฟล์ดาวน์โหลด เพิ่ม เปลี่ยน ลบได้ พร้อมกฎที่ Briks บังคับใช้](https://briks.dev/th/docs/secrets)

ยังติดปัญหาอยู่ไหม

เขียนถึง [hello@briks.dev](mailto:hello@briks.dev) พร้อมชื่อโปรเจกต์และสิ่งที่คุณคาดว่าจะเห็น ภาพหน้าจอช่วยได้