在之前,我们介绍过使用sublimes来编辑wiki,参考:帮助:使用Sublime Text编辑Wiki。类似的,我们也可以使用世界上最好用的本地IDE工具Visual Studio Code(简称VS Code)来编写wiki,特别是lua模块代码。

配合Chrome进行前端调试

辅助工具

尽管我们可以通过VS Code的extension来操作MediaWiki的api来和灰机wiki通信(见“内置接口”章节),但我们还是推荐下载灰机updater来进行内容同步。

这么干的好处

  1. 感觉自己是一个真正的编程小能手
  2. VS Code的代码着色和本地辅助更为丰富,极大提高写代码的效率
  3. 充分利用本地性能,减少浏览器(特别是Chrome)对电脑性能的压力
  4. 还可以方便的维护Gadget命名空间下的css、js甚至是主空间的文章页面
  5. 方便传图、传文件,刷新页面 一锅端,填坑速度+500%


步骤

图1
图2
  1. 在本地创建一个文件夹,用来存放代码
  2. 创建一个空文本文件,并命名为“module_2_test.wiki”,保存。(注意:由于windows不允许文件名中出现“:”\"等字符,因此我们需要使用下面的字符串进行转义)
  3. 配置好灰机updater,在“任务设置-基本”中选择“以文本更新”模式(右图1
  4. 在“文本”标签中选择之前的文件目录,勾上“转换文件名”(右图2
  5. 打开VS Code,导入之前的文件夹,配置好lua语法高亮与.wiki的匹配关系后即可使用本地IDE来维护wiki上的代码。
  6. 在修改完代码后,点击灰机updater的“运行”按钮,即可完成代码的上传。
符号 \ / : * "
转义 _0_ _1_ _2_ _3_ _4_

Fetch内容

  • 目前灰机updater仅支持使用文件列表来fetch内容。

通过拓展插件同步内容

与sublimes类似,VS Code的extension库中也有用户上传的相关工具,能够实现VS Code与MediaWiki的直接通信。但我们更推荐你使用灰机自己的updater

  1. 打开VS Code,在菜单栏【View】-【Extension】中搜索rowewilsonfrederiskholme.wikitext”
  2. 找到名为“Wikitext”的插件,安装它。
  3. 在左侧的列表中找到安装的“Wikitext”,点击项目右下角的齿轮,选择“安装另一个版本”,并选择3.4.0版本。
  4. 前往%USERPROFILE%/.vscode/extensions路径下,找到名称开头为“rowewilsonfrederiskholme.wikitext-”的文件夹进入,然后进入“dist”,然后用 VS Code打开“extension.js”。Mac用户见本页#备注部分。
  5. 按Ctrl+F搜索{"User-Agent":"这一段,然后把后面的mwbot更改为一个你站点上的机器人ID(不能是中文),然后按Ctrl+S保存文件,关闭文件。
  6. 按Ctrl+逗号,在顶部搜索框输入@ext:rowewilsonfrederiskholme.wikitext,按照以下配置来输入:
Api Path: /api.php
Article Path: /wiki/
Enable JavaScript: 打勾
Get CSS: 打勾
Host: 你的灰机站点主机名,例如彩虹六号围攻Wiki是r6s.huijiwiki.com
Password: 你的密码
Preview CSS Style: 保持不变
Redirects: 根据需求选择是否要自动重定向,打勾后,在获取有重定向的页面时会直接得到重定向后的页面结果。
Transfer Protocol: 选择https://
User Name: 你的用户名

完成后关闭本设置页面。配置完成!

使用方法

  • 按F1后会打开一个输入框,输入命令:
    • Login with your account:登陆到站点。
    • Logout, if you are already logged in:登出。
    • Pull page to edit:获取一个页面,选择后要输入页面名称,然后按回车就会开始获取。
    • Post your edit to the website:上传编辑,选择后要输入页面名称,然后要输入编辑摘要,随后上传编辑。
  • 按Ctrl+Shift+V可以预览编辑。虽然效果并不像网站上一样,但是也能看出是否有语法错误。

备注

Mac下要找到JS文件则需要在访达按Command+Shift+G输入~/.vscode/extensions/rowewilsonfrederiskholme.wikitext路径按tab然后按return,然后进入dist,然后用 VS Code打开extension.js

avatar
avatar
Gerley
1

ewiv现在已经没有了,哭哭。

3个月
avatar
Ruikoto
0

哭哭

2个月