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

這篇文章就到這裡拉~

此沙龍呢,主要包含 Renpy 中文教學還有其他遊戲引擎 (專注於視覺小說引擎) 的教學。 歡迎想學自製遊戲的人加入! 除了遊戲製作的教學外也有一些我的生活上的各種事的分享,只想學製作遊戲的話就可以先忽略他們拉
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
安安~ 今天的教學呢 將會展示如何製作一個有時間限制的選項 建立新畫面 首先呢先讓我們來建立一個顯示剩餘時間的畫面
原文可以點這裡進入 角色互動教學 【Renpy 教學】 安安呐~今天要帶來的是關於和角色互動相關的教學 讓 Renpy 透過玩家點擊的位置顯示對應的對話 計算
原文可以點這裡進入 限制成人內容 【Renpy 教學】 ​ 安安~今天要給各位帶來一個已經敲碗一段時間的關於成人內容限制的教學 如果你的專案有包含比較暴力,18+ 的內容 然後你想讓玩家自己選擇要不要顯示這些內容的話就可以用到這篇教學拉 首先讓我們來建立新的幾個變
原文可以點這裡進入 跳出好感增加/減少訊息 【Renpy教學】 在開始之前建議你先讀過以下這篇: 什麼是變量? 其實要做出簡單的這個好感加減的跳出小框框 (rr 不知道怎麼叫它 w) 是很簡單的 以下是一個小
原文可以點這裡進入 模糊特效使用 【Renpy 教學】 今天的教學要來教各位使用畫面模糊功能 要在圖片上加入這個功能很簡單 像是以上的範例的話會把 bg.jpg 變得模糊 模糊的程度 = 5 (數字越高越模糊,越低越清晰) 使用時就跟平常叫出圖片的方式一樣
原文可以點這裡進入 在對話中或是畫面上顯示變量 【Renpy 教學】 如果你不知道什麼是變量的話歡迎事先閱讀上一篇關於變量的文章窩! 什麼是變量? 在此教學正式開始之前先讓我們來定義幾個之後要用到的變量吧!
安安~ 今天的教學呢 將會展示如何製作一個有時間限制的選項 建立新畫面 首先呢先讓我們來建立一個顯示剩餘時間的畫面
原文可以點這裡進入 角色互動教學 【Renpy 教學】 安安呐~今天要帶來的是關於和角色互動相關的教學 讓 Renpy 透過玩家點擊的位置顯示對應的對話 計算
原文可以點這裡進入 限制成人內容 【Renpy 教學】 ​ 安安~今天要給各位帶來一個已經敲碗一段時間的關於成人內容限制的教學 如果你的專案有包含比較暴力,18+ 的內容 然後你想讓玩家自己選擇要不要顯示這些內容的話就可以用到這篇教學拉 首先讓我們來建立新的幾個變
原文可以點這裡進入 跳出好感增加/減少訊息 【Renpy教學】 在開始之前建議你先讀過以下這篇: 什麼是變量? 其實要做出簡單的這個好感加減的跳出小框框 (rr 不知道怎麼叫它 w) 是很簡單的 以下是一個小
原文可以點這裡進入 模糊特效使用 【Renpy 教學】 今天的教學要來教各位使用畫面模糊功能 要在圖片上加入這個功能很簡單 像是以上的範例的話會把 bg.jpg 變得模糊 模糊的程度 = 5 (數字越高越模糊,越低越清晰) 使用時就跟平常叫出圖片的方式一樣
原文可以點這裡進入 在對話中或是畫面上顯示變量 【Renpy 教學】 如果你不知道什麼是變量的話歡迎事先閱讀上一篇關於變量的文章窩! 什麼是變量? 在此教學正式開始之前先讓我們來定義幾個之後要用到的變量吧!
你可能也想看
Google News 追蹤
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
AI 網站建置工具利用無需編碼技術,提供多種功能,本文將探討當今可用的頂級 AI 網站建置工具。這些工具使用機器學習算法來理解網站上下文,並快速而輕鬆地建立引人注目的線上存在。
Thumbnail
WordPress是一個強大、靈活且易於使用的內容管理系統(CMS),免費開源並擁有龐大的開發者社區。其具有多媒體支持、SEO友好、安全性強、用戶權限管理等特點。這些特性使得WordPress成為構建現代專業網站的優秀選擇。
Thumbnail
在網站建設的世界中,WordPress 架站一直是新手和專業人士的首選。它以其靈活性、易用性和龐大的社區支持而聞名。對於那些想要快速入門並建立自己的網站的人來說,WordPress 是一個理想的選擇。
Thumbnail
瞭解在WordPress上建立網店的關鍵步驟,包括選擇合適的插件和主題、產品和分類設置、支付和運費選項、安全和隱私保護,以及行銷和推廣策略。
Thumbnail
對於網頁製作新手來說,自己架設網站絕對是可行的。現代的網頁製作工具和平台設計得十分用戶友好,即使沒有網頁開發背景,也能輕鬆上手。在選擇網頁製作平台時,需要注意以下幾點: 操作介面:選擇一個操作界面清晰直觀的平台,這有助於您更容易地設計網站和探索各種功能。 功能齊全:確保平台提供您所需的所有功能...
Thumbnail
這篇文章介紹了9個免費網頁製作平臺的特色、優缺點和操作難易度。涵蓋平臺如Wix、WordPress.com、Weebly、Squarespace、Jimdo、Gatsby、Webnode、Yola和Strikingly,有助於讀者找到適合自己的網站製作工具。
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
AI 網站建置工具利用無需編碼技術,提供多種功能,本文將探討當今可用的頂級 AI 網站建置工具。這些工具使用機器學習算法來理解網站上下文,並快速而輕鬆地建立引人注目的線上存在。
Thumbnail
WordPress是一個強大、靈活且易於使用的內容管理系統(CMS),免費開源並擁有龐大的開發者社區。其具有多媒體支持、SEO友好、安全性強、用戶權限管理等特點。這些特性使得WordPress成為構建現代專業網站的優秀選擇。
Thumbnail
在網站建設的世界中,WordPress 架站一直是新手和專業人士的首選。它以其靈活性、易用性和龐大的社區支持而聞名。對於那些想要快速入門並建立自己的網站的人來說,WordPress 是一個理想的選擇。
Thumbnail
瞭解在WordPress上建立網店的關鍵步驟,包括選擇合適的插件和主題、產品和分類設置、支付和運費選項、安全和隱私保護,以及行銷和推廣策略。
Thumbnail
對於網頁製作新手來說,自己架設網站絕對是可行的。現代的網頁製作工具和平台設計得十分用戶友好,即使沒有網頁開發背景,也能輕鬆上手。在選擇網頁製作平台時,需要注意以下幾點: 操作介面:選擇一個操作界面清晰直觀的平台,這有助於您更容易地設計網站和探索各種功能。 功能齊全:確保平台提供您所需的所有功能...
Thumbnail
這篇文章介紹了9個免費網頁製作平臺的特色、優缺點和操作難易度。涵蓋平臺如Wix、WordPress.com、Weebly、Squarespace、Jimdo、Gatsby、Webnode、Yola和Strikingly,有助於讀者找到適合自己的網站製作工具。