這是歷史版本頁面 — 看 BlueGriffon 最新版本
想用所見即所得編輯網頁,BlueGriffon 現在還能用嗎
BlueGriffon 2.3.1
資料更新 2017-02-24
閱讀約 6 分鐘
打開瀏覽器看著自己的網頁,想改個標題顏色、挪一下圖片位置,卻發現得先搞懂 CSS 選擇器跟 div 巢狀結構。明明只是想調整版面,不是想成為前端工程師,但每次修改都得在程式碼和預覽之間來回切換,一個標籤沒閉合整個版面就亂掉。這種時候會希望有個工具,能像用 Word 一樣直接對著畫面點一點、拖一拖,改完馬上看到結果。
一般人的習慣做法是開記事本硬改 HTML,或者用線上網站搭建器。前者門檻高,一個語法錯誤就卡住;後者雖然簡單,但版面被平台綁死,想匯出成自己的檔案帶走也不方便。這類 WYSIWYG 編輯器的切入點,是讓你把網頁當作一份文件來編輯——看到什麼就得到什麼,不用先記住一堆標籤規則,也能在需要時切換到原始碼模式手動調整。
01BlueGriffon 到底是做什麼用的?
它是一套所見即所得的網頁編輯器,讓你用視覺化方式編輯 HTML 網頁。你在編輯畫面上看到的樣子,大致就是網頁在瀏覽器裡呈現的結果,不需要先懂程式碼就能動手改版面。它內建 Gecko 排版引擎,也就是 Firefox 用的那套,所以編輯時看到的畫面會和 Firefox 顯示的結果一致。也提供原始碼檢視模式,給想手動修改的人使用。
02它能不能直接看到編輯結果,不用一直切換預覽?
可以。它的核心就是所見即所得,你在編輯區調整文字、圖片、顏色,畫面會即時反映目前的狀態,不需要另外開瀏覽器預覽。這對不熟悉 HTML 的人來說,可以大幅減少「改完不知道變怎樣」的摸索時間。當然,它也有原始碼模式,但一般編輯流程不需要切過去。
03它支援哪些網頁技術?
官方說明提到支援 HTML5、CSS3、SVG 向量圖形,以及 WAI-ARIA 無障礙標準。它有自己的 CSS 解析器,當你使用某個 CSS 屬性時,如果其他瀏覽器有對應的寫法,它會一併輸出,減少跨瀏覽器不相容的問題。內建 SVG 編輯器,可以在軟體裡直接畫向量圖形並嵌入網頁文件。
04它能不能管理網站檔案,還是只能編輯單一頁面?
它內建檔案管理功能,可以在軟體裡管理網站檔案和資源,不需要另外開檔案總管。對於一個小型網站來說,把圖片、CSS、HTML 檔案集中在同一個介面管理,會比在資料夾之間切換方便一些。不過這套軟體已經停止開發,檔案管理功能是否支援新版作業系統的檔案結構,需要自行確認。
05它有擴充功能或外掛可以用嗎?
官方說明提到它支援第三方擴充功能,可以透過 Add-ons Manager 瀏覽和安裝。擴充功能可以增加一些額外功能,但因為開發已停止,外掛生態系的維護狀況不明,安裝前建議先確認外掛是否仍能正常運作,以及是否相容你目前使用的系統環境。
06完全不會寫程式的人,用這套軟體做得出來網頁嗎?
官方說明指出它的介面設計對初學者友善,可以透過拖放元素、點選設定來建立網頁,不需要具備深入的程式知識。不過「做得出來」和「做得好」是兩回事——如果完全不懂 HTML 結構,遇到版面跑掉或樣式衝突時,除錯會比較困難。它適合想用視覺化方式完成基本網頁的人,但完全不碰程式碼的話,能調整的範圍還是有限。
07這套軟體適合拿來做商業用途嗎?
官方 FAQ 說明它可以用於個人和商業專案,沒有使用限制。也就是說,用它做出來的網站拿去接案或作為公司網站,授權上沒有問題。不過要注意的是,官方也提到這套軟體已經不再開發,可能無法正常運作,如果你要承接商業案,需要先確認它在你的系統上穩定運作,再決定是否投入。
08我已經會寫 HTML 和 CSS,還需要它嗎?
如果你習慣直接寫程式碼,它的視覺化編輯模式可能不是你的主要需求。但它提供原始碼檢視模式,你可以在兩者之間切換——用視覺模式快速調整版面,再切到原始碼精修細節。不過市場上也有 Brackets、SeaMonkey 等工具,評分人數都比它多,如果你已經有慣用的編輯器,不一定需要換到這套。
09它還在持續更新嗎?
官方說明明確指出這套產品已經不再開發,可能無法正常運作。從版本紀錄來看,收錄的 6 個版本橫跨多年,近 24 個月只有 1 次更新,顯示維護頻率很低。如果你在意軟體是否能跟上瀏覽器和作業系統的變化,這點需要列入考量——停止開發的軟體,遇到新版系統不相容時,不會有人修復。
10它的介面有中文嗎?
官方提供的介面語系只有英文,沒有繁體中文。如果你不習慣英文介面,操作上會多一層門檻,尤其 CSS 屬性名稱、選單項目都是英文,對不熟悉英文的人來說,學習成本會增加。這點在安裝前建議先想清楚,或者找看看有沒有社群提供的中文化檔案,但官方沒有提供這方面的資訊。
11它跟 Brackets 或 Google Web Designer 比起來,哪個比較多人用?
以評分人數來看,Brackets 有 189 人評分,Google Web Designer 有 74 人,BlueGriffon 只有 29 人。評分人數多不代表軟體比較好,但至少反映使用者的基數較大,遇到問題時比較容易找到解決方法。BlueGriffon 的開發已經停止,而 Brackets 和 Google Web Designer 的維護狀況和社群活躍度,建議你分別查詢確認。
12這套軟體是免費的嗎?
官方 FAQ 說明它是開放原始碼且免費下載使用,但另外有付費的 EPUB 版本,提供電子書製作功能。一般網頁編輯功能不需要付費,不過官方也提到 EPUB 版的價格會變動,需要到官方網站確認最新資訊。要注意的是,授權型式標示為 Demo,實際使用上是否有限制,建議下載後先確認。
下載與官方連結
bluegriffon-2.3.1.win32-installer.exe · 33.2 MB · 連結指向軟體原廠
版本紀錄
- 2025-11-20 BlueGriffon 3.1 252.91 MB
- 2017-11-22 BlueGriffon 3.0.1
- 2017-11-21 BlueGriffon 3.0 43 MB
再看 3 筆
- 2017-10-26 BlueGriffon 2.4.1 40 MB
- 2017-02-24 BlueGriffon 2.3.1 33.2 MB
- 2017-02-15 BlueGriffon 2.3 33.1 MB
這一版改了什麼
What's new in this version:
- Check Manually button in Updates panel of Preferences was horked
- prefwindow size on Windows/linux was wrong
- errors in mode switching from and to Dual View
- better zoom in Source view
- hide useless options in Add-ons window
- Find/Replace in Source view had bugs
- fixed an error when a file added to an EPUB 3 or EPUB 3.1 package was deleted immediately after