在 VS Code 里逛知乎、发文章?Zhihu on VSCode 来啦!重新定义内容创作!

本文为 牛岱 的原创文章

在2020年2月10日首发于“玩转VS Code”知乎专栏


268d98c4-7dcd-4149-8fd9-1210c8052a1c.png

你是否已经厌倦了知乎 Web 端文本编辑器糟糕的使用体验和时而出现的奇怪 Bug?


身为程序员的你是否想用你最熟悉的 Markdown 语法写答案,并且获得最佳的代码块语法高亮?


攥写专业答案的时候,你是否想将用 Latex 语法写答案,获得最佳的数学公式支持体验?


VSCode-Zhihu 来临,让这一切成为可能!


f34a1e10-ad03-4bcb-afb2-6efbaf6ad0ef.png

👽 Zhihu On VSCode

基于 VSCode 的知乎客户端提供包括阅读,搜索,创作,发布等一站式服务,内容加载速度比 Web 端更快,创新的 Markdown-Latex 混合语法让内容创作者更方便地插入代码块,数学公式,并一键发布至知乎平台。

⚡ Features

  • 登录

    • 二维码/账密登录

  • 创作

    • 内容创作

    • 内容发布

    • 一键上传图片

  • 浏览

    • 个性推荐

    • 实时热榜

    • 搜索全站

    • 收藏夹

📃 Reference

  • 图标按钮

  • 快捷键

🔑 登录

进入主页面,左侧最上方栏为个人中心,点击登录图标,或使用 Ctrl + Shift + P 打开命令面板,搜索并执行 Zhihu: Login 命令。

选择登录方式:

二维码

选择二维码登陆后,会弹出二维码页面,打开知乎 APP,扫码后点击确认登录:

1966e3da-fc2b-4342-85e2-7b1b48190b56.png


账号密码

视情况,插件会加载并显示验证码,提示你输入验证码,输入后,再依次根据提示输入手机号和密码即可。

登录成功后会有问候语,推荐栏会自动刷新出你的个性签名和头像:

c4bb2d15-e46b-479e-8a64-82d93087868a.png

18e93f0f-50cb-4f87-b107-4fe88d1a4729.png


🎭个性推荐

登陆成功后,个性推荐板块会自动刷新,提供你的个性推荐内容:

3979506a-4f18-4e51-9cbf-d45a464f1184.png

内容可能为答案,问题,或文章,点击条目,就会打开VSCode知乎页面:

c30b4b62-7463-4997-9d83-edf1394e210b.png

🔎 搜索

点击搜索按钮,或搜索命令 Zhihu: Search Items,搜索全站知乎内容:

f9b1802d-167b-453f-b70f-b9bf3688bbc3.gif

📩 内容创作

新建一个后缀名为.md的文件,若不需要数学公式,只需要按照你最熟悉的 Markdown 语法写即可,右键点击 Zhihu: Preview 可预览答案:

ab237d61-b810-4043-9011-3ead7fd08e8f.gif

Latex 语法支持

为了更好地支持数学公式的写作,知乎定制的 Markdown 转换器提供了 Latex 语法拓展,语法示例:

$$
|\vec{A}|=\sqrt{A_x^2 + A_y^2 + A_z^2}.
$$

用 $$ 包围的部分会被当做 latex 语言进行解析,生成知乎的数学公式,比如上方的数学公式发布至知乎会生成如下公式:

8da5319e-63ef-4f38-a4c2-1d271b359fcd.png

代码块:

记得声明语言标签, 这样发布至知乎的答案才能获得正确的语法高亮,示例如下:

```java
public class Apple {
public Apple() {}
}
```

发布后会提供 java 的语法高亮:

06c842f0-55da-4f18-bf53-6c2fe7a361ee.png

由于知乎服务端的限制,表格暂不支持,答案中的表格会被服务端过滤。

内容发布

链接扫描 😊

若你想在特定的问题下回答,或想修改自己的某个原有回答,就将问题/答案链接以 #! https://... 的格式放置于答案的第一行,发布时,插件会自动扫描识别,发布至相应的问题下,或修改原有的答案。

比如,你想在 轻功是否真的存在,其在科学上可以解释吗? 该问题下回答问题, 只需将

#! https://www.zhihu.com/question/19602618

若是你已经创作过的答案, 则将答案的链接, 形如:

#! https://www.zhihu.com/question/355223335/answer/1003461264

的链接复制至文件顶部即可。

若插件没有在首行扫描到链接,则会询问创作者接下来的操作,你可以选择发布新文章,或从收藏夹中选取相应问题,发布至相应问题下:

950a418c-bbb5-45b4-975a-04b087d3b77c.png

发布文章

选择发布文章后,会继续提示你输入文章标题,输入完成后,按下回车,当前的文档就会以文章的形式发布至你的账号。

从收藏夹中选取

关于如何管理收藏夹,请移至 收藏夹。

插件会提示选择你收藏过的问题:

ccb4ad4c-436d-4396-999b-b76f8303a374.png

选择后,答案就会发布至相应的答案下(若已在该答案下发布过问题,请用顶部链接的方式来发布!)。

🎫收藏夹

➕ 添加收藏

不管是文章,答案,还是问题,在知乎页面顶栏的右侧,都会看到一个粉色的星状图标:

36dc3d1c-aeff-4ad0-88b2-e2eb13ca47b5.png

➖ 查看收藏

收藏的内容会在左侧下方显示,插件会自动分类:

ca32576e-a62f-4799-b298-b54429d69a8a.png

✖ 删除收藏

鼠标移至相应的行,会出现叉状图标,点击即可删除:

41c4654c-ad68-4624-96c4-368c696a8643.png



🎞上传图片

一篇优质的答案,离不开图片,知乎插件提供了三种非常便携的图片上传方式,支持上传 .gif.png.jpg 格式,且在图片上传的时候自动在当前 Markdown 光标所在行自动生成图片链接,无需创作者手动管理,Windows,MacOS,Linux 全平台支持。

从粘贴板上传图片

调用 Zhihu: PasteImage 命令,自动将系统粘贴板中的图片上传至知乎图床,并生成相应链接。

快捷键为 ctrl+z p(,也可以通过打开命令行面板搜索命令。

工作区中右键上传

在当前 VSCode 打开的文件夹内部,右键单击即可上传+生成链接:

8a16b050-773e-4d2f-b8af-39a8df26ce53.png


可以看到,可以将文件的路径复制至剪贴板,再调用 Zhihu: PasteImageFromPath 命令,插件会自动将该路径的文件上传至知乎图床,生成链接。

打开文件浏览器选择图片

在正在编辑的 Markdown 文档下右键,可以看到菜单项 Zhihu: Upload Image From Explorer,点击即可打开文件管理器,选择一张图片点击确定即可。

adfb63e8-c19f-494f-a423-7532eb2d1d7e.png

😀 图标按钮

点击左侧活动栏的知乎按钮,进入知乎插件页面,在推荐的上方可以看到三个按钮,对应的命令分别为 Zhihu: Login(登录),Zhihu: Refresh(刷新), Zhihu: Search(搜素)。

6617825a-10a0-4571-992e-3980f47b5902.png

最右侧的更多栏点开,可以看到 Zhihu: Logout (注销) 命令按钮:

83d107e2-14d7-4283-9c05-d45723756d1f.png

在 Markdown 页面内,可以在编辑窗口的右上角看到两个按钮:

e79676a8-b2ad-4b96-918d-6481b232c8c9.png

左侧的为 Zhihu: Publish(发布答案),右侧的为 Zhihu: Preview (预览答案)。


87408152-8701-4579-a155-508c1f4e29e2.gif

db2db650-7eee-4216-88d0-9229f77a835c.png

本文分享自微信公众号 - 生信科技爱好者(bioitee)。
如有侵权,请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”,欢迎正在阅读的你也加入,一起分享。

posted @ 2020-02-17 12:00  章鱼猫先生  阅读(194)  评论(0编辑  收藏  举报