Tada! 本站有新主题啦!Infinity Bridge*!
效果见图一,更改设置见图二的绿色框,推荐勾选 Enable advanced web interface,这样背景图片才会显示全。手机端的浏览效果见图三图四。
:blobcatrainbow1: :blobcatrainbow2: :blobcatrainbow3: :blobcatrainbow4: :blobcatrainbow5: :blobcatrainbow6: :blobcatrainbow7: :blobcatrainbow8: :blobcatrainbow9: :blobcatrainbow10:
写给站长们的参考:添加新主题非常简单,整个 css 是在 github.com/trwnh/mastomods 的基础上做了一些很小的更改的,请按 repo 的教程一步步来。主题颜色在
~/live/app/javascript/styles/your_theme/palette.scss 里更改,里面的 rgb(r, g, b) 可以改成 rgba(r, g, b, a) 实现透明度;背景图片在 ~/live/app/javascript/styles/your_theme/overrides.scss 里更改,url 里面的内容改成 "../images/your_image", 然后把 your_image 放进 ~/live/app/javascript/images 里,这个文件夹里的其他文件比如 logo 和 preview 也是可以直接替换的。这些完成之后需要 RAILS_ENV=production bundle exec rails assets:precompile。其他的媒体文件比如浏览器上的 icon (就是我站的克莱因瓶)请替换 ~/live/public/favicon.ico。文件夹里的其他文件比如 apple... android.. 也可以改。当然最后不要忘了 systemctl rexxx mastodon-xxx.
:blobcatrainbow1: :blobcatrainbow2: :blobcatrainbow3: :blobcatrainbow4: :blobcatrainbow5: :blobcatrainbow6: :blobcatrainbow7: :blobcatrainbow8: :blobcatrainbow9: :blobcatrainbow10:

To the moon 的主题也弄好了, 配色暂时不是很确定,不过先这样吧。
电脑上的背景图在手机端显示起来有点奇怪,可以为手机端重新截一个适合手机分辨率的图,同样放进 ~/live/app/javascript/images 文件夹,然后在 ~/live/app/javascript/styles/your_theme/overrides.scss 里加一段
/
mobile */
@media (max-width: 630px) {

.columns-area {
background: url("../images/your_image_mobile");
background-size: cover;
background-position: center center;

}
}
不过网站上写的 background-attachment: fixed; 貌似没什么用,挠头

Follow

@flyover 可以耶,我这边是开源的,你看一下最后一个 commit 新增的文件,不过里面包含了一些乱七八糟的换 logo 和 preview 你可以忽略 github.com/RiverIntheSky/masto

· · Web · 0 · 0 · 1
Sign in to participate in the conversation
Rhabarberbarbarabar

本吧试营业,服务器位于德国,还没有吧规。欢迎小伙伴们分享生活和语言豆知识。(新用户注册请填写申请理由,或附上别处社交账号)