Markdown语法与Typora的使用

前言

在这篇文章是用Typora在本地编写好的,Typora 是一款支持实时预览的 Markdown 文本编辑器。


Markdown语法学习

目录

在文章顶部第一行输入[toc],会自动根据你文章中用到的标题级别,生成相应的目录

在这里插入图片描述

标题

#号加一个空格,#号个数代表标题级别

效果如下:
在这里插入图片描述
…六级标题则6个#号加空格

字体

Hello,World! :原样式

Hello,World! :粗体:两边各加两个*号

Hello,World! :斜体:两边各加一个*号

Hello,World! :粗斜体:两边各加三个*号

Hello,World! :删除线:两边各加两个~号,

文字高量

文字两边各加上两个=号即可,效果如下:

这是需要高量的内容
文字两边各加上一个 ` 号,是红色字体

引用

大于号后面加要引用的内容(>这是一段引用的内容

效果如下:

这是一段引用的内容

分割线

分割线:三个 - 号或三个 * 号,效果一样;下面即为两个分割线。



图片

![图片描述](图片地址) :要在英文状态下输入,图片描述可省略,效果如下
在这里插入图片描述

超链接

[链接描述](链接地址) : 要在英文状态下输入,效果如下

点击跳转到我的博客主页

列表

有序列表: 数字加一点,再加一个空格;效果如下:

  1. 内容:1. 这是有序列表的第一条内容
  2. 这是有序列表的第二条内容
  3. 这是有序列表的第三条内容

无序列表: 减号加一个空格,效果如下:

  • -号加空格
  • 2次效果
  • 测试内容

表格

第一行输入各个表头名称,用 | 线隔开,第二行输入–|--|–|,之后每一行以 内容|内容|内容 的形式为表格添加内容;如下示例:
在这里插入图片描述
效果如下所示:

名字 性别 生日
路之逸 1198.10
lingStudy 1998.10

注:使用Typora时,这里需要点击Typora的左下角,在源代码模式下,删除每行之间的空格

代码

三个 ` 号 + 代码语言:Tab键上面就是·号,需在英文状态下,如下效果:

//这是java代码则  ```java
@GetMapping("/selectUser")
    public List<User> selectUser(){
        List<User> usersList=userMapper.selectUser();
        for (User user:usersList){
            System.out.println(user);
        }
        return usersList;
    }

Typora使用

在Typora中若要显示代码块行号,在【文件】》【偏好设置】中勾选【显示行号】即可

在这里插入图片描述
在Typora中若要折叠侧边栏的大纲视图,在【文件】》【偏好设置】中勾选【侧边栏的大纲视图允许折叠和展开】即可
在这里插入图片描述
Typora默认使用Github主题,可在主题中选择Typora自带的其他主题

在这里插入图片描述
为了保护眼睛我也常用Night主题,效果如下:
在这里插入图片描述

拓展

上面写的都是Makedown的基本语法,学过前端的可以用html+css,来增加一些其它更漂亮的效果,这篇文章中我也用到了几个,下面把源代码分享出来。

还有很多HTML语法效果其实都支持,怎么设置才更舒适漂亮就看自己去尝试了,欢迎在评论区分享其它好看又舒适的html效果😁😁😁

绿色分隔栏源码:

<table><tr><td bgcolor=green></td></tr></table>

绿色分隔栏中添加白色文字,并设置文字大小为5px:

<table><td bgcolor=green><font size=5px color=#fff>设置了文字大小与颜色</font></td></table>
设置了文字大小与颜色

改变文字的位置:

<p align="left">居左文本</p>
<p align="center">居中文本</p>
<p align="right">居右文本</p>

居左文本

居中文本

居右文本

设置了文字大小与颜色

编程之外

  成长就是很多很多个每一次的痛苦,而这些第一次就像是预防针,能让你对这世界越来越有抵抗力!
在这里插入图片描述
在这里插入图片描述

编程之外
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章