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 来开发 ...
随机推荐
- ctfhub技能树—RCE—过滤空格
打开靶机 查看页面信息 开始尝试注入 127.0.0.1 || ls 尝试绕过 127.0.0.1||ls 使用cat命令查看flag 127.0.0.11||cat<flag_10872536 ...
- Nacos集成学习入门
微服务注册中心nacos学习:先尝试使用它,然后撸它源码搞懂它. 在这里整理一下自己之前集成nacos的内容. 我的github地址:https://github.com/mrxiaobai-wen/ ...
- PW6513高压40V的LDO芯片,SOT89封装
一般说明 PW6513系列是一款高精度,高输入电压,低静态电流,高速,低具有高纹波抑制的线性稳压器.输入电压高达40V,负载电流为在电压=5V和VIN=7V时高达300mA.该设备采用BCD工艺制造. ...
- HTML基础复习3
CSS 可以理解为对HTML的一种补充 CSS由两部分组成:选择器.声明,声明中包含属性和值 CSS中的选择器 HTML标签选择器 类选择器 在标签上使用class属性为标签起个类名,在CSS中使用. ...
- 获取网页url中的参数
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- Flink 中极其重要的 Time 与 Window 详细解析(深度好文,建议收藏)
前言 Flink 是流式的.实时的 计算引擎 上面一句话就有两个概念,一个是流式,一个是实时. 流式:就是数据源源不断的流进来,也就是数据没有边界,但是我们计算的时候必须在一个有边界的范围内进行,所以 ...
- OpenDaylight — YANG
1. 介绍 YANG 是一种用于为 NETCONF 协议建模数据的语言. YANG 将数据的层次结构建模为一棵树. 2. 节点类型 2.1 leaf 它只有一个特定类型的值,并且没有子节点. YANG ...
- SDNU_ACM_ICPC_2021_Winter_Practice_4th [个人赛]
传送门 D - Odd Divisor 题意: 给你一个n,问你n是否至少有一个奇数因子(这里题意没说清,没说是不是只有一个还是可以有多个!AC以后才发现是不止一个 思路: 如果这个数没有奇数因子,那 ...
- jQuery 点击当前展开其他隐藏
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name ...
- Netty编解码器(理论部分)
背景知识 在了解Netty编解码之前,先回顾一下JAVA的编解码: 编码(Encode):在java中称之为序列化,把内存中易丢失的数据结构或对象状态转换成另一种可存储(存储到磁盘),可在网络间传输的 ...