About-Website-base：修订间差异

2025年12月20日 (六) 00:43的最新版本

基于 MediaWiki 架构

新版 VOCAKEY 已升级为功能全面、插件生态丰富的 MediaWiki 平台。

架构	编辑模式	字体	PWA 支持	离线缓存
MediaWiki	可视化编辑 / 源代码编辑	Roboto（Android 默认字体）	✓ 支持	✓ 支持

主要特性：

大众化与易用性：采用广受全球维基项目验证的架构，稳定可靠。
可视化编辑：支持所见即所得的可视化编辑，大部分编辑工作无需学习复杂语法。
源代码模式：插入网络图片或进行高级排版时，可切换至源代码编辑模式获得完整控制。
主题与界面：
- 网站管理员可全局调整界面主题。
- 默认采用 Roboto 字体，在大多数设备上保持显示一致（除华为 HarmonyOS 系统浏览器外）。
PWA 应用支持：
- 支持 PWA（渐进式网页应用）安装。
- 可在 Windows、macOS、Linux、ChromeOS、Android 等系统的 Chrome、Edge、Firefox 等浏览器中安装为独立应用。
- 支持离线缓存，提升访问体验。

修改网站主题

每位用户均可个性化设置网站外观。当前提供以下 MediaWiki 内置主题（可在注册后前往参数设置 → 外观切换）：

公民
（默认主题）

Vector（2022）
（用于 MediaWiki 官方网站）

旧版 Vector（2010）

MinervaNeue
（移动端友好）

MonoBook
（经典布局）

Timeless
（响应式设计）

修改时区（重要提醒）

⚠️ 重要提醒：时区设置直接影响页面历史、日志时间戳等信息的显示。

由于服务器位于 UTC 时区（比北京时间晚 8 小时），为避免时间显示差异，请务必在注册后立即前往参数设置 → 用户资料中调整您的本地时区（如 UTC+8 为北京时间）。

@@ 第1行： / 第1行： @@
 https://vocakey.imikufans.com/resources/assets/poweredby_mediawiki.svg
+== 基于 MediaWiki 架构 ==
+'''新版 VOCAKEY 已升级为功能全面、插件生态丰富的 [https://www.mediawiki.org MediaWiki] 平台。'''
-== VOCAKEY 新版网站介绍 ==
+{| class="wikitable" style="width:100%; margin: 15px 0;"
+|-
+! 架构
+! 编辑模式
+! 字体
+! PWA 支持
+! 离线缓存
+|-
+| [https://www.mediawiki.org MediaWiki]
+| 可视化编辑 / 源代码编辑
+| Roboto（Android 默认字体）
+| ✓ 支持
+| ✓ 支持
+|}
-=== Based on MediaWiki | 基于 MediaWiki ===
+<div style="background-color: #f8f9fa; border-left: 4px solid #36c; padding: 12px 16px; margin: 15px 0;">
-新版VOCAKEY已经换成了'''大众化、功能丰富、插件生态广泛'''的 [https://www.mediawiki.org MediaWiki 架构]。
+<strong>主要特性：</strong>
+* <strong>大众化与易用性</strong>：采用广受全球维基项目验证的架构，稳定可靠。
+* <strong>可视化编辑</strong>：支持所见即所得的可视化编辑，大部分编辑工作无需学习复杂语法。
+* <strong>源代码模式</strong>：插入网络图片或进行高级排版时，可切换至<span style="text-decoration: underline;">源代码编辑</span>模式获得完整控制。
+* <strong>主题与界面</strong>：
+** 网站管理员可全局调整界面主题。
+** 默认采用 <strong>Roboto</strong> 字体，在大多数设备上保持显示一致（除华为 HarmonyOS 系统浏览器外）。
+* <strong>PWA 应用支持</strong>：
+** 支持 [https://developer.mozilla.org/zh-CN/docs/Web/Progressive_web_apps PWA]（渐进式网页应用）安装。
+** 可在 <strong>Windows、macOS、Linux、ChromeOS、Android</strong> 等系统的 <strong>Chrome、Edge、Firefox</strong> 等浏览器中安装为独立应用。
+** 支持<strong>离线缓存</strong>，提升访问体验。
+</div>
-编辑模式支持'''可视化编辑'''，只需要在编辑器随便写文字、无需用复杂的语法来编辑'''（注意！有嵌入网图等必要条件是需要切换<u>源代码编辑</u>的）'''
+== 修改网站主题 ==
+每位用户均可个性化设置网站外观。当前提供以下 MediaWiki 内置主题（可在注册后前往[[特殊:参数设置#mw-prefsection-rendering|<strong>参数设置 → 外观</strong>]]切换）：
-界面主题丰富，网站管理员可以进行修改
+<div style="display: flex; flex-wrap: wrap; gap: 10px; margin: 15px 0;">
+<div style="border: 1px solid #a2a9b1; border-radius: 4px; padding: 12px; flex: 1 1 200px; background-color: #f8f9fa;">
+<strong>公民</strong><br/><small>（默认主题）</small>
+</div>
+<div style="border: 1px solid #a2a9b1; border-radius: 4px; padding: 12px; flex: 1 1 200px; background-color: #f8f9fa;">
+<strong>Vector（2022）</strong><br/><small>（用于 MediaWiki 官方网站）</small>
+</div>
+<div style="border: 1px solid #a2a9b1; border-radius: 4px; padding: 12px; flex: 1 1 200px; background-color: #f8f9fa;">
+<strong>旧版 Vector（2010）</strong>
+</div>
+<div style="border: 1px solid #a2a9b1; border-radius: 4px; padding: 12px; flex: 1 1 200px; background-color: #f8f9fa;">
+<strong>MinervaNeue</strong><br/><small>（移动端友好）</small>
+</div>
+<div style="border: 1px solid #a2a9b1; border-radius: 4px; padding: 12px; flex: 1 1 200px; background-color: #f8f9fa;">
+<strong>MonoBook</strong><br/><small>（经典布局）</small>
+</div>
+<div style="border: 1px solid #a2a9b1; border-radius: 4px; padding: 12px; flex: 1 1 200px; background-color: #f8f9fa;">
+<strong>Timeless</strong><br/><small>（响应式设计）</small>
+</div>
+</div>
-友好的UI界面，字体为'''Android 默认字体（Roboto）'''，避免了渲染系统字体的可能。
+== 修改时区（重要提醒） ==
+<div style="border: 2px solid #d33; background-color: #fee7e6; padding: 12px 16px; margin: 15px 0; border-radius: 4px;">
+<strong>⚠️ 重要提醒：</strong>时区设置直接影响页面历史、日志时间戳等信息的显示。
+</div>
-网站支持 PWA（Progressive Web Application）应用安装，不论是哪一个操作系统（Windows，MacOS，Linux，ChromeOS，Android等）都可以在Chrome、Microsoft Edge、Firefox等浏览器安装PWA应用，'''可离线缓存。'''
+由于服务器位于 <strong>UTC 时区</strong>（比北京时间晚 8 小时），为避免时间显示差异，请务必在注册后立即前往[[特殊:参数设置#mw-prefsection-user|<strong>参数设置 → 用户资料</strong>]]中调整您的本地时区（如 <strong>UTC+8</strong> 为北京时间）。
+== 相关链接 ==
+<div style="background-color: #f8f9fa; padding: 12px 16px; border-radius: 4px; margin-top: 20px;">
+* [[特殊:参数设置]] – 进行个性化设置
+* [[mw:Special:MyLanguage/Help:VisualEditor/User guide|可视化编辑指南]] – 学习使用可视化编辑器
+* [[mw:Special:MyLanguage/Help:Contents|MediaWiki 使用帮助]] – 获取更多编辑支持
+</div>