下载安装VsCode
在vscode官网下载安装包,安装即可。
Markdown
使用Markdown语法写文章,能够使作者更专注于能容内容,而不是排版。之前是用typora写的,这款软件也很不错,界面简洁舒适,而且可以实时预览,近乎完美但是却又不能达到完美,因为写文档的时候经常需要截图,然后从剪贴板从直接黏贴放进文档,但只是将截图存放在本机电脑上,所以一旦文档中有了截图,将Markdown文档迁移到别的电脑上展示的成本就大大增加(图片也要一并复制过去)。如果写静态博客还可以将图片配置到博客目录中,但是如果要写到一些公共博客平台,则必须使用链接引入图片,否则无法正常显示,所以需要图床功能。
图床
图床功能就是可以将你本地粘贴的图片上传到网络,并给你返回该图片的地址。这样无论你的文章发给谁、发在哪个平台,只要有网络,都是能正常访问到这个图片的。因此图床也是一个不得不考虑的话题,网上有不少三方的,但是用起来总不如自己构建的放心,因此利用PicGo+GitHub的方案,构建出一款免费好用且稳定的自建图床。
创建自己的GitHub图床
1.注册/登陆GitHub账号
2.创建Repository
3.生成一个Token用于操作GitHub repository github网站 -> Settings -> Developer Settings -> Personal Access tokens -> Generate new token -> 记住此token
4.PicGO中修改Github图床配置,即可使用PicGo上传图片生成链接。
设定仓库名:这里的格式为
用户名/仓库名
,比如我的就是 MambaInVeins/ImageHosting设定分支名:这里写入分支名称,一般直接用
maser
即可。设定Token:将刚刚创建的令牌填入。
指定存储路径:这个地方可以通过写入一个路径名,从而实现指定目录的上传。
设定自定义域名:这个域名是为了后边自动生成图片地址拼接而用的,格式是:
https://raw.githubusercontent.com/MambaInVeins/ImageHosting/master
这么几条配置完成之后,可以点击一下确定,然后将其设为默认图床,然后就可以投入使用了。
5.或者安装vscode PicGo插件,修改配置,直接使用快捷键在vscode中插入图片图床链接。
其中快捷键有PicGo支持两种方式在vscode上粘贴图片:
ctrl+alt+u
:上传剪贴板中的图片到服务器。ctrl+alt+e
:打开文件浏览器选择图片上传。
使用插件Markdown Preview Enhanced
Markdown Preview Enhanced是一个很好用的完善预览功能的插件,可以更加形象的展示所编写的pdf格式的文档样式。在插件库中搜索markdown即可找到该插件,然后点击安装后重新加载。你会发现工作区的右上角多了一个预览按钮,这个按钮就是Markdown Preview Enhanced插件产生的,尝试点击之后看到更加接近pdf文件格式的预览效果。你会发现工作区的右上角多了一个预览按钮,这个按钮就是Markdown Preview Enhanced插件产生的,尝试点击之后看到更加接近pdf文件格式的预览效果。同样可以直接在编辑界面右键即可开启Markdown Preview Enhanced插件的预览功能。还可以通过快捷键打开,先按(Ctrl+k)然后紧接着按(v)即可。