前言
在这篇文章是用Typora在本地编写好的,Typora 是一款支持实时预览的 Markdown 文本编辑器。
Markdown语法学习
目录
在文章顶部第一行输入[toc],会自动根据你文章中用到的标题级别,生成相应的目录
标题
#号加一个空格,#号个数代表标题级别
效果如下:
…六级标题则6个#号加空格
字体
Hello,World! :原样式
Hello,World! :粗体:两边各加两个*号
Hello,World! :斜体:两边各加一个*号
Hello,World! :粗斜体:两边各加三个*号
Hello,World! :删除线:两边各加两个~号,
文字高量
文字两边各加上两个=号即可,效果如下:
这是需要高量的内容
文字两边各加上一个 ` 号,是红色字体
引用
大于号后面加要引用的内容(>这是一段引用的内容)
效果如下:
这是一段引用的内容
分割线
分割线:三个 - 号或三个 * 号,效果一样;下面即为两个分割线。
图片
![图片描述](图片地址) :要在英文状态下输入,图片描述可省略,效果如下
超链接
[链接描述](链接地址) : 要在英文状态下输入,效果如下
列表
有序列表: 数字加一点,再加一个空格;效果如下:
- 内容:1. 这是有序列表的第一条内容
- 这是有序列表的第二条内容
- 这是有序列表的第三条内容
无序列表: 减号加一个空格,效果如下:
- -号加空格
- 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>
居左文本
居中文本
居右文本
设置了文字大小与颜色 |
编程之外
成长就是很多很多个每一次的痛苦,而这些第一次就像是预防针,能让你对这世界越来越有抵抗力!
编程之外 |