置顶公告:【置顶】关于临时开启评论区所有功能的公告(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熱更新中復原了此變更