DS
DataSlates×文銘

🔒 內測中,需邀請碼方能註冊

DataSlates × 文銘

文銘於識,應現隨心

輕鬆做出專業網站,內容完全屬於你。換設計不動內容,換平台不丟文字——AI 輔助每一步,但每一步都有把關。

寫作如 Notion,版控如 Git,發佈如工程。你的文字,永遠是你的。

視覺與代碼同步設計企畫自足閉環被動式 AI 助手A11y/SEO 自動化審計

你的想法怎麼變成專業網站

自動化審計通過
你的設計意圖

「我想要一個 AI 記帳助手的產品介紹頁,風格要極簡、品牌色為藍灰色。」

↓ 智慧結構生成與代碼映射
結構樹與規格

想法轉化為可視化結構樹,一鍵 Smart Generate 自動生成頁面。

雙向代碼同步

在客製畫布上編輯,系統透過 generateHugo() 即時對齊 Go HTML 模板。

A11y/SEO 審計

AI 被動引導並對全站進行 WCAG 2.1 AA 無障礙與 SEO 設計體檢。

結果

不是隨便拼湊的雜亂 div,是代碼精準合規、全球 CDN 秒開的純靜態專業網頁。

現在做網站的痛點

沒有結構,就沒有維護

AI 能很快生成網頁,但之後呢?

AIv1 ✓v2 ~v3 ✗v4 💸driftCMSpagedatabaseserver + hostingplugins + updatesheavyDSstable

發散生成與轉換流失

用 AI 隨意寫網頁代碼,修改幾次版面就開始錯位。排版一旦凌亂,訪客的信任感與轉換率就會悄悄流失。在 DataSlates 中,AI 僅負責在背景進行無障礙與 SEO 檢查,確保頁面結構始終穩定,不讓排版錯誤成為轉換率的隱形殺手。

黑盒子 SaaS 鎖定

主流封閉式建站平台通常將內容鎖在私有系統中。一旦你想把產品介紹同步發送到電子報、Medium 或其他渠道,必須手動重新排版,耗時耗力,白白錯失了多管道分發獲客的增長黃金期。

DataSlates 的增長閉環

內容以純 Markdown 保存,你可以在 3 分鐘內將文章直接複製到電子報、論壇或自建 App 中分發,零摩擦翻倍觸及率;同時,網站離線可攜,即使在極端網路下,用戶依然能點開閱讀。

三大核心模組

每個模組各司其職,共同構成完整的知識發佈閉環。

設計師

視覺設計師

設計與代碼合而為一。不用再為 1 像素偏差與工程師拉扯,更不怕改字弄壞代碼,專注視覺創意。

  • 視覺化結構規劃,一鍵生成頁面骨架
  • 直覺拖曳與雙擊改字,背後自生精準代碼
  • 所見即所得,保證瀏覽器呈現完全一致
  • AI 自動無障礙與 SEO 檢查,防止退件
寫作台

內容寫作台

Markdown 為核心的寫作環境,支援 Mermaid 圖表,媒體檔案雲端分離儲存。

  • Markdown 寫作,支援 Mermaid 等圖表語法
  • AI 輔助潤稿與內容完善
  • 圖片影片存放於 Cloudflare R2 雲端
  • Git 版本控制,每次修改都有記錄
市集

數位市集

訂閱方案、點數加值、設計資源——創作者的數位資產交易平台。

  • 月訂閱制方案管理
  • 點數可用於 AI 額度與設計資源
  • 設計白皮書、完整模板與局部區塊
  • 程式短碼 (Shortcode) 市集

10 天免費試用全部功能,不需要信用卡

視覺與代碼同步

視覺一致性是建立信任的第一步

若網頁按鈕與間距缺乏統一,訪客會直覺感到不專業而流失。DataSlates 強制實行「單一真相源」:設計修改一次,全站自動更新,有效降低因細節粗糙導致的轉換流失。

刻度吸附手勢

拒絕隨意拖拽。畫布操作嚴格吸附至設計刻度,確保按鈕與邊距對齊,以穩定的視覺建立訪客信任。

Shortcode 沙盒預覽

雙擊以在沙盒中調整動態參數。預覽狀態僅存在於編輯階段,確保正式發佈時代碼輕量且快速。

Penpot 語意匯入

將 Penpot 向量佈局映射為語意化類別樹,避免手動重寫。標記不確定區域,確保網頁結構維持 100% 的可維護性。

寫作自由

寫如筆記,存如原始碼

所有內容都是 Markdown 格式——通用、輕量、可攜帶。搭配如 Notion 般直覺的編輯體驗,支援 Mermaid 圖表語法,每一篇文章都用 Git 做版本控制,完整保存在你自己的儲存庫裡。

不怕平台倒閉、不怕資料被鎖、不怕匯出格式跑掉。你的文字,永遠是你的。

Markdown 為核心

通用格式、任何編輯器都能開、任何平台都能用。支援 Mermaid 流程圖、數學公式等擴充語法。

Git 版本控制

每一次修改都有完整記錄,可以回溯任何版本。跟程式碼一樣嚴謹,但操作一樣簡單。

媒體雲端分離

圖片、影片存放於獨立雲端空間,不佔版本庫容量。文字歸文字,檔案歸檔案。

內容完全自主

文章存在你的 Git 儲存庫,不是存在別人的資料庫裡。隨時可以搬走,零鎖定。

你的文字,永遠是你的

怎麼用

從心到手,五步成站

先想清楚,再落筆——你只要專心在內容,系統幫你整理結構、檢查格式、產出網站。

1

說出你的想法

你想做什麼網站?給誰看?要什麼感覺?

2

自動整理成規格

系統把想法轉成清楚的頁面藍圖。

3

結構檢查

每個區塊自動驗證,確保完整正確。

4

產生靜態頁面

不需要後端伺服器,上線即用。

5

一鍵上線

部署到 CDN,全球秒開。

這是給誰用的

不同角色,同一個平台

✍️

個人創作者

部落客、獨立作者、知識工作者——想要一個好看的網站,但不想碰程式碼,也不想被平台綁住。

👥

團隊與組織

行銷團隊、媒體編輯部、非營利組織——需要多人協作、統一品牌、內容審核流程。

🎨

視覺設計師

只要有網頁設計概念,就能透過介面指引漸進學會 Hugo 主題設計。適合設計師藉此平台接案、交付專業網站。

產出的網站

載入每快一秒,轉換率即提升 20%

網頁載入每慢一秒,最高會流失 10% 的訪客。DataSlates 產出的純靜態頁面開合只需 0.2 秒,保留可能流失的潛在客戶。無需主機維護,檔案 100% 可離線封存。

主機成本
趨近 $0
無需額外維護
載入速度
0.2 秒秒開
無重型腳本,零 bounce rate
強韌性
完全可攜
離線可讀,隨時續編

數據說話

已經在運作的系統

32
套深淺主題
150+
個頁面元件
<1s
靜態頁面載入
100%
內容可攜帶

工程品質

同一道菜,做一千次,同樣的味道

好廚師的功夫在於穩定——同一道菜做一千次,品質不飄移。文銘也是如此:嚴謹的 Hugo 架構搭配設計規範系統,AI 輔助生成的模板永遠在規格之內。

設計規範約束

如同 Google Material Design 的設計準則,每個元件都有明確的間距、配色、排版規格。AI 再怎麼生,也不會超出規範。

Hugo 骨架穩如磐石

Hugo 的模板引擎是確定性的——同樣的輸入永遠產出同樣的結果。不會今天長這樣,明天變那樣。

改了能驗證

每次修改都能比對前後差異。一個區塊換了什麼、哪裡不同,一目瞭然。

AI 生成不飄移

AI 在設計規範內運作,不會自作主張。做第 1 個網站和第 100 個,品質一致。

方案與價格

免費試用,按需升級

10 天免費試用全部功能,不需要信用卡。之後依你的需求選擇方案。

全功能免費試用 10 天 · 7 天內訂閱額外贈送 30 次 AI 額度

作家方案

適合獨立創作者——專注寫作與發佈

NT$199/月
  • 1 個自有專案 · Markdown + Git 版控
  • 固定主題(MIDA),可調整配色與配置
  • 每月 10 次 AI 寫作額度,不足可加購
  • 自訂網域 · 每月 20 次多媒體打包下載
  • 試用結束可打包一次多媒體,內容已在 GitHub Repo

團隊方案

適合企業、組織與品牌業主——集中管理專案與成員,1 人起即可使用

NT$390/月起
  • 內含作家方案全部功能
  • 3 人 · 2 專案(擁有人 / 經理 / 作家)
  • 加人或加專案,每月各 +NT$100
  • 指派已持設計師方案者 +NT$300/月;指派內部成員 +NT$890/月
  • 閒置專案可封存停費,每月可操作一次還原

設計師方案

適合接案設計師——平台媒合接案、設計建站、交付給甲方

NT$890/月
  • 平台 Marketplace 曝光,接受甲方邀請接案,被指派案不佔個人配額
  • 1 個自有作品集站,每加 1 個自有專案 +NT$300/月
  • 內含作家方案全部功能
  • 視覺化拖拉設計 + 模板編輯 + 即時預覽
  • 每月 30 次 AI 輔助額度,不足可加購
  • GitHub 進階整合 · 優先支援
文銘

千里之站,始於一念

10 天免費試用全部功能,無需信用卡。試用結束後內容已存在你自有的 GitHub Repo。