使用VS Code编写Markdown文件
VS Code默认支持Markdown文件文件格式,这里介绍两个比较实用的功能,后续有新发现,可以持续更新。
实时预览
顾名思义,实时编辑,实时预览解析效果。

在VS Code扩展中搜索“Markdown Preview Enhanced”,安装完成后重载即可。

复制粘贴图片
这个要好好介绍一下,因为实在是太方便了。之前写个文档,都是把截图先截下来存好,然后引用路径,写作效率大大降低。
CSDN中就可以直接截图,复制粘贴,就传到CSDN服务器生成了图片url,很方便,所以想在CSDN写完,然后直接复制md文本到github,但是发现在GitHub Pages访问CSDN中的图片url全部报403错误。
偶然机会发现了一个神器——Paste Image,在扩展中搜索安装完成后需要进行简单的配置。扩展商店界面有详细的配置说明

这里我只是修改了三处配置
//图片保存在根目录下的images文件夹下
"pasteImage.path": "${projectRoot}/images",  
//设置根目录
"pasteImage.basePath": "${projectRoot}", 
//下面这点尤为重要,在下面插入域名地址,这样发布后才可能访问到。
"pasteImage.insertPattern": "${imageSyntaxPrefix}https://allanhao.com/${imageFilePath}${imageSyntaxSuffix}"
使用VS Code编写Markdown文件的更多相关文章
- [6278009]使用Visual Stuido Code 编写Markdown
		使用Visual Stuido Code 编写Markdown void main() { printf("Hello world!"); } void main() { Cons ... 
- 使用vs code编写Markdown文档以及markdown语法详解
		首先安装vscode工具,下载地址如下: https://code.visualstudio.com/ 在vs code的扩展中安装: Markdown Preview Enhanced 这款插件,安 ... 
- vscode 编写Markdown文件
		vscode使用Markdown文档编写 首先安装vscode工具,具体的使用可以参考之前的博文:<Visual Studio Code教程:基础使用和自定义设置> VScode已经默 ... 
- sublime编写markdown文件中Ctrl+B的作用
		今天,手残,用markdown编辑是按了Ctrl+B,结果发现直接在同一文件夹目录下编译生成了html文件,之前都是Alt+m,可以直接预览,可是后来由于系统更新还是什么,Alt+m只会在用户目录(而 ... 
- 使用vscode 编写Markdown文件
		markdown简单语法参考下面简单事例: # 一级标题 1. 有序列表1 >1. 有序列表1 >>- *test1* >>- **test2** >>- * ... 
- vscode 编辑markdown文件
		关于换行问题 在vscode中编写Markdown文件时,会遇到明明按回车换行了但是预览的时候却没有换行的情况,这时在需要换行的地方多按两次空格键,就会换行 预览markdown文件 编辑器右上角有个 ... 
- VS Code 运行html文件
		用VS Code编写html文件,想在VS Code中直接打开运行,配置如下: 配置tasks.json 打开VS Code,点击"终端",选择"配置任务". ... 
- 解析Markdown文件生成React组件文档
		前言 最近做的项目使用了微前端框架single-spa. 对于这类微前端框架而言,通常有个utility应用,也就是公共应用,里面是各个子应用之间可以共用的一些公共组件或者方法. 对于一个团队而言,项 ... 
- .md 即 markdown 文件的基本常用编写语法
		0. 前言 Markdown 是一种纯文本格式的标记语言.通过简单的标记语法,它可以使普通文本内容具有一定的格式.现在的项目都使用了 git 仓库,再加上远程仓库 github 托管,那就难免要写一些 ... 
随机推荐
- 微信小程序之if操作
			.wxss控制样式 .price-agent{ font-size: 25rpx; color:#ababab; float: left; position: absolute; bottom: 0; ... 
- C#泛型参数多线程与复杂参数多线程
			背景:最近用多线程用的比较多自己走了一些弯路,分享出来希望大家少走弯路,C#中的多线程有两个重载,一个是不带参数的,一个是带参数的,但是即便是带参数的多线程也不支持泛型,这使得使用泛型参数多线程的时候 ... 
- jQueryUI Sortable 应用Demo
			最近工作用需要设计一个自由布局的页面设计.我选了jQuery UI 的 sortable ,可以拖拽,自由排序 使用很方便,写一个demo,做个记录. 第一.单项目自由排序 下图效果 代码段: < ... 
- 第一次接触python:学习最简单的print及变量
			# -*- coding:utf-8 -*- print "hello world" print("hello world") 这里面使用了2中print方式, ... 
- 浅谈 Python 的 with 语句 【转载】
			引言 with 语句是从 Python 2.5 开始引入的一种与异常处理相关的功能(2.5 版本中要通过 from __future__ import with_statement 导入后才可以使用) ... 
- classmethod VS staticmethod
- 使用class-dump
			[使用class-dump] 对于未加壳的Mach-O文件,class-dump可以从Mach-O的section中还原出objc代码的头文件.下面做一些关键演示,以及对关键问题进行说明. 1.标准用 ... 
- java基础之多线程四:简单案例
			多线程案例: 有一个包包的数量为100个,分别从实体店和官网进行售卖.使用多线程的方式,分别打印实体店和官网卖出包包的信息.分别统计官网和实体店各卖出了多少个包包 第一种方法 继承Thread类: p ... 
- XHProf安装使用笔记
			编译安装 获取源代码包root@sourcjoy>wget http://pecl.php.net/get/xhprof-0.9.2.tgz解压root@sourcjoy>tar zxf ... 
- POI 生成exel报表
			去官网下载相关jar包 http://poi.apache.org/ package poi.zr.com; import java.io.File; import java.io.FileNot ... 
