可以用Vscode做一些很酷的事情
Vscode 结合Github
Vscode 结合Markdown编写
Markdown Shortcuts
提供了大量的markdown快捷键。包括如下特性:
快速创建有序(ctrl m ctrl 1)或无需列表(ctrl m ctrl b)
便捷地生成URL(ctrl l)
将类似于表格的内容转换成表格, 或生成一个用于填充的表格(Add table)
插入代码,行内代码ctrl+M ctrl+I, 代码块ctrl+M ctrl+C
加粗ctrl +B 斜体ctrl + I
加入检查盒(check box)
最后,使用ctrl+m ctrl+m显示可用命令。
Markdown Preview Enhanced功能超级强大,拥有如下特性:
自动生成目录,如果某一个标题需要排除,则添加{ignore=ture}
支持latex数学符号v
允许多种类型文档导出,HTML. PDF, Pandoc等等等。在预览时候右击就行了。
提供了额外的语法,如上下标,脚注等
支持mermaid, PlantUML, WaveDrom, GraphViz,Vega & Vega-lite,Ditaa 图像渲染
导入外部文件,这个也很厉害哦。 @import your-file
图片助手,预览模式下可以打开Image helper,就能从本地上传图片,也支持图床链接
图床插件PicGo
PicGo支持两种方式在vscode上粘贴图片:
ctrl+alt+u:上传剪贴板中的图片到服务器。
ctrl+alt+e:打开文件浏览器选择图片上传。
因为我们知道,vscode是文本编辑器,如果你直接在vscode中使用ctrl+v粘贴图片,是无法粘贴成功的。正确的姿势是,我们使用截图工具,如微信的截图工具,截图成功后会保存在剪贴板中,这时按ctrl+alt+u就开始上传图片了。或者,按ctrl+alt+e,选择一张图片上传即可。
配置图床位置
打开设置,找到extensions中的Picgo的设置
往下拖找到github,进行配置:
首先是PicGo-Core设为1
2
3
4github
\\ 可以用git命令查看分支
git branch -a
默认是master设置Path,一般在rep中加个目录就行
注意,Path后面加”/“,不然后面一部分会当成图片名称合并进去。比如Path设为:1
imgs/
生成github的token
1
github头像-Developer Settings-Personal Access
配置主要有以下参数
1
2
3
4
5
6
7{
"repo": "", // 仓库名,格式是username/reponame
"token": "", // github token
"path": "", // 自定义存储路径,比如img/
"customUrl": "", // 自定义域名,注意要加http://或者https://
"branch": "" // 分支名,默认是master
}