五分钟设计一个漂亮的pleroma主题

zhichi
最后编辑于 April 2022 Pleroma

写在前面:

本篇有标题党的嫌疑,下面的内容也缺乏原创性。

Pleroma主题设计教程详见官方文档:https://docs-develop.pleroma.social/backend/configuration/howto_theming_your_instance/

本篇只是做了一点点翻译。希望通过这篇文章,介绍一些已有的漂亮pleroma主题,让各位有兴趣的朋友来欣赏Pleroma的美丽^_^


快速便捷地设计您的Pleroma站点风格

  • 您可以使用Pleroma FE创建自己的主题,方法是转到设置(右上角的齿轮)并选择主题选项卡。在这里,您可以选择创建个人主题。

  • 可以根据图上的红框与箭头开始手动制作(瞎改)主题

经过上面的步骤,您已经获得了一个自己制作的pleroma主题文件。

当然,您也可以去访问别的pleroma站点,在齿轮设置里面保存并下载该站的主题;
或者访问一些提供pleroma主题的网址:
https://mindpalace.michaelis.website/tech/pleroma-theme.html
https://plthemes.vulpes.one/


将漂亮主题上传到您自己的vps

下面的操作以Bitvise SSH Client为例

  • 重命名刚刚下载的那个json文件,例如命名为XXX.json
  • 打开该文件,添加下列代码(注意括号),并且保存

{
"_pleroma_theme_version": 2,
"name": "XXX",
"theme": {}
}

  • 访问VPS中存放Pleroma主题文件的地址

/var/lib/pleroma/static/frontends/pleroma-fe/develop/static/themes
(可能与您的安装路径有些许出入)

  • 将修改好的XXX.json上传到这里

  • 修改/var/lib/pleroma/static/frontends/pleroma-fe/develop/static 中的styles.json文件代码

{
"pleroma-dark": [ "Pleroma Dark", "#121a24", "#182230", "#b9b9ba", "#d8a070", "#d31014", "#0fa00f", "#0095ff", "#ffa500" ],
"pleroma-light": [ "Pleroma Light", "#f2f4f6", "#dbe0e8", "#304055", "#f86f0f", "#d31014", "#0fa00f", "#0095ff", "#ffa500" ],
"classic-dark": [ "Classic Dark", "#161c20", "#282e32", "#b9b9b9", "#baaa9c", "#d31014", "#0fa00f", "#0095ff", "#ffa500" ],
"bird": [ "Bird", "#f8fafd", "#e6ecf0", "#14171a", "#0084b8", "#e0245e", "#17bf63", "#1b95e0", "#fab81e"],
"ir-black": [ "Ir Black", "#000000", "#242422", "#b5b3aa", "#ff6c60", "#FF6C60", "#A8FF60", "#96CBFE", "#FFFFB6" ],
"monokai": [ "Monokai", "#272822", "#383830", "#f8f8f2", "#f92672", "#F92672", "#a6e22e", "#66d9ef", "#f4bf75" ],
"redmond-xx": "/static/themes/redmond-xx.json",
"redmond-xx-se": "/static/themes/redmond-xx-se.json",
"redmond-xxi": "/static/themes/redmond-xxi.json",
"breezy-dark": "/static/themes/breezy-dark.json",
"breezy-light": "/static/themes/breezy-light.json",
"mammal": "/static/themes/mammal.json",
"XXX": "/static/themes/XXX.json"
}

  • 此刻,您可以来到Pleroma站点,点击齿轮设置,在网站预置主题中,您会发现列表里面多出了一个XXX的选项,恭喜,您的漂亮主题上传成功了

  • 然后,您可以登陆Pleroma Fe-Settings-Frontend-Theme,输入XXX,将其设置为默认配置主题


我很欣赏的某些Pleroma站点的漂亮主题展示

希望您也喜欢!

The Pleroma Themes (michaelis.website)
Themes Gallery (cobaltkiss.blue)

评论

登录注册后才能评论。