VS Code 搭建合适的 markdown 文档编写环境
写在开头,之前我是使用Gitee与Github作为图床和Picgo搭配Typora使用的 ,但因为最近觉得这样还是稍微比较繁琐,然后因为VS Code是我的主要文本编辑器、Cpp,Python等均是在VS Code上完成编写代码和运行的。所以我觉得Markdown文本其实也可以融入其中一起使用。
(本文其实就是配置完VS Code以后写成的,感觉很棒)
安装的插件列表:
- Markdown All in One
- picgo
- Markdown Preview Github Styling
目前还有一些生成PDF和TOC目录的插件我这里就没装了(用不上)
1、VScode基本配置
2、VSCode + Github + Picgo + jsDelivr 搭建稳定快速高效图床
图床是写博客存放图片的重要平台,我比较喜欢的是利用Picgo插件的Github图床,但是其服务器不在国内,访问起来比较的慢,甚至无法访问。(期待早日取消半墙状态)
所以需要利用到 jsDelivr CDN 加速 (jsDelivr 是一个免费开源的 CDN 解决方案),Picgo 插件一键上传,GIthub 和 jsDelivr 又是知名大厂,不怕他删库跑路。最主要的是可以白嫖,嘿嘿
我平时喜欢在 VScode 里面进行Markdown 的撰写,所以利用的是 VSCode 里面的 PicGo 插件,当然PicGo 也是有自己的客户端的,两种方式配置方式基本一样,使用起来也差不多。
2.1 新建Github仓库

2.2 生成专属Token




生成Token以后记得即时保存(因为只会显示一遍)
2.3 在VSCode上配置 Picgo 插件


这里贴一下CDN链接
https://cdn.jsdelivr.net/gh/Yourname/Reoname
2.4 PicGo 使用快捷键
Win: Ctil + Alt + U 图片在剪贴板上 Ctil + Alt + E 从文件夹中选择图片
Mac: Cmd + Opt + U / Cmd + Opt + E
3、Markdown文档编写
VS Code 搭建合适的 markdown 文档编写环境的更多相关文章
- vscode使用Markdown文档编写
首先安装vscode工具,具体的使用可以参考之前的博文:<Visual Studio Code教程:基础使用和自定义设置> VScode已经默认集成markdown文档编辑插件.可以新建一 ...
- markdown文档编写基础
Markdown快速入门教程 ###########来源:https://zhuanlan.zhihu.com/p/84918488 ###########来源:https://github.com/ ...
- markdown文档编写
(这里面的符号都是英文的:回车是需要:空格 空格 回车) # markdown练习---1.引入图片(1和4只差!) ,而且无需任何其他前缀或分隔符.具体如下所示: 插入一个空格 (non-breaking space ...
- Win10环境下,告别MarkdownPad,用Notepad++搭建编写md文档的环境
1. 为什么抛弃MarkdownPad 2 ? MarkdownPad坊间号称 Windows 环境下最好用的markdown编辑器-EXO me??? 博主入MarkdownPad 2 坑就是因为这 ...
- 基于 React 开发了一个 Markdown 文档站点生成工具
Create React Doc 是一个使用 React 的 markdown 文档站点生成工具.就像 create-react-app 一样,开发者可以使用 Create React Doc 来开发 ...
随机推荐
- ps -eo 用户自定义格式显示
[root@ma ~]# ps -eo pid,ucomm|head -3 PID COMMAND 1 init 2 kthreadd[root@ma ~]# ps axu|head -3USER P ...
- mysql的逻辑备份和恢复
备份指定的数据库或此数据库中的某些表 mysqldump [options] db_name [tables] >backup.sql 备份指定的一个或多个数据库 mysqldump --dat ...
- nginx启动失败(bind() to 0.0.0.0:80 failed (10013: An attempt was made to access a socket...permissions)
nginx启动失败 nginx启动失败(bind() to 0.0.0.0:80 failed (10013: An attempt was made to access a socket in a ...
- 【ORA】ora-39700解决
- 攻防世界 - Web(一)
baby_web: 1.根据题目提示,初始页面即为index,将1.php改为index.php,发现依然跳转成1.php,尝试修改抓包,出现如下回显, 2.在header中获取flag, flag: ...
- ctfhub技能树—RCE—命令注入
打开靶机 查看页面信息 输入127.0.0.1进行测试 构造payload 127.0.0.1&ls 查看文件内容信息 127.0.0.1 & cat 179852221619745. ...
- Python批量 png转ico
Python 批量 png 转 ico 一.前言: 首先说一下ico文件的作用:ico是windows的图标文件格式,可以用于浏览器首段图标显示,也可以用于Windows软件.我的话一般用来美化文件夹 ...
- Docker 如何动态给SpringBoot项目传参
关于SpringBoot配置数据源 在项目开发中,我们往往需要配置多套不同的配置环境例如:本地开发.测试环境.部署环境.每一个环境的数据源配置可能都不同,因此需要写不同的数据源配置.如果用Docker ...
- Python爬虫学习笔记(一)
概念: 使用代码模拟用户,批量发送网络请求,批量获取数据. 分类: 通用爬虫: 通用爬虫是搜索引擎(Baidu.Google.Yahoo等)"抓取系统"的重要组成部分. 主要目的是 ...
- 免费稳定图床最佳实践:PicGo+GitHub+jsDeliver 极简教程
一.下载 PicGo PicGo 是啥?顾名思义,它是一个快速上传图片并获取 图片 URL 链接的工具. 目前支持七牛.腾讯云.阿里云和 GitHub 等图床.该工具代码已在 GitHub 开源,读者 ...