萌娘百科:MoeSkin/迁移指南
跳到导航
跳到搜索
本页面列出了萌娘百科旧版皮肤 Vector 到 MoeSkin 的主要破坏性变更。
兼容性
- Firefox, Chrome, Safari, Opera, Microsoft Edge 以及其他主流浏览器的最新5个版本[1]
- 您需要允许浏览器运行 JavaScript 以使用 MoeSkin
- MoeSkin 是一个桌面版外观,它最低支持 860px 的页面宽度[2]
页面元素
- MoeSkin 移除了左上角的萌百娘 Logo
- MoeSkin 移除了 Sidebar,取而代之的是 Topbar
JavaScript
CSS
任意元素([5]*
)模型盒子(box-sizing
)已变更:content-box
→border-box
- 多个 MediaWiki 原生元素的类名与唯一标识符可能有变更
- 文章区域的最小宽度为 600px,最大宽度为 900px(侧边栏展开)/1200px(侧边栏折叠)
- 文章区域的 <h2> 标签自带一个
::after
伪元素以及 1em 的左侧内边距,它被用于渲染带有萌娘百科特色的标题小绿条。在需要高度自定义样式的条目中,可以通过使用 TemplateStyles 来移除该元素。 - 数个被标记为
Deprecated
的 HTML 属性不再受支持:[6][7]- 全局属性:
align
border
bgcolor
color
<table>及相关标签:[8]cellpadding
cellspacing
- 全局属性:
- 基于 SEO 的考虑,我们强烈建议不要在文章中使用一级标题(
<h1>
)。文章中的<h1>
将不再有预设样式,因此它看上去会和普通文本一样,以此来提醒编辑者对其进行修改
外部链接及注释
- ↑ IE 浏览器以及2020年以前版本的国产浏览器不受到萌娘百科官方支持
- ↑ MoeSkin 也许可以运行在低于此宽度的环境,但页面元素可能会显示不全或错位
- ↑ 请勿使用模块
skins.moeskin.js
和skins.moeskin.styles
的mw.loader.getState
状态作为是否加载成功的判断依据,因为它们总是未加载的 - ↑ 即它不存在于公版 ContributionScores 扩展中,请不要尝试在其他站点安装了此扩展的wiki中使用它,你会不出意外地得到一个错误提示
- ↑ 在20220707热更新中复原了此变更
- ↑ 它们应当被 CSS 定制样式替代以实现需要的效果
- ↑ 可能失效的已废弃属性未尽数列出,此处仅列出部分常用的已废弃属性,这不代表未列出的已废弃属性仍旧能够使用
- ↑ 在20220707热更新中复原了此变更