latent
很酷的網站
by jx06t
關於 LATENT 網站的誕生與編輯器指南
Hello World: 關於 LATENT 的誕生與編輯器指南
這是一切開始的地方。歡迎來到 LATENT —— 2026 建北電資聯合社展的官方專題發表平台。
身為這個平台的第一篇文章，我們不只要向你介紹 LATENT 是如何被打造出來的，更要直接為你展示本站「專屬編輯器」的強大功能。如果你即將在這裡發表你的心血結晶，這篇文章將會是你最好的寫作指南。
為什麼要自己做一個平台？
每一年的社展，大家總是花費無數個夜晚寫 Code、焊電路、訓練模型，但展覽結束後，這些令人驚豔的作品往往只剩下幾張照片或躺在雲端硬碟裡的簡報。
LATENT 的誕生，就是為了解決這個問題。
這個平台由學生自主開發，前端採用 Astro 結合 React，在保證極致載入速度的同時，維持了編輯器的高互動性。後端則由 Supabase 提供穩定的資料庫與身分驗證，並透過 Cloudflare R2 搭配背景處理函式，自動將大家上傳的圖片壓縮並轉換為次世代的 WebP 格式。
在這裡，你的每一段學習歷程，都有機會被世界看見。
為開發者而生的 Markdown 編輯器
我們知道，對於資訊社團的學生來說，最習慣的寫作工具絕對是 Markdown。因此，我們在 LATENT 中內建了高度自訂的富文本編輯器。
除了基本的粗體、清單、程式碼區塊外，我們特別支援了 GitHub 風格的 Callout（提示區塊），幫助你更好地組織專案文檔。以下是你在撰寫專案時可以使用的排版工具：
1. 筆記與提示 (Note & Tip)
當你想補充說明，或是分享開發過程中的小撇步時，這兩個區塊非常實用：
LATENT 的編輯器支援即時預覽功能，左側編輯、右側馬上就能看到最終渲染的效果。
試著在專案描述中加入「開發動機」、「遇到的技術難點」以及「未來展望」，這會讓你的專案看起來更具深度！
2. 重要與警告 (Important & Warning)
如果你的專案包含一些需要特別注意的操作步驟，或是安裝環境的先決條件，可以使用這兩種區塊來吸引讀者的注意力：
請務必在文章開頭附上你的 GitHub Repo 連結或是 Live Demo，這是吸引大家點閱的關鍵。
每個帳號僅可暫存三個草稿，且每篇文章限制為10張圖片。若有需要展示更多圖片可以使用外部連結來展示。
3. 謹慎與危險 (Caution & Danger)
最後，針對平台操作或系統毀滅性的警告，我們提供了最醒目的紅色系提示：
專題一旦從「草稿 (Draft)」切換為「已發布 (Published)」後，你的 URL 路徑（Slug）就會被系統鎖定，請在發布前確認你的標題拼寫正確。
刪除專案是不可逆的行為。一旦你在儀表板按下刪除，該專案的所有資料、Markdown 文本與關聯圖片，都將從資料庫中被永久抹除。
4. 程式碼語法高亮 (Syntax Highlighting)
怎麼能少了漂亮的程式碼區塊？LATENT 支援絕大多數主流程式語言（如 Python、C++、JavaScript 等）的語法高亮顯示。
// 釋放你的潛伏能量
function unleashEnergy(projectName: string): void {
if (projectName === 'LATENT') {
console.log('Hello World! 準備好震撼全場了嗎？');
}
}
unleashEnergy('LATENT');
5. 圖片上傳與設定封面
左側的工具欄可以上傳圖片，上傳之後可以設定封面以及進行其他操作。封面的比例是橫向的 16:9。
準備好展現你的潛伏能量了嗎？
LATENT 的意義在於「潛而未顯」。那些在社團教室裡、無數個熬夜 debug 的夜晚中所累積的能量，現在終於有了一個舞台。
趕快登入你的個人儀表板，點擊「新增專案」，開始記錄你的開發旅程吧！我們非常期待在 5 月 31 日的實體展覽與線上資料庫中，看見你的作品。
— Crafted by JX06T
