vscode markdown插件_知乎 VSCode 插件文章编写测试

最新推荐文章于 2023-12-28 13:40:06 发布

weixin_39822493

最新推荐文章于 2023-12-28 13:40:06 发布

阅读量138

点赞数

不喜欢知乎的编辑器, 还是更愿意用 Markdown 写文章. 为方便以后的文章编写, 所以写这篇文章来测试一下 VSCode 的一个插件 Zhihu On VSCode 对 Markdown 的语法支持, 以及一些使用技巧. 文末附上了与 Vim 联合使用的一个 trick.

二级标题测试

上面的源代码为:

## 一级标题测试

三级标题测试

上面的源代码为:

### 三级标题测试

四级标题测试

上面的源代码为:

#### 四级标题测试

五级标题测试

上面的源代码为:

##### 五级标题测试

六级标题测试

上面的源代码为:

###### 六级标题测试

标题测试结果

支持的标题只到四级标题.

公式输入测试

行内公式测试

牛顿第二定律可以写为:

行间公式测试

薛定谔方程组可以写为:

额...不知道为什么公式不是居中显示的.

表格输入测试

这是一张表格:

第一列第二列第三列 123

代码高亮测试

这是一段 LaTeX 代码:

hat{H} | psi rangle = E | psi rangle

列表测试

这是一个有序列表:

item 1
item 2
item 3
1. item 1
2. item 2
3. item 3
  1. item 1
  2. item 2
  3. item 3

这是一个无须列表:

item 1
item 2
item 3
- item 1
- item 2
- item 3
  - item 1
  - item 2
  - item 3

文章修改测试

似乎在启用发布后会自动在文件的行首加上文章链接, 看起来好像是支持文章修改? 于是增加了这段文字来测试一下.

测试结果: 文章正常更新了 (不过也不敢肯定是增量, 感觉更可能是覆盖式的更新)

Notation : 打开 VSCode 的命令面板后, 通过指令 Zhihu: publish 可以新建文章发布或将文章增量上传 (新建的话会自动在开头以 #! <url> 的格式附上该文章的链接)

图片插入测试

0.3.0 版本支持绝对路径, 相对路径, 链接. 利用下面的代码插入图片:

![image](./figure/Zhihu-VSCode_figure_insert.png)

我目前所了解到的支持的格式有: .png, .jpg, .gif

与 Vim 联合使用

另外个人还是习惯利用 Vim 来写 Markdwon (利用插件 Ultisnippt 编写了一堆 Snipet). 为了便于发表, 设置了快捷键来快速利用 VSCode 打开 Vim 中正在编辑的文件:

" open with VSCode (to publish to Zhihu, 'z' means 'Zhihu')
    nmap <buffer><silent> <localleader>lz :silent ! code "%:p"<CR>

其中 code 是 VSCode 的命令行端指令, 可以通过在 VSCode 的 command plate (Mac 端通过快捷键 <D-S-p> 打开, 其中 D 代表 cmd 按键, S 代表 shift 按键) 中执行下列指令来进行安装:

Shell Command: Install 'code' command in PATH

Notation : 在 Vim 中修改 Markdown 源文档并保存后, 即便 VSCode 中打开着该源文档, 依然可以看到 Vim 对该文章的修改. 从这个角度来说, 完全也可以在每次发布完后不去关闭 VSCode, 而直接在 Vim 中编辑源文档, 之后再退回到 VSCode 中发布该文章, 而不需要重新打开 VSCode. 下面的图片展示了这个编辑过程 (半透明的背景后面就是 VSCode 打开的这篇文章的源文件)