隨著開源社群的日益繁榮,人們對社群品質的要求也越來越高。傳統的 BBS 論壇模式已經難以滿足現代使用者對美觀、便捷、互動性的需求。搭建一個現代化的高品質社群,成為許多網站管理者的迫切需求和共同挑戰。
今天就給大家安利一款現代化的、優雅的開源論壇軟體 - Flarum。
Flarum 以現代簡約的設計理念、卓越的使用者體驗、強大的可擴充套件性,重新定義了我們對網路社群的想象。
Flarum 簡介
Flarum 是一個誕生於 2014 年的開源論壇軟體專案。創始人 Toby Zerner 和 Franz Liedke 希望建立一個現代化的、優雅的論壇系統,以應對傳統論壇軟體在介面設計、使用者體驗、可擴充套件性等方面的不足。
經過兩年的開發,Flarum 在 2015 年釋出了第一個公開 Beta 版本,迅速吸引了大量開發者和社群運營者的關注。此後,Flarum 不斷迭代更新,社群不斷壯大,逐漸成長為論壇軟體領域的一顆新星。
Flarum 的設計理念可以概括為 “現代、簡約、優雅”。它摒棄了傳統論壇軟體臃腫、複雜的設計,轉而追求簡潔明瞭的介面佈局和流暢自然的使用者互動。
目前該專案在 GitHub 上已經收穫了 15K Star。
Flarum 功能特色
Flarum 的主要特點包括:
- 扁平化、響應式的介面設計,適配不同尺寸的裝置。
- 簡單直觀的使用者操作流程,降低使用門檻。
- 細粒度的使用者許可權管理,滿足社群的管理需求。
- 豐富的社互動動功能,如點贊、@提及、實時通知等。
- 強大的可擴充套件性,支援透過外掛和 API 進行功能擴充套件。
Flarum 的技術架構
Flarum 採用了當今流行的前後端分離架構。後端基於全世界最好的語言 PHP 和 Laravel 框架開發,提供 RESTful API 介面;前端則使用 JavaScript 語言和 Mithril.js 框架編寫,實現了單頁應用 (SPA) 的使用者介面。這種現代化的架構設計賦予了 Flarum 更好的效能、靈活性和可維護性。
同時,Flarum 還利用了諸如 Composer、WebSocket 等現代 Web 開發技術,進一步提升了系統的效能和實時性。
Flarum vs 傳統 BBS 論壇
特性 | Flarum | 傳統 BBS 論壇 |
---|---|---|
介面設計 | ✅ 現代、簡約、美觀 | ❌ 相對老舊、介面複雜 |
移動端適配 | ✅ 響應式設計,自動適配不同螢幕 | ❌ 大多未針對移動端最佳化 |
社互動動 | ✅ 點贊、@提及、站內通知等豐富的互動功能 | ❌ 互動形式相對單一 |
實時性 | ✅ 內容更新近乎實時,無需重新整理頁面 | ❌ 實時性相對較弱 |
可擴充套件性 | ✅ 模組化設計,支援外掛擴充套件功能 | ❌ 可擴充套件性相對有限 |
使用者許可權管理 | ✅ 細粒度的使用者組許可權設定 | ✅ 通常也有比較完善的許可權管理 |
功能豐富程度 | ❌ 相對較新,功能還在不斷完善中 | ✅ 經過多年發展,功能非常豐富 |
使用者習慣 | ❌ 現代化的介面和互動方式可能需要使用者適應 | ✅ 很多使用者已經習慣了傳統 BBS 的使用方式 |
Flarum 安裝使用
要安裝執行 Flarum,你的伺服器需要滿足以下環境要求:
- Web 伺服器:Apache (需要 mod_rewrite) 或 Nginx。
- PHP 7.4 及以上版本,需要啟用 Fileinfo,Mbstring,OpenSSL,PDO,Tokenizer,XML,Ctype,JSON,GD 等 PHP 擴充套件。
- MySQL 5.6+ 或 MariaDB 10.0.5+。
- SSH (命令列) 訪問,用於執行 Composer。
可以看出來其依賴的技術環境相對還是比較複雜的,手動安裝和配置的過程可能會讓非技術背景的使用者望而卻步。
對於沒有技術背景的同學而言,你也不用擔心安裝問題,Sealos 應用商店提供了一鍵部署的應用模板,點一下滑鼠即可完成部署,非常絲滑。
如果你想快速搭建一個 Flarum 論壇,又不想陷入繁瑣的安裝和配置過程,可以試試 Sealos。
直接開啟 Flarum 應用模板,然後點選右上角的 “去 Sealos 部署”。
如果您是第一次使用 Sealos,則需要註冊登入 Sealos 公有云賬號,登入之後會立即跳轉到模板的部署頁面。
點選右上角的 “部署應用” 開始部署,部署完成後,直接點選應用的 “詳情” 進入該應用的詳情頁面。
等待應用狀態變成 running 之後,直接點選外網地址便可開啟 Flarum 的視覺化介面。
點選右上角的 “Log In” 登入管理員賬號:
- 使用者名稱:
flarum
- 密碼:
flarum
開啟管理員後臺,就可以對論壇進行各種自定義設定了。
由於國內特殊的網路環境,在進行下一步之前,我們需要先把論壇的軟體源替換成國內的源,不然將寸步難行。
修改 Flarum 軟體源
在 Flarum 應用詳情頁面,點選右上角的 “變更”:
然後展開高階設定,修改執行命令和命令引數:
- 執行命令:
/bin/bash -c
- 命令引數:
sed -i 's/dl-cdn.alpinelinux.org/mirrors.ustc.edu.cn/g' /etc/apk/repositories && apk update && apk add git && composer config repo.packagist composer https://mirrors.aliyun.com/composer/ && /init
修改完成後,點選右上角的 “變更” 即可。
等待應用重啟完成,便可重新開啟論壇介面。
個性化設定
透過自定義主題,你可以讓你的論壇獨具一格,彰顯社群的特色。配色方案、導航欄樣式、Logo、背景圖片,這些都可以自定義。
但首先,我們需要安裝一箇中文語言包。
安裝中文語言包
在 Flarum 應用詳情介面,點選右下角的終端按鈕:
在開啟的終端中執行以下命令安裝中文語言包:
extension require flarum-lang/chinese-simplified:dev-master
安裝成功:
進入管理員後臺可以看到多了箇中文語言:
直接點選這裡開啟中文語言:
然後回到 Basics,將 Default Language 改為簡體中文,最後點選下方的 Save Changes,論壇的語言就變成中文啦。如果沒有切換就重新整理一下頁面。
常規設定
接下來進行一些常規的設定,例如論壇名稱、論壇描述、歡迎橫幅等等。
設定完成後,歡迎橫幅是這個樣子的:
這可不太美觀的,咱直接讓它向左對齊,別居中了。怎麼改呢?很簡單,在 “外觀” 中點選 “編輯自定義 CSS”:
然後填入以下 CSS:
.Hero-close {
float: right;
margin-top: -10px;
color: inherit;
opacity: 0.5;
visibility: hidden;
}
.Hero h1 {
margin: 0;
font-weight: bold;
line-height: 1.5em;
}
.containerNarrow {
max-width: none;
margin: 0 auto;
text-align: left;
}
儲存之後再重新整理頁面就變成這個樣子了:
這下舒服多了。
除此之外,還可以設定論壇的配色和 Logo 等。
頁首和頁尾也是可以自定義的,例如 Sealos 官方論壇 (https://forum.laf.run) 的自定義頁尾:
<div class="footer" style="padding:0 15px;">
<p style="text-align: center;">
Copyright © 2023 by <a style="padding: 0 3px;" href="https://sealos.run/" target="_blank"><b>sealos.run</b></a>
</p>
<p style="text-align: center;">
宣告:除非另有說明,否則本站內容依據 <a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.zh" target="_blank">CC BY-SA 4.0</a> 許可證進行授權,轉載請附上出處連結。
</p>
<p style="text-align: center;">
⛵️🐳 <a href="https://sealos.run/" target="_blank" style="font-weight:bold; color:transparent;background-image:linear-gradient(to right,#0ea5e9,#2563eb);-webkit-background-clip: text;background-clip: text">Sealos</a> | 💡 <a href="https://sealos.run/zh-Hans/company" target="_blank">About</a>
</p>
</div>
最終效果如下:
主題推薦
推薦一個主題,GitHub 地址:https://github.com/DellZHackintosh/fluent-flarum
安裝方法和之前一樣,在 Flarum 應用詳情介面,點選右下角的終端按鈕:
在開啟的終端中執行以下命令安裝:
extension require dalez/fluent-flarum
安裝完成後,在管理員後臺開啟。
最終效果:
常用外掛推薦
Flarum 的一大魅力在於它的可擴充套件性。透過安裝各式各樣的外掛,你可以為你的論壇新增新的功能和特性,滿足社群的特定需求。無論是增強 SEO 表現、整合第三方身份驗證,還是支援全文搜尋、實現實時聊天,總有一款外掛能夠滿足你的需要。
以下是一些常用的優質外掛:
- FoF User Directory:為論壇新增使用者目錄頁面,方便瀏覽和搜尋使用者。安裝方法:
extension require fof/user-directory:"*"
- FoF Filter:幫助論壇管理員自動稽核和過濾使用者生成的內容。安裝方法:
extension require fof/filter:"*"
- FoF Links:讓你在論壇的導航欄、側邊欄或頁尾新增自定義連結,方便使用者快速訪問論壇內外的重要頁面。安裝方法:
extension require fof/links
- SEO:專注於 SEO 最佳化。安裝方法:
extension require v17development/flarum-seo
- Discussion views:顯示每個話題 (討論) 的瀏覽量,讓使用者和管理員一目瞭然地看到社群內容的受歡迎程度。安裝方法:
extension require michaelbelgium/flarum-discussion-views
- Echo showfloor:像百度貼吧一樣顯示樓層。安裝方法:
extension require wanecho/showfloor:"*"
- Emoji Picker:讓使用者在論壇中方便地插入表情符號,與論壇自帶的 Emoji 外掛衝突,需要先禁用預設的 Emoji 外掛。安裝方法:
extension require clarkwinkelmann/flarum-ext-emojionearea
- Fancybox-Plus:為 Flarum 論壇提供圖片瀏覽增強功能,安裝之後點選圖片將會彈出一個優雅的圖片瀏覽介面。安裝方法:
extension require tohsakarat/fancybox-plus
- FoF Sitemap:為 Flarum 論壇提供站點地圖 (Sitemap) 功能,提升網站的 SEO 表現。安裝方法:
extension require fof/sitemap
太多了,本文就不一一介紹了,更多外掛可到 Flarum 外掛市場去找:https://flarum.org/extensions
注意:安裝外掛時,一律將安裝命令中的 composer 替換為 extension。例如以下外掛的官方安裝命令為
composer require michaelbelgium/flarum-discussion-views
在 Sealos 的終端中安裝時就需要改成
extension require michaelbelgium/flarum-discussion-views
總結
Flarum 以其簡約美觀的介面設計、強大的功能特性和良好的可擴充套件性,正在吸引越來越多的社群運營者和使用者的關注。
選擇 Flarum,你將獲得一個開箱即用的現代化社群平臺。不必在複雜的技術細節上耗費太多心力,而是可以專注於社群的實際運營和發展。Flarum 提供的各項功能,如移動端友好的響應式設計、靈活的許可權管理、豐富的互動方式等,都將為你的社群注入新的活力。