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

本文为 牛岱 的原创文章

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


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

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

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

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

???? Zhihu On VSCode

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

⚡ Features

  • 登录

    • 二维码/账密登录

  • 创作

    • 内容创作

    • 内容发布

    • 一键上传图片

  • 浏览

    • 个性推荐

    • 实时热榜

    • 搜索全站

    • 收藏夹

???? Reference

  • 图标按钮

  • 快捷键

???? 登录

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

选择登录方式:

二维码

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

账号密码

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

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


????个性推荐

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

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

???? 搜索

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

???? 内容创作

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

Latex 语法支持

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

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

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

代码块:

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

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

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

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

内容发布

链接扫描 ????

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

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

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

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

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

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

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

发布文章

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

从收藏夹中选取

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

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

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

????收藏夹

➕ 添加收藏

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

➖ 查看收藏

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

✖ 删除收藏

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


????上传图片

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

从粘贴板上传图片

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

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

工作区中右键上传

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

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

打开文件浏览器选择图片

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


???? 图标按钮

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

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

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

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

◆ ◆ ◆ ◆ ◆

推荐阅读:

  • Code Runner for VS Code 突破 1000 万下载量!支持运行超过 40 种语言

  • 重磅!微软发布 Visual Studio Online:Web 版 VS Code + 云开发环境

  • 微软也爱 Python!VS Code Python 全新发布!Jupyter Notebook 原生支持终于来了!

  • 微软也爱 Java!微软在 SpringOne 大会上宣布 Azure Spring Cloud 云服务!

  • 在微软工作是怎样一番体验?(第二篇)

  • 微软内推,长期有效

  • VS Code 知乎 Live,参与人数突破 1000 人!

  • 代码编辑器横评:为什么 VS Code 能拔得头筹

  • 知否知否,VS Code 不止开源

  • 那些年,我们一起追的 VS Code

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/311898.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

线性代数---向量问题的求解方法

线性代数—向量问题的求解方法 如果存在什么问题,欢迎批评指正!谢谢!

java 定时_Java线上定时任务不定期挂掉问题分析

作者:IKNOW本尊问题背景收到频繁的告警邮件,定时任务调度失败,查看xxl-job的执行器列表是空的,但是服务又显示健康,查看历史任务执行记录发现执行器是依次递减,由于是线上服务,只能先重启&#…

gRPC in ASP.NET Core 3.x -- Protocol Buffer, Go语言的例子(上)

前两篇文章半年前写的:gRPC in ASP.NET Core 3.0 -- Protocol Buffer(1),gRPC in ASP.NET Core 3.0 -- Protocol Buffer(2)之前把protocol buffer的基础知识讲了一遍,今天使用Go语言做一些例子。…

word List 11

word List 11 如果存在什么问题,欢迎批评指正!谢谢!

温故知新 .Net重定向深度分析

在早期的.NET Framework程序员心里,重定向Redirect其实分为两种:Response.Redirect:Response对象的Redirect方法提供了一种实现客户端重定向的方法Server.Transfer:Server对象的Transfer方法使用服务器执行重定向,并避…

笔记本电脑销量排名_网友总结京东笔记本销量,联想高居第一,华为表现很出色...

笔记本电脑,还是要看大品牌。网友总结近30天京东笔记本销量,结局让人出乎意料。网友直呼,原来华为笔记本这么强。智能手机的出现,对传统的PC行业造成了一定的影响,但它始终还是无法替代PC的功能。在这个行业中&#xf…

数据结构---二叉排序树

数据结构—二叉排序树 原理&#xff1a;参考趣学数据结构 代码&#xff1a; #include<stdio.h> #include<stdlib.h> typedef struct bstTree {int data;struct bstTree* lchild, *rchild; }bstTree; void createBSTTree(bstTree* & T,int data) {//创建二叉…

研发协同平台持续集成2.0架构演进

在上篇《研发协同平台持续集成实践》一文中我们分享了为什么要做持续集成&#xff0c;技术选型&#xff0c;工作原理以及实践落地。今天我们从架构上来分享一下架构层面的设计和演进。持续集成1.0在最开始设计的过程中&#xff0c;本着一切从需求出发&#xff0c;一切以实现业务…

口袋操作系统_全自动阀口袋包装机的发展

随着全球产业技术的不断发展&#xff0c;包装机行业也出现了产业结构调整的动向&#xff0c;因为全新的全自动阀口袋包装机和全新的包装产品技术问世&#xff0c;那些制作粗糙&#xff0c;能源消耗大&#xff0c;技术相对比较落后的阀口袋包装机也将会被市场一步步淘汰掉&#…

数据结构---二叉搜索树

数据结构—二叉搜索树 原理&#xff1a;参考趣学数据结构 代码&#xff1a; 队列代码&#xff1a; #pragma once #define N 100 #define elemType bstTree* #include<stdlib.h> typedef struct bstTree {int data;struct bstTree* lchild, *rchild; }bstTree; typede…

《ASP.NET Core 微服务实战》-- 读书笔记(第10章)

第 10 章 应用和微服务安全云应用意味着应用运行所在的基础设施无法掌控&#xff0c;因此安全不能再等到事后再考虑&#xff0c;也不能只是检查清单上毫无意义的复选框由于安全与云原生应用密切相关&#xff0c;本章将讨论安全话题&#xff0c;并用示例演示几种保障 ASP.NET Co…

里加一列为1_9月1号新宠物食品法规实施啦,辣鸡宠物食品遭殃,你也可能违法...

大家好啊&#xff0c;今天是2019年9月1号&#xff0c;对于宠物行业其实是一个非常特别的日子今天宠物饲料管理办法正式实施加上2019年1月1号实施的宠物饲料卫生规定以及2015年3月8号实施的全价宠物食品 犬粮&#xff0c;猫粮标准中国的所有的猫狗宠物食品在今天有法可依&#x…

[蓝桥杯2016初赛]凑算式-dfs,next_permutation

代码如下&#xff1a; #include <iostream> using namespace std; const int N 15; bool st[N]; double a[N];int cnt; void dfs(int u) {if (u 10) {if (a[1] a[2] / a[3] (a[4] * 100 a[5] * 10 a[6]) / (a[7] * 100 a[8] * 10 a[9]) 10) {cnt;}}for (int i …

word List 12

word List 12 如果存在什么问题&#xff0c;欢迎批评指正&#xff01;谢谢&#xff01;

软硬件协同编程 - C#玩转CPU高速缓存(附示例)

写在前面好久没有写博客了&#xff0c;一直在不断地探索响应式DDD&#xff0c;又get到了很多新知识&#xff0c;解惑了很多老问题&#xff0c;最近读了Martin Fowler大师一篇非常精彩的博客The LMAX Architecture&#xff0c;里面有一个术语Mechanical Sympathy&#xff0c;姑且…

python操作excel_使用Python操作Excel时必学的3个库

Python对Excel的操作我主要用xlwt、xlrd、xlutils这三个库。1、xlwt主要用来创建并写入数据到Excel。已经存在的表不可以写入。以下使用Python写九九乘法表到Excel运行之后&#xff0c;代码文件所在的文件夹会多出一个”九九乘法表“的Excel&#xff0c;内容如下图&#xff1a;…

线性代数---线性方程组

线性代数—线性方程组 常见题型的解题技巧 如果存在什么问题&#xff0c;欢迎批评指正&#xff01;谢谢&#xff01;

gRPC in ASP.NET Core 3.x -- Protocol Buffer, Go语言的例子(下)

前两篇文章半年前写的&#xff1a;gRPC in ASP.NET Core 3.0 -- Protocol Buffer&#xff08;1&#xff09;&#xff0c;gRPC in ASP.NET Core 3.0 -- Protocol Buffer&#xff08;2&#xff09;这是上一篇&#xff1a;gRPC in ASP.NET Core 3.x -- Protocol Buffer, Go语言的例…

得到选择框句柄 怎么操作_知道借名买房有风险,只能选择借名买房该怎么操作?...

文/楼市大家谈(quanadcom)正常情况下&#xff0c;购房者买房之时最看重房子的产权&#xff0c;因此无论是签订购房合同还是办理房产证时&#xff0c;最为在意的都是以谁的名义买房&#xff0c;房子究竟记在谁的名下&#xff0c;但是在有些情况下&#xff0c;一些人迫于无奈&…

数据结构---平衡二叉树

数据结构—平衡二叉树 原理&#xff1a;参考趣学数据结构 代码&#xff1a; #include<stdio.h> #include<stdlib.h> typedef struct avlTree {int data;struct avlTree *lchild, *rchild;int height; }avlTree;int height(avlTree* AVLTree);//声明avl树的深度 …