首页 > 其他分享 >Markdown编辑器-Typora

Markdown编辑器-Typora

时间:2023-12-18 15:13:24浏览次数:34  
标签:Markdown 序列表 Typora 无序 列表 编辑器 标题

  首先我要来写一下博客园的这个编辑器了,对于我用惯了word文档,博客园的这个编辑器,不是太好用。所以我决定用Markdown编辑器-Typora进行编写我的博客。

我不喜欢去看一大堆的长篇大论,我喜欢用什么学什么,可能有些缺点,但是我喜欢,嘿嘿。

对于Markdown,我了解到,它是一种轻量级标记语言,排版语法简洁,让人们更多地关注内容本身而非排版。它使用易读易写的纯文本格式编写文档,文件后缀名为 .md

而Typora是一款免费的轻量级Markdown编辑器,当然Markdown也有很多的编辑器,但是我不是太了解,所以不做过多的解释,我就用的Typora。

Markdown的基本语法,网上有很多的教程,我只是列举一些常用的,见下。

另附,官方网址:(https://markdown.com.cn/basic-syntax/)

如果各位读者有更好的,可以推荐,不喜勿喷。

一、标题

语法是,在#后面空格写文字回车。

实例:

# 这是一级标题
## 这是二级标题
### 这是三级标题
#### 这是四级标题
##### 这是五级标题
###### 这是六级标题

效果如下:

这是一级标题

这是二级标题

这是三级标题

这是四级标题

这是五级标题
这是六级标题

二、字体

加粗:要加粗的文字左右分别用两个*号包起来

斜体:要倾斜的字体左右分别用一个*号包起来

斜体加粗:要倾斜和加粗的文字左右分别用三个*号包起来

删除线:要加删除线的文字左右分别用两个~~号包起来

实例:

**这是加粗的文字**
*这是斜体的文字*`
***这是斜体加粗的文字***
~~这是加删除线的文字~~

三、引用

使用符号>,还可以使用多个嵌套。

实例:

> 这是引用的内容
可以使用多个
>> 这是引用的内容
>>>>> 这是引用的内容

四、分割线

三个或三个以上的 - 或者 * 或者 _ 都可以

实例:

--- 
----
***
****
___
____

五、图片

![图片描述](图片链接 ''图片title'')

图片描述就是显示在图片下面的文字,相当于对图片内容的解释。
图片title是图片的标题,当鼠标移到图片上时显示的内容。
注意:title可加可不加,图片描述可写可不写

1)插入互联网上的图片

实例:

![龙猫](https://ts1.cn.mm.bing.net/th/id/R-C.4579c43a9e28084b8c798179c653a0d8?rik=03mtPA%2fF2Ey6Xg&riu=http%3a%2f%2fi.gtimg.cn%2fqqlive%2fimg%2fjpgcache%2ffiles%2fqqvideo%2fhori%2fq%2fqsmjp87yyoqm7fy.jpg&ehk=afGVxwep0y7%2bm8B8GRUyX5%2fQTyGqjN2QWAORtf6hUnk%3d&risl=&pid=ImgRaw&r=0)

龙猫

2)插入本地的图片

实例:

![龙猫](./images/a.jpg)

龙猫

六、超链接

语法:

[超链接名](超链接地址 "超链接title")
注:title可加可不加

实例:

[知乎](https://www.zhihu.com/)
[百度](https://www.baidu.com/)

效果:

知乎

百度

七、列表

无序列表

无序列表用 - + * 任何一种都可以

  • 无序列表
  • 无序列表
  • 无序列表

有序列表

数字加点,序号与内容之间要有空格

  1. 有序列表

  2. 有序列表

列表嵌套

上一级和下一级之间敲一个Tab键即可

  • 一级无序列表

    • 二级无序列表
    • 二级无序列表
    1. 二级有序列表
    2. 二级有序列表
  1. 一级有序列表

    1. 二级有序列表
    2. 二级有序列表
    • 二级无序列表
      • 三级无序列表

八、表格

语法:

|表头|表头|表头|
|---|:--:|---:|
|内容|内容|内容|
|内容|内容|内容|

第二行分割表头和内容。
- 有一个就行,为了对齐,多加了几个
文字默认居左
-两边加:表示文字居中
-右边加:表示文字居右

九、代码

用三个反应号后添加一种语言回车即可

​```java

效果如下:

package main
import "fmt"
func main() {
	fmt.Println("Hello, world. 你好,世界! ")
}

十、缩进字符

语法:推荐使用第三种缩进方式

   缩进1/4中文
   缩进半个中文,一个字符
   缩进一个中文,2个字符

标签:Markdown,序列表,Typora,无序,列表,编辑器,标题
From: https://www.cnblogs.com/shiqianqian/p/17911278.html

相关文章

  • Typora工具使用介绍
    markdown学习使用说明标题的使用说明#空格+内容(文章标题)eg#空格markdown学习##空格内容--二级标题###空格内容--三级标题....以此类推字体的使用说明粗体两边同时加两个※,※※学习※※斜体两边同时加一个※,※学习学习学习※斜体加粗加三个※两边※※※学习学习学习......
  • linux下一键上传markdown文件到博客园
    工具链接dongfanger/pycnblog:博客园上传markdown文件(github.com)这是工具的作者,网址里也有些教程,我这里再把教程写一写,加上自己一些使用的方式。诚挚感谢工具作者的开发贡献!使用指南配置typora用Typora进行编写,需要修改图片的存储方式打开文件>偏好设置,找到'图片插入'......
  • 使用富文本编辑器KindEditor上传图片,一直显示:上传中,请稍后... 的解决办法
    问题详细:在使用KindEditor上传图片时,后端已经接收到了,但前端仍在加载如下图: 解决办法:在配置文件中书写以下代码:X_FRAME_OPTIONS='ALLOWALL' 原因:由于Django配置文件中默认将X_FRAME_OPTIONS配置为了DENY——表示该页面不允许在frame中展示,即便是在相同域名......
  • MarkDown学习
    标题二级标题三级标题字体加粗斜体斜体加粗废弃引用这是一个引用分割线图片超链接这是一个超链接列表ss5577556677表格ABCqwqq3q......
  • 富文本编辑器:Vue整合wangEditor
    最近在做项目时,客户有个发布新闻动态的功能,具体页面内容让客户自己编写,所以要选择富文本编辑器,这样用户体验好一点。网上有很多的富文本编辑器,因为项目的功能并不是很复杂,所以选择了wangEditor,界面简洁,使用起来也挺方便的;实现思路1.安装wangEditor2.封装成组件3.父组件中直接调......
  • 探索 Vim:一个强大的文本编辑器
    引言:Vim(ViIMproved)是一款备受推崇的文本编辑器,拥有强大的功能和高度可定制性,提供丰富的编辑和编程体验。本文将探讨Vim的基本概念、使用技巧以及为用户带来的独特优势。简介和发展1.Vim的简介和历史Vim(ViImproved)是一个备受欢迎的文本编辑器,它是Vi编辑器的改进版本,具......
  • Markdown学习
    Markdown学习标题三级标题六级标题字体**HelloWorld!**HelloWorld!HelloWorld!HelloWorld!引用选择狂神说Java,走向人生巅峰分割线图片超链接点击跳转到狂神博客列表ABABC表格名字性别生日七星男0000.00.00代码public......
  • Markdown学习(表示效果)
    Markdown学习二级标题三级标题四级标题 字体helloworldhelloworldhelloworldhelloworld 引用選択したら、ピックになる分隔线图片超链接跳转到博客列表ABCABC 表格姓名性别生日张三男1999.1.1 代码public......
  • 关于博客园使用Markdown编辑器但是[TOC]无法正常生成目录
    目录这是一级标题这是二级标题这是三级标题这是四级标题一、fdisk工具创建一个磁盘分区1、虚拟机添加测试硬盘2、创建磁盘分区3、文件系统管理磁盘分区4、挂载二、parted命令使用场景操作命令'help'查看命令列表查看分区情况划分出主分区"parted1"删除分区格式化操作设置开机自动......
  • django中实现Markdown
    分为两个部分:------------后台使用Markdown编辑------------前端使用Markdown展示 准备工作:pipinstalldjango-mdeditor#用于后台编辑pipinstallmarkdown#用于前端显示INSTALLED_APPS=[...省略...'mdeditor',]path("mdeditor/",......