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

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

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

เปิด 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

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

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 ดังนั้นลูกศรเลิกทำเหนือพรีวิวจะย้อนกลับได้ การเปลี่ยนแปลงที่คุณขอในการสนทนาหลังจากนี้จะเริ่มจากไฟล์ที่คุณแก้ไข การเปลี่ยนแปลงที่เผยแพร่จาก ตัวแก้ไขภาพ จะถูกเขียนลงในไฟล์เดียวกันนี้ คุณจึงเห็นที่นี่เมื่อเผยแพร่แล้ว

หากโค้ดของคุณบิลด์ไม่ผ่าน จะไม่มีการเผยแพร่อะไร และเว็บไซต์ที่ใช้งานจริงจะคงเดิม กล่องสีแดงจะแสดงข้อความ “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

สำหรับเวอร์ชันก่อนหน้า ให้เปิด 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