本站页面（多半）转载自萌娘百科的同名页面，依CC BY-NC-SA 3.0引入，贡献者可以在历史页查询。
因各种原因页面内容可能和源页面有所出入，非本站特有页面内容请以萌娘百科为准。此外，因萌百的api限制，本站部分页面和图片同步自另一个镜像站。
置顶公告：【置顶】关于临时开启评论区所有功能的公告(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-box → border-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.js和skins.moeskin.styles的mw.loader.getState狀態作為是否加載成功的判斷依據，因為它們總是未加載的
  4. ↑ 即它不存在於公版 ContributionScores 擴展中，請不要嘗試在其他站點安裝了此擴展的wiki中使用它，你會不出意外地得到一個錯誤提示
  5. ↑ 在20220707熱更新中復原了此變更
  6. ↑ 它們應當被 CSS 定製樣式替代以實現需要的效果
  7. ↑ 可能失效的已廢棄屬性未盡數列出，此處僅列出部分常用的已廢棄屬性，這不代表未列出的已廢棄屬性仍舊能夠使用
  8. ↑ 在20220707熱更新中復原了此變更
取自「https://moegirl.uk/index.php?title=萌娘百科:MoeSkin/迁移指南&oldid=129663」