使用笔记/皮肤篇

该页面的编辑正在进行中。 ^讨论

请帮助我们扩充或改进这篇文章。

皮肤（Skin），作为站点的脸面，自然不能随便糊弄。MediaWiki.org上有记录的所有皮肤在这里可以看到。

但是，皮肤的完整程度、美观程度、移动端适配能力等，可能会随着时间而变得不那么适合现代需求。以下会介绍一些皮肤。

Timeless

主条目：mw:Skin:Timeless

Timeless的预览图。

Timeless是一款非常好看、完整，适用于各种屏幕尺寸且同时顾及编者和读者需要的皮肤。

除了在图标搭配上不太符合Material Design式的审美，这是一款相当可用的皮肤。它也被用于维基媒体基金会托管的wiki上，比起单调而经典的Vector来说，Timeless算是新鲜血液了。

Timeless是MediaWiki提供的安装压缩包的自带皮肤之一。

背景图片设置

Timeless默认的背景是一个透明的猫的svg图片。如果你希望改成别的，比如你站Logo的灰度透明化版本，那么需要填写$wgTimelessBackdropImage这个本地设置。我的配置是"/images/1/10/Backdrop.svg"，这样可以通过MediaWiki本身的文件管理追踪背景图片。

Vector

主条目：mw:Skin:Vector和mw:Skin:Vector/2020

Vector的预览图。

Vector 2020的预览图。

Vector是一款相当经典的皮肤，维基百科的默认皮肤就是它。现已升级到Vector 2020。

随着时代变迁，Vector已经逐渐不再符合现代要求了。其旧版自带的实验性响应式设计的效果不理想。

2020版推出后，响应式设计似乎依然是实验性质。就设计上来说页面灰度平均要白上不少，主要是页面留的空白也多了不少。

Vector是MediaWiki提供的安装压缩包的自带皮肤之一。

启用响应式设计 

此条目尚未完成。

你可以帮助我们扩充关于该主题的更多信息。
原因：内容已过时，不适用于1.36以后及2020版

使用本地设置$wgVectorResponsive。

需要注意的是，1.36之后需要额外设置$wgVectorDefaultSkinVersion = '2';。

Minerva Neue

主条目：mw:Skin:MinervaNeue和mw:Extension:MobileFrontend

Minerva Neue的移动端预览图。

Minerva Neue是一款针对移动端设计的皮肤，与MobileFrontend搭配效果更佳。

优势 

由于一开始就是MobileFrontend的附属品，所以和MobileFrontend的相性（あいしょう）很好。

同样的，这也是wmf托管的wiki所使用的皮肤，因此相对功能也做的比较完整，比较稳定。

Sitenotice

使用$wgMinervaEnableSiteNotice这个本地设置。注意由于移动版页面的CSS和JavaScript加载有延迟，因此如果你的Sitenotice使用了一些自定义JavaScript，请务必查看在移动版是否在JavaScript加载前显示正常。

问题 

• 侧边栏不支持自定义。需要使用JS等非皮肤内部方式。
• 本身没有从色彩角度开发，因此如果要自定义也只能自己写CSS，没有内部方式。
• 通知按钮有时会超出页面宽度。
• 截至最后一次编辑，Safari浏览器上点击左上角菜单按钮后直接关闭菜单会导致页面冻结。
• 桌面端效果不佳，一般来说桌面端不会使用此皮肤，虽然其一直在尝试适配桌面端体验。
• 由于MobileFrontend的加持，部分class可能会被隐藏掉。原本这是一种“移动端优化”，但是有可能反而会把你需要的内容给隐藏掉。

Citizen

主条目：mw:Skin:Citizen

Citizen的预览图。

Citizen是星际公民百科设计的一款皮肤，拥有一定的Material Design设计。和Timeless一样，它也原生支持响应式设计，并且自带亮色/暗色模式。

注意

有关适合这款皮肤的主页设计和模板等，参见星际公民百科。

Cosmos

主条目：mw:Skin:Cosmos

Cosmos的预览图。

Cosmos参照Fandom平台的桌面端皮肤Oasis并致力于改进其体验。其可以帮助从Fandom平台迁出的用户平缓过渡到原版MediaWiki。

与PortableInfobox的联动

主条目：mw:Extension:PortableInfobox和使用笔记/扩展程序篇§PortableInfobox

PortableInfobox在移植出Fandom旧平台时移除了Europa主题，而Cosmos对其做出了补充，可以通过一个设置打开Cosmos下的Europa信息框主题。

侧栏

页面侧栏（Rail）与Oasis的自定义方式不太一样。Oasis上使用的是这个JS加载，但是Cosmos使用的是本地设置参数$wgCosmosEnabledRailModules和自定义系统消息。

当然，如果设置了侧栏，侧栏的宽度会把实际页面内容宽度挤掉一部分。如果你的页面需要更宽的宽度去展示内容，也有对应的本地设置和魔术字。

问题 

Cosmos虽说是参照改进，但是在事实上应该是没有形成自己的设计系统的⸺也就是说，虽然Oasis确实做得不太好，但是Cosmos所谓的改进也没好到哪里去。当然，开发者自己倒是感觉十分良好。

Evelution

主条目：mw:Skin:Evelution

Evelution的预览图。

Evelution是一款致力于还原FandomDesktop的皮肤。目前仍处于活跃开发状态。

其也附有主题设计器，基于CSS变量。

Lakeus

主条目：mw:Skin:Lakeus

Lakeus的预览图。

Lakeus是由本站站长开发的全功能简易皮肤，以其小说角色湖远星命名，支持通过CSS变量自定义，附带一个（大概不怎么好用的）主题设计器。这也是本站的默认皮肤。