Brace.io 以 Dropbox 架設靜態網頁,直接網上編修程式碼

Brace.io 以 Dropbox 架設靜態網頁,直接網上編修程式碼

如果你想架設一個靜態網頁,又不想花錢的話,透過 Brace.io 能將你的 Dropbox 變身為網頁空間,直接把網頁託管在雲端硬碟,而且沒有流量限制,無須 FTP 就可直接從線上編修程式碼,相當方便。 Brace.io 沒有複雜、難懂的可視化編輯器,透過修改簡單的 HTML、CSS 和 Javascript 原始碼來維護、更新你的網頁,推薦給有一些網頁製作基礎的朋友使用。

Brace.io 讓你不用尋找網頁空間,也不用學習如何架設內容管理系統,網站本身就提供許多漂亮的免費佈景主題,直接選擇、連結你的 Dropbox 就能將檔案同步,並於線上看到你所建立的網頁內容。

Brace.io 分為免費和付費方案,免費方案限制只能建立一個網站,但沒有流量限制,付費後可以自訂網域名稱、使用 Amazon 的雲端 CDN 服務,每年價格為 $50 美元起跳,其實也不算貴。

網站名稱:Brace.io
網站鏈結:https://brace.io/

使用教學

Step 1

開啟 Brace.io 網頁後,點選 Get Started 開始建置你的網頁,第一步是選擇一個網頁設計,以現有的範本去做修改,如果你不想使用 Brace.io 提供的佈景主題,點選網頁中間的 Blank Site 可以產生一個空白頁面。

Brace.io 以 Dropbox 架設靜態網頁,直接網上編修程式碼

Step 2

選擇好佈景主題後,設定你的 Brace.io 網址,這裡可以選擇以 .brace.io 結尾或自訂網域名稱,不過免費方案無法自訂網址,可能會要求使用者付費升級來使用這項功能,所以我們直接選擇 .brace.io 結尾的網址來使用(免費)。

Brace.io 以 Dropbox 架設靜態網頁,直接網上編修程式碼

Step 3

在建立網站時,會先連結到 Dropbox 要求登入你的帳戶,並跳出授權提示,請記得點選「允許」來讓 Brace.io 可以存取你的應用程式資料夾。

Brace.io 以 Dropbox 架設靜態網頁,直接網上編修程式碼

Step 4

Brace.io 開始把網頁相關檔案複製到你的 Dropbox 應用程式資料夾,這個步驟需要等待一些時間。

Brace.io 以 Dropbox 架設靜態網頁,直接網上編修程式碼

Step 5

複製完成後,就可以在 Brace.io 網站開始編輯網頁原始檔,如果你的 Dropbox 有安裝客戶端同步工具,應該可以看到網頁相關檔案被加入應用程式資料夾,可以選擇直接在電腦裡編輯網頁,或使用 Brace.io 提供的編輯器,直接編輯網頁的程式碼,儲存後會即時更新、看到網頁樣貌。

Brace.io 以 Dropbox 架設靜態網頁,直接網上編修程式碼

Step 6

編輯後,別忘了要開啟左側選單,點選「Ship Site」將網頁發佈上去,即可從你設定的網址看到網站。另外,在選單裡還可以修改網址、或刪除網站,其餘功能則是付費才能使用。

Brace.io 以 Dropbox 架設靜態網頁,直接網上編修程式碼

Step 7

只要以 Brace.io 提供的佈景主題,搭配 Dropbox 雲端硬碟就能做出一個相當出色的靜態網頁囉!有需要的朋友不妨去試試看 Brace.io 吧!

Brace.io 以 Dropbox 架設靜態網頁,直接網上編修程式碼

分享本文