Publii 免費開源的網站建立器| 0代碼建立部落格 | 從零開始架設網站也可以很簡單

更新於 發佈於 閱讀時間約 5 分鐘

此文章由我的個人部落格搬運過來

用不慣 Wordpress 嗎? 還在找免費開源的WP替代嗎? 那就不要錯過這篇關於 Publii 的介紹! 就算你不會寫程式也對代碼一竅不通,也能夠透過Publii來自己架設一個屬於自己的網站! 而且重點是完全免費! 

早安午安晚安安~

今天要和大家介紹一個我最近發現的網站製作器,他叫做 Publii

它是我在找 Wordpress 的替代品 / 替代網站時看到的

最近我就在研究它,讓我對它想要好好研究 / 使用主要有幾個原因


  • 它使用上是完全免費的
  • 提供繁體中文的介面
  • 可以一鍵打包檔案
  • 可以下載下來不聯網也能使用
  • 可以自訂代碼
點擊進入 Publii



Publii - 介紹

Publii 是一個免費開源的網站建立軟體你可以把它下載到桌面上平常沒有網路的時候也可以使用。


使用它你可以不用打任何代碼就建立一個屬於自己的網站並且你也可以將網站的所有資訊和文章一鍵下載或是備份到電腦上不怕出意外。

一個特點是 Publii 提供了各種不同的寫作文章編輯器可以讓人選擇自己喜歡的編輯器。也有一些免費的主題範本和插件可以使用但是功能比較限制一些。

如果你想要切換網站的話點一下 『001 Test』的那個位置 (這是我隨便取的名字,如果你一開始為網站取了其他名字那就會是其他的名字) ,那之後就換到以下這個頁面。

如果你有其他的網站的話就會列出,想要建立新的網站的話也可以點下右上角的 『Add new website』


建立新網站

raw-image

你可以改變網站的 Logo,輸入網站名字和作者名字

輸入好名字後就可以從之後畫面的左下角的 『Preview your changes』 預覽網站了

如果你想更換主題的話可以使用 Publii Marketplace (公共市場) 提供的主題

有免費的也有需要付費的 ( 可惜我比較喜歡的幾個都是要付費的 qq )

選擇一個主題後你可以看到該主題的介紹,一些其他資訊也可以先預覽這個主題,點一下 『Live Preview』( 實時預覽 ) 就可以了



Publii - 文章編輯器

當然作為一個網站建立器寫文章的系統是不可或缺的,目前 Publii 提供了 3 種寫作編輯器可以根據喜好選擇喜歡的編輯器

1. 所見可及的編輯器

適合沒有代碼基礎的人使用,使用方式跟其他寫作軟體很像基本上不需要 / 沒有學習需要可以很輕易的上手。 這也是我最常使用的編輯器。

2. 塊編輯器

這個編輯器很 Medium, Vocus 方格子和 Matters 的編輯器使用方式很像如果你有使用以上的網站的經驗應該會蠻熟悉這種寫作方式的

相關文章:

Medium / Matters / 方格子 編輯器評比, 差異性介紹 

部落格網站平台選擇 | 哪個部落格平台適合我呢? 【寫作平台優缺點盤點】

3. MD 編輯器

使用 Markdown 來編輯文章,需要學習 Markdown 語法,如果對學習語法不排斥又不喜歡上面 2 個寫作方式的話就可以試試看使用 MD 編輯器。



Publii - 改變外觀/主題

要知道現在有哪些主題可以使用 / 切換你可以從右上角的 3 個點點中找到已下載的主題列表。

如果你要整個改掉網站的呈現方式的話,你可以先到官網找到喜歡的主題後下載該主題的 zip 檔,然後返回主題頁面點擊 『安裝主題』之後再選擇剛剛下載的那個 zip 檔後那個主題就會被加入以下的列表了

只是這樣還不代表使用了那個主題,你必須切換到『網站設置』從當前主題的列表中選擇一個你加入的主題這樣主題就切換完成了!



Publii - 優點/特點

  • 可以使用插件 + 有官方列出的插件列表可以很簡單的裝上插件
  • 有提供繁體中文介面
  • 完全免費
  • 有不同的文章編輯器可以根據喜好選擇
  • 順暢,使用上很順暢不會很卡
  • 有提供主題可以直接下載使用
  • 使用上很簡單
  • 可以很簡單的把網站上架到網路上
  • 可以離線使用,就算沒有網路也能正常使用
  • 可以一鍵將 WordPress 檔案上傳到 Publii 上
  • 可以隨意的隨時加入代碼

Publii - 缺點

  • 免費主題比較少
  • 主題對於不會代碼的人比較難自訂
  • 可下載的插件雖然很多只是絕大部分的插件都是付費服務
  • 對於外觀的編輯沒辦法像是 Wix, Wordpress 那樣用拖拉的就能加入 / 刪除想要的元素



Publii - 價格方案

  • Publii 本身是免費的只需要為喜歡的主題或是插件付費
  • 另外還有網域的名字或是伺服器
  • 因為缺少了後台分析功能所以如果你想要知道你的一些網站數據的話目前只能使用其他第三方程式

用最便宜的價格購買網域吧

點我進入 NameCheap

託管架設你的網站

點我進入 BlueHost

網站分析數據網站

點我進入 SiteChecker



Publii - 替代品 / 類似網站

如果你 Publii 用不習慣的話也可以試試看以下我列出的一些其他網站建立器

免費開源網站建立器:

1. Hexo

2. Hugo

3. Halo

線上網站建立器 (有免費方案):

1. Carrd

2. Mozello

3. Webnode

那些最知名的幾個像是 Wordpress 之類的我想你都已經聽過了所以這裡就列出一些不是那麼知名但是也都很好用的平台

軟體 (提供一次終生買斷制):

1. SupaPass Premium Website Builder

2. Banaa.com - No-Code Website and eCommerce Builder

3. 1MinuteWeb Website Builder: Lifetime Subscription

4. Leia AI Website Builder

5. Blueprints Website Builder

這篇文章就到這裡拉~

留言
avatar-img
留言分享你的想法!
avatar-img
SmileFlower的星球 ⭐ 歡迎入住~
56會員
115內容數
此沙龍呢,主要包含 Renpy 中文教學還有其他遊戲引擎 (專注於視覺小說引擎) 的教學。 歡迎想學自製遊戲的人加入! 除了遊戲製作的教學外也有一些我的生活上的各種事的分享,只想學製作遊戲的話就可以先忽略他們拉
2025/04/14
這篇文章教學如何使用Ren'Py製作長按物件觸發動作的功能,包含時間計算、畫面建立、圖片特效和label呼叫等步驟,並提供可下載的檔案和範例程式碼。
Thumbnail
2025/04/14
這篇文章教學如何使用Ren'Py製作長按物件觸發動作的功能,包含時間計算、畫面建立、圖片特效和label呼叫等步驟,並提供可下載的檔案和範例程式碼。
Thumbnail
2025/01/03
回顧2024年忙碌充實的一年,完成了畢業、考試、實習和接案等重要事項,並新增32篇教學、3個UI範本,參與2個Game Jam。2025年計畫完成未完成教學、製作教學影片,並考慮新增會員投稿教學。新年推出限時優惠方案,訂閱新年方案享對折優惠。
Thumbnail
2025/01/03
回顧2024年忙碌充實的一年,完成了畢業、考試、實習和接案等重要事項,並新增32篇教學、3個UI範本,參與2個Game Jam。2025年計畫完成未完成教學、製作教學影片,並考慮新增會員投稿教學。新年推出限時優惠方案,訂閱新年方案享對折優惠。
Thumbnail
2025/01/01
Gank 是一個友善創作者的贊助平臺,提供多樣化的收入來源,包含鬥內、銷售數位商品、委託接案、會員訂閱、知識付費等功能。此篇文章詳細介紹 Gank 的十大功能、與其他平臺的比較,以及適合使用的對象,並附上相關連結。
Thumbnail
2025/01/01
Gank 是一個友善創作者的贊助平臺,提供多樣化的收入來源,包含鬥內、銷售數位商品、委託接案、會員訂閱、知識付費等功能。此篇文章詳細介紹 Gank 的十大功能、與其他平臺的比較,以及適合使用的對象,並附上相關連結。
Thumbnail
看更多
你可能也想看
Thumbnail
沙龍一直是創作與交流的重要空間,這次 vocus 全面改版了沙龍介面,就是為了讓好內容被好好看見! 你可以自由編排你的沙龍首頁版位,新版手機介面也讓每位訪客都能更快找到感興趣的內容、成為你的支持者。 改版完成後可以在社群媒體分享新版面,並標記 @vocus.official⁠ ♥️ ⁠
Thumbnail
沙龍一直是創作與交流的重要空間,這次 vocus 全面改版了沙龍介面,就是為了讓好內容被好好看見! 你可以自由編排你的沙龍首頁版位,新版手機介面也讓每位訪客都能更快找到感興趣的內容、成為你的支持者。 改版完成後可以在社群媒體分享新版面,並標記 @vocus.official⁠ ♥️ ⁠
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
這篇涵蓋了 Notion 建立網站的基礎,還有免費的教學資源,讓你不用寫程式,就能用 Notion 快速建立個人網站! Notion 簡易入口網站適合學生、求職、接案、小店家使用,能快速產出一個網站,節省成本又快速方便。
Thumbnail
這篇涵蓋了 Notion 建立網站的基礎,還有免費的教學資源,讓你不用寫程式,就能用 Notion 快速建立個人網站! Notion 簡易入口網站適合學生、求職、接案、小店家使用,能快速產出一個網站,節省成本又快速方便。
Thumbnail
本文章介紹了建立網頁的整個流程,包括設置 Templates, Views, Urls 等步驟。透過這些步驟,大家便能創建一個新的網頁,並成功測試。
Thumbnail
本文章介紹了建立網頁的整個流程,包括設置 Templates, Views, Urls 等步驟。透過這些步驟,大家便能創建一個新的網頁,並成功測試。
Thumbnail
此篇教學 : 使用GitHub架設免費的部落格網站,輕鬆擁有自己的Blog雛型,記錄生活點滴。
Thumbnail
此篇教學 : 使用GitHub架設免費的部落格網站,輕鬆擁有自己的Blog雛型,記錄生活點滴。
Thumbnail
不知道你是否有以下困擾呢? 「自己寫好的程式,若要呈現在網路上,該怎麼辦?」 「手上有個html的檔案,但是要如何分享給朋友們?」 「做一個網站要花主機的錢,如何有個免費託管主機的地方呢?」 以上問題,將由github pages來幫你解決喔!
Thumbnail
不知道你是否有以下困擾呢? 「自己寫好的程式,若要呈現在網路上,該怎麼辦?」 「手上有個html的檔案,但是要如何分享給朋友們?」 「做一個網站要花主機的錢,如何有個免費託管主機的地方呢?」 以上問題,將由github pages來幫你解決喔!
Thumbnail
不懂寫程式該如何架設網站?在上一篇文章介紹了多款 No Code 架設網站的工具,我想你已對架站的 No Code 工具有一定了解。如果你還未曾試過建立網站,今天就試試由零開始利用 Notion 架設一個簡單的個人網站。 Notion 網站架設準備工作 將 Notion Page 轉為一頁式網頁
Thumbnail
不懂寫程式該如何架設網站?在上一篇文章介紹了多款 No Code 架設網站的工具,我想你已對架站的 No Code 工具有一定了解。如果你還未曾試過建立網站,今天就試試由零開始利用 Notion 架設一個簡單的個人網站。 Notion 網站架設準備工作 將 Notion Page 轉為一頁式網頁
Thumbnail
無論是個人或企業層面,學習使用 No Code 工具和技術都有助提升工作效率。對於個人職涯來說,能夠掌握 No Code 的開發技能,懂得利用相關工具改善流程和解決問題,必能助你在職場上脫穎而出。這篇文章會為大家介紹 7 個 No Code 網站開發工具,並逐一詳細說明它們的特式和架站方法。
Thumbnail
無論是個人或企業層面,學習使用 No Code 工具和技術都有助提升工作效率。對於個人職涯來說,能夠掌握 No Code 的開發技能,懂得利用相關工具改善流程和解決問題,必能助你在職場上脫穎而出。這篇文章會為大家介紹 7 個 No Code 網站開發工具,並逐一詳細說明它們的特式和架站方法。
Thumbnail
作為開發人員,您可能想知道是否需要博客。老實說,我寫博客已經有一段時間了,我只能告訴你,在你的網站上擁有一個博客有很大的好處。假設您有一個網站,您在該網站上擁有投資組合併銷售產品或服務。您如何為您的網站帶來更多流量,以便潛在的招聘人員或客戶能夠發現您的產品或服務? 先決條件 項目設置 文章正文
Thumbnail
作為開發人員,您可能想知道是否需要博客。老實說,我寫博客已經有一段時間了,我只能告訴你,在你的網站上擁有一個博客有很大的好處。假設您有一個網站,您在該網站上擁有投資組合併銷售產品或服務。您如何為您的網站帶來更多流量,以便潛在的招聘人員或客戶能夠發現您的產品或服務? 先決條件 項目設置 文章正文
Thumbnail
承接上篇文章 架設好環境後我們要來安裝 WordPress 了 其實安裝 WordPress 非常簡單,但是其中要注意的小細節太多了,若是沒有設定好,接下來在做各種激烈操作的時候就會有一堆問題。 文章目錄: 首先,建立一個專門給 WordPress 的資料庫,開啟 phpmyadmin 解壓縮
Thumbnail
承接上篇文章 架設好環境後我們要來安裝 WordPress 了 其實安裝 WordPress 非常簡單,但是其中要注意的小細節太多了,若是沒有設定好,接下來在做各種激烈操作的時候就會有一堆問題。 文章目錄: 首先,建立一個專門給 WordPress 的資料庫,開啟 phpmyadmin 解壓縮
Thumbnail
這是一篇全面,適合新手學習的Woocommerce教學。  你可以低成本(只需要Server + Domain費用), 就可以透過Wordpress + Woocommerce,去建立網店。  你將會學習:前期Server設置、使用Wordpress、安裝Woocommerce、設立outgoin
Thumbnail
這是一篇全面,適合新手學習的Woocommerce教學。  你可以低成本(只需要Server + Domain費用), 就可以透過Wordpress + Woocommerce,去建立網店。  你將會學習:前期Server設置、使用Wordpress、安裝Woocommerce、設立outgoin
Thumbnail
兩年多前,開始有了重新架構網站的想法,所以把 Blogger 架設的網站,移轉至到了新的平台,當年我也做過了一些優缺點評析,剛好最近又再重新整理網站的所有架構,順便也重新啟動了一次 Hugo 架設網站的循環。
Thumbnail
兩年多前,開始有了重新架構網站的想法,所以把 Blogger 架設的網站,移轉至到了新的平台,當年我也做過了一些優缺點評析,剛好最近又再重新整理網站的所有架構,順便也重新啟動了一次 Hugo 架設網站的循環。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News