置顶公告:【置顶】关于临时开启评论区所有功能的公告(2022.10.22) | 【置顶】关于本站Widget恢复使用的公告
  • 你好~!欢迎来到萌娘百科镜像站!如需查看或编辑,请联系本站管理员注册账号。
  • 本镜像站和其他萌娘百科的镜像站无关,请注意分别。

萌娘百科:MoeSkin/迁移指南

来自萌娘百科
跳到导航 跳到搜索

本页面列出了萌娘百科旧版皮肤 Vector 到 MoeSkin 的主要破坏性变更。

兼容性

  • Firefox, Chrome, Safari, Opera, Microsoft Edge 以及其他主流浏览器的最新5个版本[1]
  • 您需要允许浏览器运行 JavaScript 以使用 MoeSkin
  • MoeSkin 是一个桌面版外观,它最低支持 860px 的页面宽度[2]

页面元素

  • MoeSkin 移除了左上角的萌百娘 Logo
  • MoeSkin 移除了 Sidebar,取而代之的是 Topbar

JavaScript

  • 萌娘百科中的 MoeSkin 本体使用 CDN 载入,而非 ResourceLoader[3]
  • API接口action=contributionscores是一个由萌娘百科高度自定义的接口[4]

CSS

  • 任意元素(*)模型盒子(box-sizing)已变更:content-boxborder-box[5]
  • 多个 MediaWiki 原生元素的类名与唯一标识符可能有变更
  • 文章区域的最小宽度为 600px,最大宽度为 900px(侧边栏展开)/1200px(侧边栏折叠)
  • 文章区域的 <h2> 标签自带一个::after伪元素以及 1em 的左侧内边距,它被用于渲染带有萌娘百科特色的标题小绿条。在需要高度自定义样式的条目中,可以通过使用 TemplateStyles 来移除该元素。
  • 数个被标记为Deprecated的 HTML 属性不再受支持:[6][7]
    • 全局属性:align border bgcolor color
    • <table>及相关标签:cellpadding cellspacing[8]
  • 基于 SEO 的考虑,我们强烈建议不要在文章中使用一级标题(<h1>)。文章中的<h1>将不再有预设样式,因此它看上去会和普通文本一样,以此来提醒编辑者对其进行修改

外部链接及注释

  1. IE 浏览器以及2020年以前版本的国产浏览器不受到萌娘百科官方支持
  2. MoeSkin 也许可以运行在低于此宽度的环境,但页面元素可能会显示不全或错位
  3. 请勿使用模块skins.moeskin.jsskins.moeskin.stylesmw.loader.getState状态作为是否加载成功的判断依据,因为它们总是未加载的
  4. 即它不存在于公版 ContributionScores 扩展中,请不要尝试在其他站点安装了此扩展的wiki中使用它,你会不出意外地得到一个错误提示
  5. 在20220707热更新中复原了此变更
  6. 它们应当被 CSS 定制样式替代以实现需要的效果
  7. 可能失效的已废弃属性未尽数列出,此处仅列出部分常用的已废弃属性,这不代表未列出的已废弃属性仍旧能够使用
  8. 在20220707热更新中复原了此变更