Error message here!

Hide Error message here!

忘记密码?

Error message here!

请输入正确邮箱

Hide Error message here!

密码丢失?请输入您的电子邮件地址。您将收到一个重设密码链接。

Error message here!

返回登录

Close

Markdown的語法介紹+Typora的簡單使用

憶想不到的暉 2021-08-16 23:59:25 阅读数:6041 评论数:0 点赞数:0 收藏数:0

這是我參與8月更文挑戰的第3天,活動詳情查看:8月更文挑戰


前言

Markdown 是一種可以使用普通文本編輯器編寫的標記語言,通過簡單的標記語法,它可以使普通文本內容具有一定的格式。

Markdown具有一系列衍生版本,用於擴展Markdown的功能(如錶格、脚注、內嵌HTML等等),這些功能原初的Markdown尚不具備,它們能讓Markdown轉換成更多的格式,例如LaTeXDocbook

Typora 是一款輕便簡潔的Markdown編輯器,支持即時渲染技術,這也是與其他Markdown編輯器最顯著的區別即時渲染使得你寫Markdown就想是寫Word文檔一樣流暢自如,不像其他編輯器的有編輯欄和顯示欄,它還可以 免費的導出成Html、PDF、Word 等多種文件

Typora官網下載


1.標題用法(#號)

 效果  實現

一級標題

# 一級標題

二級標題

## 二級標題

三級標題

### 三級標題

四級標題

#### 四級標題
五級標題
##### 五級標題
六級標題
###### 六級標題

當然有時你寫完文章時發現有些文字忘記了加#而沒有變成標題,或者想改變標題的等級(大小),我們可以使用 Ctrl += 、Ctrl - 的快捷鍵( 注意 + - 號是0旁邊的鍵,不是數字鍵盤上的 + - )來調節標題的等級(大小)、或者

Ctrl + 1、Ctrl + 2、Ctrl + 3、...... 來切換標題的等級(大小)

假如你想去除標題效果又應該怎麼辦?

1. 在標題文字中使用Ctrl + 0把標題變成段落(推薦)

2. 在標題文字的最前面按下回删鍵(backspace)(推薦)

3. 在要修改的標題文字右擊彈出菜單選項,然後如圖操作(推薦)

在這裏插入圖片描述

4. 利用快捷Ctrl - 逐漸把標題去除,但效率太慢,推薦在H6(6級標題)情况下使用

5. 利用Ctrl / 快捷鍵把源碼模式打開,然後把#號删除即可

注意:在沒有標題的文字中使用Ctrl += 快捷鍵則是默認H6(六級標題),而Ctrl - 則是沒反應


2.文字格式

效果 實現 快捷鍵
粗體 **粗體** Ctrl + B
斜體 *斜體* Ctrl + i
下劃線 <u>下劃線</u> Ctrl + U
删除線 ~~删除線~~ alt shift + 5

在這裏插入圖片描述

置頂



3.鏈接

3.1行內式

效果 實現 快捷鍵
掘金 [掘金](juejin.cn/) Ctrl + K
帶提示的超鏈接 [帶提示的超鏈接](www.tip.link "這是帶提示的超鏈接")

3.2參考式

我經常在 掘金 網站上看博客學習知識,用百度穀歌搜索引擎查閱資料,利用PythonJavaCHtmlJavaScript 等編程語言來編寫世界

3.3自動鏈接

2228157440@qq.com

juejin.cn/


語法對比圖如下

語法對比圖

4.錶格

姓名 學號 班級 系部
張三 17120708 17軟件7班 軟件工程系
李四 17120709 17軟件8班 軟件工程系

語法實現 → |姓名|學號|班級|系部| → |xxx|代錶一個單元格

| 姓名 | 學號 | 班級 | 系部 |
| ---- | -------- | --------- | ---------- |
| 張三 | 17120708 | 17軟件7班 | 軟件工程系 |
| 李四 | 17120709 | 17軟件8班 | 軟件工程系 |
複制代碼

不同的 Markdown 編輯器的錶格的文本對齊效果都不一樣,掘金的默認是居中對齊 Typora 是向左對齊因此想實現不同的對齊方式語法如下

| 姓名 | 學號 | 班級 | 系部 |
| :---- | -------- | --------- | ----------: |
| 張三 | 17120708 | 17軟件7班 | 軟件工程系 |
| 李四 | 17120709 | 17軟件8班 | 軟件工程系 |
複制代碼

注意:該語法的不同處就 : (冒號)


姓名 學號 班級 系部
張三 17120708 17軟件7班 軟件工程系
李四 17120709 17軟件8班 軟件工程系
快捷鍵 Ctrl + T 彈出如下圖自行選擇行、列數

在這裏插入圖片描述 置頂




5.列錶

5.1無序列錶

  • 無序列錶1
  • 無序列錶2
  • 無序列錶3

快捷鍵Ctrl Shift + ]

5.2有序列錶

1.有序列錶一

2.有序列錶二

3.有序列錶三

快捷鍵Ctrl Shift + [

  • 輸入 *、-、+ 號隨意一個然後再按下 空格 就可以實現無序列錶
  • 數字加 . (點號) 實現有序列錶

5.3任務列錶

  • Python
  • Java
  • C
  • C++
  • C#

在這裏插入圖片描述


6.插入圖片

語法 !\[]()

![圖片的描述](C:\Users\MrLiu\Desktop\Typor文章\image\火箭.gif "圖片的標題")
複制代碼

注意:圖片路徑與圖片標題中間要有一個空格


用html的 <img></img> 標簽

<img src='圖片的路徑' title='鼠標放上去顯示的文字' alt='圖片未加載出來時顯示的文字' align='對齊方式'></img>

如果不懂Html可以去W3CSchool網站學習一下


7.插入甘特圖、UML圖、Mermaid流程圖

甘特圖參考文檔mermaidjs.github.io/#/gantt

例如:

gantt
dateFormat YYYY-MM-DD
title Adding GANTT diagram functionality to mermaid
section 現有任務
已完成 :done, des1, 2014-01-06,2014-01-08
進行中 :active, des2, 2014-01-09, 3d
計劃中 : des3, after des2, 5d
複制代碼
2014-01-06 2014-01-07 2014-01-08 2014-01-09 2014-01-10 2014-01-11 2014-01-12 2014-01-13 2014-01-14 2014-01-15 2014-01-16 2014-01-17 已完成 進行中 計劃中 現有任務 Adding GANTT diagram functionality to mermaid

UML圖參考文檔mermaidjs.github.io/#/sequenceD…

例如:

sequenceDiagram
張三 ->> 李四: 你好!李四, 最近怎麼樣?
李四-->>王五: 你最近怎麼樣,王五?
李四--x 張三: 我很好,謝謝!
李四-x 王五: 我很好,謝謝!
Note right of 王五: 李四想了很長時間, 文字太長了<br/>不適合放在一行.
李四-->>張三: 打量著王五...
張三->>王五: 很好... 王五, 你怎麼樣?
複制代碼
張三 李四 王五 你好!李四, 最近怎麼樣? 你最近怎麼樣,王五? 我很好,謝謝! 我很好,謝謝! 李四想了很長時間, 文字太長了 不適合放在一行. 打量著王五... 很好... 王五, 你怎麼樣? 張三 李四 王五

Mermaid流程圖參考文檔mermaidjs.github.io/#/flowchart…

graph LR
A[長方形] -- 鏈接 --> B((圓))
A --> C(圓角長方形)
B --> D{菱形}
C --> D
複制代碼
鏈接
長方形
圓角長方形
菱形

8.代碼塊

java代碼效果

public Demo{
public static void main(String[] args){
System.out.println("Hello World --- Java");
}
}
複制代碼

語法實現

 ```java public Demo(){
public static void main(){
system.out.println("Hello World");
}
}
```
複制代碼

Python代碼效果

def main():
print("Hello World --- Python")
if __name__ == '__main__':
main()
複制代碼

語法實現

 ```python
def main():
print("Hello World --- Python")
​ if __name__ == '__main__':
main()
```
複制代碼

快捷鍵Ctrl Shift + K


9.LaTeX數學公式

參考文檔khan.github.io/KaTeX/

例如:勾股定理 $$a^2+b^2=c^2$$ 勾股定理

a 2 + b 2 = c 2 a^2+b^2=c^2

10.快捷鍵、語法匯總

功能&效果 實現語法 快捷鍵
調節標題等級(大小) Ctrl +、Ctrl -(零旁邊的+、-鍵)
標題 # xxx、## xxx、... Ctrl + 1、Ctrl + 2、...
段落 直接寫文字即可 Ctrl + 0
超鏈接 [超鏈接]() Ctrl + K
粗體 **粗體** Ctrl + B
斜體 *斜體* Ctrl + i
下劃線 <u>下劃線</u> Ctrl + u
删除線 ~~删除線~~ alt Shift + 5
code `code` Ctrl Shift + `(ESC鍵下面那個鍵)
代碼塊 ```中間寫代碼``` Ctrl Shift + K
插入引用 > (大於號) Ctrl Shift + Q
插入錶格 |xxx|xxx|xxx| Ctrl + T
在錶格中下方插入行 Ctrl + Enter
在錶格中上、下移某行 alt + 上方向鍵、下方向鍵
1.有序列錶 數字 + . (點號) Ctrl Shift + [
無序列錶 *、-、+號加空格 Ctrl Shift + ]
插入圖片 ![]() Ctrl Shift + i
清除樣式 Ctrl + \
源代碼模式 Ctrl + /
全選一行 Ctrl + L
跳到文首、文末 Ctr + home、end

注意:本文中所有快捷鍵都是針對Typora編輯器


11.錨點

網頁中,錨點其實就是頁內超鏈接,也就是鏈接本文檔內部的某些元素,實現當前頁面中的跳轉。

語法

## 前言{#foreword}
## 標題用法{#title}
[跳轉到前言](#foreword)、[跳轉到某個標題](#title)
複制代碼

並不是所有Markdown編輯器都支持,但我們可以使用html的id屬性 + 超鏈接的方式實現

如:

<font id='top'>首頁</font>
…
[回到首頁](#top)
複制代碼

回到首頁


12.技巧分享

切記不到萬不得已不要去死記硬背,記住一些常用的就可以(重在理解),到要用到其他知識的時候先自己去摸索、學習,實在不知道再去問別人或者去看別人的文章,要有自我學習的一個過程。知識和人都要懂得變通,靈活的運用。

當我們遇到一個程序、軟件、網站,想實現或者知道什麼功能時要多利用鼠標左、右點擊,鼠標拖動、還有就是多去點擊一些菜單選項,再或者看看有沒有幫助文檔。如果是英文看不懂怎麼辦?還能怎麼辦學英語啊從根處解决

版权声明
本文为[憶想不到的暉]所创,转载请带上原文链接,感谢

编程之旅,人生之路,不止于编程,还有诗和远方。
阅代码原理,看框架知识,学企业实践;
赏诗词,读日记,踏人生之路,观世界之行;

支付宝红包,每日可领