使用vscode搭建个人笔记环境

下载安装vscode

安装插件

中文包

Chinese (Simplified) Language Pack for Visual Studio Code

Markdown显示插件

类似于github的模板:Markdown Preview Github Styling

Markdown编辑插件

Markdown Shortcuts

图床插件

picgo

配置:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
Pic Bed: Current

Picgo › Pic Bed › Github: Branch
master

Picgo › Pic Bed › Github: Custom Url
https://cdn.jsdelivr.net/gh/huingsggn/image-cloudings

Picgo › Pic Bed › Github: Path
img/

Picgo › Pic Bed › Github: Repo
huingsggn/image-cloudings

Picgo › Pic Bed › Github: Token

文件头插件

vscode-fileheader

配置:

1
2
3
4
5
6
7
8
9
Fileheader: Author
初晨
Fileheader: Last Modified By

Fileheader: Tpl

---\r\ntitle: \r\ntags: []\r\ncategory: \r\nauthor: {author}\r\ndate: {createTime}\r\n---

使用 Ctrl+Alt+I就可以生成要的格式

使用

在git上新建一个保存图片的库,按照上面的配置picgo,后 图片复制后 Ctrl+Alt+U即可上传到仓库,并且生成markdown的信息。

在git新建笔记库,在vscode代码库中 拉取后,就可以编写,加入库,推送等等操作。

20200420142856

预览html文档的插件