Ubuntu、Windows 安裝 Maqetta HTML5 編輯器

阿舍在二週前有介紹過 Ninja Authoring Tool 這個可以直接拖拉來編製網頁、圖形和動畫的 HTML5 編輯器，阿舍那個時候有試用，感覺還不錯，可是，當阿舍要再 Ubuntu 來用時，才發現，這個 Ninja Authoring Tool 沒有支援 Ubuntu 哩 ！所以，阿舍只好再去找找看，有沒有其它像 Ninja Authoring Tool 一樣的 HTML5 編輯器哩 ！ 最後，就找到了 Maqetta 這個開放原始碼的 HTML5 編輯器了哩 ！

Maqetta Designer

雖然，Maqetta 不像 Ninja Authoring Tool 一樣，除了可以編輯 HTML5  的網頁之外，還可以畫圖和製作動畫，但是，阿舍覺得 Maqetta 在編輯 HTML5 網頁的功能不差，Maqetta 除了可以使用標準的 HTML5 標籤之外，也有支援 Dojo、jQuery 和 YUI 等的元件可用，還有，Maqetta 也支援不同裝置的網頁設計，也就說，Maqetta 可以方便皂用來設計出不同裝置用的網頁哩 ！

Maqetta 的運行方式和  Ninja Authoring Tool  類同，需要有一個伺服器來儲存檔案，然後，透過瀏覽器來操作，目前 Maqetta 的伺服器軟體可以支援 Widnwos、Linux 和 Mac 等三種作業系統，而在瀏覽器的部份則是支援 Chrome、FireFox 和 Safari 等三種，至於安裝的部份，其實，就只要下載和解壓縮而已哩 ！

首先，由於 Maqetta 是由 Java 撰寫的，因此，在安裝前，請先安裝 JRE 1.5 以上的版本，JRE 安裝完成後，接下來，請到 Maqetta 編輯器網站的這個網頁來下載，然後，在下載完成後，請把它解壓縮，如果是在 Windows 上的話，請在解開的資料夾裡，執行下面這支程式。

maqetta.local.win.bat

而如果是在 Ubuntu 上的話，請執行下面這支程式。

maqetta.local.unix.sh

上面所指的程式執行之後，就可以開啟瀏覽來打開「http://localhost:5000/maqetta」這個網址，然後，應該就會看到 Maqetta 編輯器了哩 ！第一次應該會出現要註冊的畫面，而這個註冊畫面的資料是被儲存到本區所啟動的伺服器上，而不是被送到 Maqetta.org 來儲存哩 ！

推薦閱讀

• 問題沒解決嗎? 更多的 Ubuntu 教學在 這裡
• Prompt Injection: 提示詞注入安全漏洞
• 二款 Mac 無痛安裝的 Stable Diffusion 軟體
• 用 AI 寫部落格文章好不好 ?
• 沒有免費的 Midjourney 和 Colab 又不想花錢怎麼辦 ?
• 不學 Prompt 技巧也能善用 ChatGPT 的簡單方法
• 企業 AI 應用：不只是聊天機器人
• Automatic 比 Automatic1111 更好用 ? 都是 Stable Diffusion WebUI
• Stable Diffusion 的 /describe 圖生文功能
• AI 畫出讓人可怖的美圖 ！

有疑問？ 問題還是沒解決嗎? 歡迎下方留言提問和討論 😁