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>

居左文本

居中文本

居右文本

設置了文字大小與顏色

編程之外

  成長就是很多很多個每一次的痛苦,而這些第一次就像是預防針,能讓你對這世界越來越有抵抗力!
在這裏插入圖片描述
在這裏插入圖片描述

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