Help:通过VS Code编辑页面

来自音MAD维基

借由小工具Wikitext-Extension-Gadget,本站实现了通过VS Code编辑页面源代码,本页面介绍如何通过VS Code编辑音MAD维基上的页面。

准备

可选择性安装WikiParser插件

配置

网站

具体步骤如下:

  1. 登录音MAD维基;
  2. 通过参数设置,启用编辑器支持下对应VS Code或VSCodium的小工具,请注意只能选择其中之一;
  3. 在音MAD维基的任意条目下,通过快捷键Ctrl+F5清除缓存并刷新页面。

若无异常情况,您将注意到条目一级标题下方工具栏出现“在 VSCode 中打开”的按钮。此时点击“在 VSCode 中打开”,便可以唤起VS Code并显示该页面的Wikitext源代码,您可以编辑并将代码保存至本地。

VS Code

在网站启用小工具已经可以拉取页面源码至VS Code,如果您想要在VS Code中推送更改至网站,则需要完善Wikitext插件的登录配置,具体步骤如下:

  1. 进入VS Code设置页
  2. 搜索@ext:rowewilsonfrederiskholme.wikitext
  3. 配置如下:
    • Wikitext: Api Path设置为/api.php
    • Wikitext: Article Path设置为/
    • Wikitext: Host设置为otomad.wiki
    • Wikitext: Username设置为当前在音MAD维基使用的用户名
    • Wikitext: Password设置为当前在音MAD维基使用的密码(请注意密码在设置中将以明文显示)
    • Wikitext: Get CSS勾选以便预览

若安装了WikiParser插件,则可以尝试勾选“Wikitext > WikiParser: Enable”,以启用代码折叠、提示等便捷功能。

使用

打开VS Code命令面板(默认快捷键:Ctrl+Shift+P),随后搜索Wikitext,便可以查看该插件支持的命令,例如登录、创建、编辑、预览、发布等。您可以为这些操作设置快捷键以简化操作。

提交更改

提交更改需要Wikitext插件登录网站,#VS Code配置完毕后于命令面板选择Wikitext: Login with your account,在未收到报错信息,并收到登录成功消息后命令面板选择Post your edit即可。