前言
在這篇文章是用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>
居左文本
居中文本
居右文本
設置了文字大小與顏色 |
編程之外
成長就是很多很多個每一次的痛苦,而這些第一次就像是預防針,能讓你對這世界越來越有抵抗力!
編程之外 |