15k star!一款超级好看的开源论坛软件,优雅!
随着开源社区的日益繁荣,人们对社区品质的要求也越来越高。传统的 BBS 论坛模式已经难以满足现代用户对美观、便捷、互动性的需求。搭建一个现代化的高品质社区,成为许多网站管理者的迫切需求和共同挑战。
今天就给大家安利一款现代化的、优雅的开源论坛软件 - Flarum。
Flarum 以现代简约的设计理念、卓越的用户体验、强大的可扩展性,重新定义了我们对网络社区的想象。
Flarum 简介
Flarum 是一个诞生于 2014 年的开源论坛软件项目。创始人 Toby Zerner 和 Franz Liedke 希望创建一个现代化的、优雅的论坛系统,以应对传统论坛软件在界面设计、用户体验、可扩展性等方面的不足。
经过两年的开发,Flarum 在 2015 年发布了第一个公开 Beta 版本,迅速吸引了大量开发者和社区运营者的关注。此后,Flarum 不断迭代更新,社区不断壮大,逐渐成长为论坛软件领域的一颗新星。
Flarum 的设计理念可以概括为 “现代、简约、优雅”。它摒弃了传统论坛软件臃肿、复杂的设计,转而追求简洁明了的界面布局和流畅自然的用户交互。
目前该项目在 GitHub 上已经收获了 15K Star。
GitHub 地址:https://github.com/flarum/flarum
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 应用商店[1]提供了一键部署的应用模板,点一下鼠标即可完成部署,非常丝滑。
如果你想快速搭建一个 Flarum 论坛,又不想陷入繁琐的安装和配置过程,可以试试 Sealos。
直接打开 Flarum 应用模板:
https://bja.sealos.run/?openapp=system-template%3FtemplateName%3Dflarum
然后点击右上角的 “去 Sealos 部署”。
❝如果您是第一次使用 Sealos[2],则需要注册登录 Sealos 公有云账号,登录之后会立即跳转到模板的部署页面。
点击右上角的 “部署应用” 开始部署,部署完成后,直接点击应用的 “详情” 进入该应用的详情页面。
等待应用状态变成 running 之后,直接点击外网地址便可打开 Flarum 的可视化界面。
用户名: 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[3]:为论坛添加用户目录页面,方便浏览和搜索用户。安装方法: extension require fof/user-directory:"*"
FoF Filter[4]:帮助论坛管理员自动审核和过滤用户生成的内容。安装方法: extension require fof/filter:"*"
FoF Links[5]:让你在论坛的导航栏、侧边栏或页脚添加自定义链接,方便用户快速访问论坛内外的重要页面。安装方法: extension require fof/links
SEO[6]:专注于 SEO 优化。安装方法: extension require v17development/flarum-seo
Discussion views[7]:显示每个话题 (讨论) 的浏览量,让用户和管理员一目了然地看到社区内容的受欢迎程度。安装方法: extension require michaelbelgium/flarum-discussion-views
Echo showfloor[8]:像百度贴吧一样显示楼层。安装方法: extension require wanecho/showfloor:"*"
Emoji Picker[9]:让用户在论坛中方便地插入表情符号,与论坛自带的 Emoji 插件冲突,需要先禁用默认的 Emoji 插件。安装方法: extension require clarkwinkelmann/flarum-ext-emojionearea
Fancybox-Plus[10]:为 Flarum 论坛提供图片浏览增强功能,安装之后点击图片将会弹出一个优雅的图片浏览界面。安装方法: extension require tohsakarat/fancybox-plus
FoF Sitemap[11]:为 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 提供的各项功能,如移动端友好的响应式设计、灵活的权限管理、丰富的互动方式等,都将为你的社区注入新的活力。
引用链接
[1]Sealos 应用商店: https://sealos.run/docs/guides/templates/
[2]Sealos: https://sealos.run/
[3]FoF User Directory: https://flarum.org/extension/fof/user-directory
[4]FoF Filter: https://github.com/FriendsOfFlarum/filter
[5]FoF Links: https://github.com/FriendsOfFlarum/links
[6]SEO: https://github.com/v17development/flarum-seo
[7]Discussion views: https://github.com/MichaelBelgium/flarum-discussion-views
[8]Echo showfloor: https://gitee.com/echo886/flarum-showfloor
[9]Emoji Picker: https://github.com/clarkwinkelmann/flarum-ext-emojionearea
[10]Fancybox-Plus: https://github.com/tohsakrat/fancybox-plus
[11]FoF Sitemap: https://github.com/FriendsOfFlarum/sitemap
https://sealos.run
https://github.com/labring/sealos
https://sealos.run/docs/Intro
https://forum.laf.run/
往期推荐
2024-06-03
2024-05-27
2024-05-21
关于 Sealos
Sealos 是一款以 Kubernetes 为内核的云操作系统发行版。它以云原生的方式,抛弃了传统的云计算架构,转向以 Kubernetes 为云内核的新架构,使企业能够像使用个人电脑一样简单地使用云。
关注 Sealos 公众号与我们一同成长👇👇👇