写在前面

这是一篇基于 vscode 配置,用于书写 markdown 的文章

为了方便快速书写 markdown 真想使用一些便捷的快捷键去生成一些自己常用的格式或者是模版,于是自己基于自己的个人习惯去创建了一些快捷键,用起来还是很方便的,当然自己也是尽可能的语义化了,希望能帮到大家。


  • 1、首先是彩色字体(font+color)

    • ️1.1 红色字体

      快捷键:f-r

      描述:(font+red)

    • ️1.2 绿色字体

      快捷键:f-g

      描述:(font+green)

    • ️1.3 蓝色字体

      快捷键:f-b

      描述:(font+blue)

    • ️1.4 黄色字体

      快捷键:f-y

      描述:(font+yellow)

      .... and so on


  • 2、横线 (line) 、块(block)

    • ️2.1 这是一个分割线

      快捷键:ll

      描述:(line)

    • ️2.2 这是一个引用区块

      快捷键:bb

      描述:(block)


  • 3、代码(code) 主要区别是语言的不同

    • ️3.1 这是一个 javascript 代码块

      快捷键:f-y

      描述:(js)

      console.log("我是javascript");
    • ️3.2 这是一个 json 代码块

      快捷键:json

      描述:(json)

      {
      "name": "zhangsan",
      "age": 18
      }
    • ️3.3 这是一个 java 代码块

      快捷键:java

      `描述:(java)

      public class Main{
      public static void main(String args[]){
      System.out.println("hello world!");
      }
      }

      ...and so on(支持 python => py)


  • 4、高亮展示数据

    • ️4.1 这是高亮文本

      快捷键:hl

      描述:(hight+line)


  • 5、居中、标题

    • ️5.1 居中

      居中

      快捷键:center

      描述:(center)

    • ️5.2 标题

      标题

      快捷键:main

      描述:(main)


  • 6、列表

    • ️6.1 一级列表

      快捷键:l1

      描述:(list + 1)

  • 1、

  • 2、

  • 3、

    • ️6.2 二级列表

      快捷键:l2

      描述:(list + 2)

  • 1、

    • 1.1
    • 1.2
    • 1.3
  • 2、

    • 2.1
    • 2.2
    • 2.3
  • 3、

    • 3.1

    • 3.2

    • 3.3

    • 3.3

    • ️6.3 三级列表

      快捷键:l3

      描述:(list + 3)

  • 1、

    • 1.1

      • 1.1.1
      • 1.1.2
    • 1.2
      • 1.2.1
      • 1.2.2
    • 1.3
      • 1.3.1
      • 1.3.2
  • 2、

    • 2.1

      • 2.1.1
      • 2.1.2
    • 2.2
      • 2.2.1
      • 2.2.2
    • 2.3
      • 2.3.1
      • 2.3.2
  • 3、

    • 3.1

      • 3.1.1
      • 3.1.2
    • 3.2
      • 3.2.1
      • 3.2.2
    • 3.3
      • 3.3.1
      • 3.3.2

使用vscodep快速编写markdown的更多相关文章

  1. 工作效率-十五分钟让你快速学习Markdown语法到精通排版实践备忘

    关注「WeiyiGeek」公众号 设为「特别关注」每天带你玩转网络安全运维.应用开发.物联网IOT学习! 希望各位看友[关注.点赞.评论.收藏.投币],助力每一个梦想. 文章目录: 0x00 前言简述 ...

  2. Emmet:HTML/CSS代码快速编写神器

    本文来源:http://www.iteye.com/news/27580    ,还可参考:http://www.w3cplus.com/tools/emmet-cheat-sheet.html Em ...

  3. 转载: Emmet:HTML/CSS代码快速编写神器

    Emmet:HTML/CSS代码快速编写神器 因为文章严禁转载,那本着做一个遵纪守法的好公民,我就不转载了,把链接放下面,方便查阅. http://www.iteye.com/news/27580

  4. 快速编写HTML,CSS代码的有力工具Emmet插件

    Emmet 是一个编辑器插件,它以一种简写的语法规则可用于快速编写html或css文档内容,它支持多种编辑器. 从官网:http://emmet.io/ 可下载各个编辑器的插件.notepad++ 插 ...

  5. Emmet:HTML/CSS代码快速编写神器(转)

    Emmet的前身是大名鼎鼎的Zen coding,如果你从事Web前端开发的话,对该插件一定不会陌生.它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度,比如下面的演示: ...

  6. Sublime Text 3插件之Emmet:HTML/CSS代码快速编写神器

    一.快速编写HTML代码 1.  初始化 HTML文档需要包含一些固定的标签,比如<html>.<head>.<body>等,现在你只需要1秒钟就可以输入这些标签. ...

  7. [6278009]使用Visual Stuido Code 编写Markdown

    使用Visual Stuido Code 编写Markdown void main() { printf("Hello world!"); } void main() { Cons ...

  8. Emmet 快速编写html代码

    简介 快速编写HTML代码 语法简单,语法类似css选择器,30分钟内你就可以搞定它.开发商为sublime.atom.brackets.hbuilder.webstrom等编辑器或IDE提供对应的插 ...

  9. Sublime Text、webstorm等编译器快速编写HTML/CSS代码的技巧

    Sublime Text.webstorm等编译器,如果你从事Web前端开发的话,对这几款软件一定不会陌生.它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度,比如下面的演 ...

  10. Emmet for Dreamweaver:HTML/CSS代码快速编写神器

    Emmet的前身是大名鼎鼎的Zen coding,如果你从事Web前端开发的话,对该插件一定不会陌生.它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度,比如下面的演示: ...

随机推荐

  1. How to boot the Raspberry Pi system from a USB Mass Storage Device All In One

    How to boot the Raspberry Pi system from a USB Mass Storage Device All In One 如何从 USB 启动树莓派引导系统 / 如何 ...

  2. U3DFrameWorkDemo:二、资源管理

    代码参考 代码文件参考下述详解的类图,工程参考第零章工程说明 概述 在游戏项目中有很多资产如:预制体,图片,音频,Lua脚本,Shader等等.他们随打包放在用户的硬盘里.在游戏的运行过程中,需要对这 ...

  3. Ubuntu 对比 CentOS 后该如何选择?

    大家阅读完以上文章觉得如何选择更适合自己?欢迎留言哦~ 本文章转载自 Linux 就该这么学(ID: linuxprobe),文章图片与文字版权属源公众号所有,未经允许,禁止二次转载. 我要投稿 本公 ...

  4. Lucene检索全流程学习笔记

    一 简介 写作目的 1 为什么学习Lucene lucene是基于倒排索引的检索工具库,倒排索引是典型的文本匹配,它能够精确匹配用户搜索的query,它的缺点是不擅长语义理解,而深度学习检索模型擅长的 ...

  5. vue3中父组件与组件之间参数传递,使用(defineProps/defineEmits),涉及属性传递,对象传递,数组传递,以及事件传递

    Vue3 中子父组件之间的通信 一.父组件传递参数到子组件 采用defineProps 传递属性 父组件: <template> <div> <h1>这是父组件&l ...

  6. 了解web网络基础

    TCP/IP 协议:一种规则,规定不同计算机操作系统,硬件之间怎么通信的一种规则 像这样把互联网相关联的协议集合起来总称为TCP/IP协议. TCP/IP分层管理 按照组层次分为以下四层: 应用层:决 ...

  7. Centos 7安装JDK1.8

    # 安装 yum install -y java-1.8.0-openjdk* # 添加环境变量 vim /etc/profile export JAVA_HOME=/usr/lib/jvm/java ...

  8. 前端Vuer,请收好这份《Vue组件单元测试》宝典,给自己多一些安全感

    大家好,我是 Kagol. 作为一名前端,在做业务开发的过程中,你是否曾经: 因为担心上线之后出bug,而反复手工验证自己负责的模块 不敢修改现有的"屎山"(别人写的或者是自己1年 ...

  9. 开源BaaS平台Supabase介绍

    Supabase 介绍 Supabase 是一个开源的 Firebase 替代品,以BaaS的形式向各种应用程序提供了一系列的后端功能,可以帮助开发者更快地构建产品. 对于想快速实现一个产品而言,如果 ...

  10. Nacos启动时报错No DataSource set排查

    问题描述 最近在学习Nacos组件,使用的是最新版本:2.2.3. 在本地虚拟机CentOS 8.5.2111环境中安装Nacos,并使用standalone模式启动,同时配置使用外部MySQL数据库 ...