Flarum 安裝和使用教程

米开朗基杨發表於2024-06-13

隨著開源社群的日益繁榮,人們對社群品質的要求也越來越高。傳統的 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 提供的各項功能,如移動端友好的響應式設計、靈活的許可權管理、豐富的互動方式等,都將為你的社群注入新的活力。

相關文章