Typora-Markdown编辑器语法

使用Typora-Markdown编辑器语法

推荐大家使用一款文本编辑器–Typora,这是一款记笔记,发博客的神器,在大学的学习生活中会经常用到它.其中会用到Markdown的基本语法知识,以下是我的一些学习心得与总结分享给大家!!!

1.新增功能特点

我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:

  1. 全新的界面设计 ,将会带来全新的写作体验;

  2. 在创作中心设置你喜爱的代码高亮样式,Markdown 将代码片显示选择的高亮样式 进行展示;

  3. 增加了 图片拖拽 功能,你可以将本地的图片直接拖拽到编辑区域直接展示;

  4. 全新的 KaTeX数学公式 语法;

  5. 增加了支持甘特图的mermaid语法1 功能;

  6. 增加了 多屏幕编辑 Markdown文章功能;

  7. 增加了 焦点写作模式、预览模式、简洁写作模式、左右区域同步滚轮设置 等功能,功能按钮位于编辑区域与预览区域中间;

  8. 增加了 检查列表 功能。

2.功能快捷键

撤销:

Ctrl + Z

重做:

Ctrl + Y

加粗:

Ctrl + B

斜体:

Ctrl + I

标题

Ctrl + Shift + H

无序列表

Ctrl + Shift + U

有序列表

Ctrl + Shift + O

检查列表

Ctrl + Shift + C

插入代码

Ctrl + Shift + K

插入链接:

Ctrl + Shift + L

插入图片:

Ctrl + Shift + G

3.创建标题

创建层次清晰,先后有序的标题,可以形成好的目录结构。

创建标题有以下两种方式:

  • 直接输入1次#,并按下space后,将生成1级标题。

    • 直接输入2次#,并按下space后,将生成2级标题。
    • 直接输入3次#,并按下space后,将生成3级标题。共含6级标题,输入依次类推…
  • 先输入标题名,再选中标题按住组合键:【Ctrl + 1】生成一级标题。

    • 【Ctrl + 2】生成二级标题,【Ctrl + 3】生成三级标题…

4.生成多样的文本格式

斜体文本:【Ctrl + I】生成斜体文本;示例:斜体文本

加粗文本:【Ctrl + B】生成加粗文本;示例:加粗文本

删除文本:【Alt + Shift + 5】生成加粗文本;示例:删除文本

下划线:【Ctrl + u】生成下划线;示例:下划线

高亮文本:高亮

在需要高亮的文字两边各加上两个“=”;这是用来==高亮==的文本。

下标:

水 H~2~O
双氧水 H~2~O~2~

上标:

面积 m^2^
体积 m^3^

表情符号:

Emoji 支持表情符号,你可以用系统默认的 Emoji 符号。也可以用图片的表情,输入将会出现智能提示。

:smile: :laughing: :dizzy_face: :sob: :cold_sweat: :sweat_smile: :cry: :triumph: :heart_eyes: :relaxed: :sunglasses: :weary: 

:+1: :-1: :100: :clap: :bell: :gift: :question: :bomb: :heart: :coffee: :cyclone: :bow: :kiss: :pray: :sweat_drops: :hankey: :exclamation: :anger:

😄 😆 😵 😭 😰 😅 😢 😤 😍 ☺️ 😎 😩

👍 👎 💯 👏 🔔 🎁 ❓ 💣 ❤️ ☕️ 🌀 🙇 💋 🙏 💦 💩 ❗️ 💢

5.插入链接和图片

  • 插入链接

Rango博客主页

格式:英文括号 [自命名](链接地址)
  • 插入图片
    插入本地图片
    在这里插入图片描述
    插入网络图片

    • 设置图像百分比

      <img src="https://tse1-mm.cn.bing.net/th/id/R-C.f6023648cff14629e8397f302ad5c9de?rik=4G8KwirkOymFLA&riu=http%3a%2f%2f5b0988e595225.cdn.sohucs.com%2fimages%2f20190103%2f6943bf62716e436cad792facee6ae62c.jpeg&ehk=LQ5KcUaYKRL%2fLFOkp08w%2bz4H%2b%2fzkdj%2b3S9KLM6u4mJ8%3d&risl=&pid=ImgRaw" width="50%" height="50%">
      
    • 设置图片位置

    <div align=left><img src="https://tse1-mm.cn.bing.net/th/id/R-C.f6023648cff14629e8397f302ad5c9de?rik=4G8KwirkOymFLA&riu=http%3a%2f%2f5b0988e595225.cdn.sohucs.com%2fimages%2f20190103%2f6943bf62716e436cad792facee6ae62c.jpeg&ehk=LQ5KcUaYKRL%2fLFOkp08w%2bz4H%2b%2fzkdj%2b3S9KLM6u4mJ8%3d&risl=&pid=ImgRaw" width="50%" height="50%"></div>
    

6.插入代码块

输入英文符号“```” + 语言名称。

在这里插入图片描述

public class Hello {
	public static void main(String[] args){
		System.out.println("Hello,World!");
	}
}

7.创建一个表格

这里建议直接鼠标右键–>插入–>表格–>输入行数列数。

姓名班级学号
张三三年二班9527
李四四年三班1688
王二麻子三年一班8848

8.更改字体颜色、大小

  • 文字效果:

    我是黑体字
    我是微软雅黑
    我是华文彩云
    我是红色
    我是绿色
    我是蓝色
    我是尺寸
    我是黑体,绿色,尺寸为5

    //Markdown语法
    <font face="黑体">我是黑体字</font>
    <font face="微软雅黑">我是微软雅黑</font>
    <font face="STCAIYUN">我是华文彩云</font>
    <font color=red>我是红色</font>
    <font color=#008000>我是绿色</font>
    <font color=Blue>我是蓝色</font>
    <font size=5>我是尺寸</font>
    <font face="黑体" color=green size=5>我是黑体,绿色,尺寸为5</font>
    
    
  • 为字段添加背景色

    我是蓝色!!!
<table><tr><td bgcolor=#74b9ff>我是蓝色!!!</td></tr></table> 

文章参考:
颜色

Markdown官方文法

参考作者

以上是我整理的Markdown语法,欢迎大家来浏览,有什么错误或需要补充的地方欢迎留言鸭😄!

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值