亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

搜索
博主信息
博文 128
粉絲 9
評論 5
訪問量 289951
最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板
程序員必備技能五分鐘教你學(xué)會Markdown的寫作基本語法
　一紙荒涼* Armani
原創(chuàng)
1830人瀏覽過

作為程序員，如果你還用word寫作或者做筆記，那我強(qiáng)烈建議嘗試下markdown寫作。

首先，它不像word排版那么復(fù)雜，markdown只需要幾個簡單的快捷鍵，就能快速實(shí)現(xiàn)文檔的排版。而且，如果你寫博客，想在多個平臺復(fù)制你的文章，markdown也不會因?yàn)閺?fù)制粘貼而丟失格式。最后，markdown會讓你更多的關(guān)注自己內(nèi)容，而不是把時間花在各種花哨的排版上。

什么是markdown？

Markdown是一種輕量級標(biāo)記語言，創(chuàng)始人為約翰·格魯伯（英語：John Gruber）。它允許人們使用易讀易寫的純文本格式編寫文檔，然后轉(zhuǎn)換成有效的XHTML（或者HTML）文檔。這種語言吸收了很多在電子郵件中已有的純文本標(biāo)記的特性。所謂輕量級，就是使用簡單的一些標(biāo)記符號就可以快速實(shí)現(xiàn)文檔排版，非常容易掌握 。

markdown的常用語法

下面簡單介紹下一些最常用的語法：

1.標(biāo)題

標(biāo)題標(biāo)記:#

  1. # 一級標(biāo)題
  2. ## 二級標(biāo)題
  3. ### 三級標(biāo)題
  4. #### 四級標(biāo)題
  5. ##### 五級標(biāo)題
  6. ###### 六級標(biāo)題

效果：

一級標(biāo)題

二級標(biāo)題

三級標(biāo)題

四級標(biāo)題

五級標(biāo)題
六級標(biāo)題

注：對應(yīng)的html標(biāo)簽:&lt;h1&gt; ~ &lt;h6&gt;，效果<h1> ~ <h6>

  • 一級標(biāo)題,在文本下面添加一個或以上的等號:=
  • 二級標(biāo)題,在文本下面添加一個或以上的減號:-

2.引用

引用標(biāo)記：>

  1. > 引用標(biāo)記

效果

引用內(nèi)容

引用嵌套

標(biāo)題

3.公式塊

公式塊標(biāo)記： § §

  1. $$
  2. 1*2=2
  3. $$

效果

1?2=21*2=2

4.列表

無序列表：可以使用、+、-、*

有序列表：數(shù)字+點(diǎn)號

  1. - 前端開發(fā)工具
  2.     + html5 標(biāo)記語言
  3.     + css3 樣式表
  4.     + javascript 前端腳本
  5.     + 流行的函數(shù)庫或開發(fā)框架
  6.         * jQuery
  7.         * Vue.js
  8.         * Node.js
  9.     + Webpack 前端資源打包轉(zhuǎn)換器
  11. 1. 后端開發(fā)語言
  12.     1. php 流行的Web開發(fā)語言
  13.     2. python 通用編程語言
  14.     3. java 通用編程語言
  16. <!-- 注意:如果有序列表的內(nèi)容始終處于更新當(dāng)中,建議只指明開始的序號即可,后面序號自動生成 -->
  18. - 商品分類
  19.     1. 家用電器
  20.     0. 電腦配件
  21.     0. 周邊設(shè)備
  22.     0. 手機(jī)數(shù)碼
  23.     0. 服裝百貨

效果

  • 前端開發(fā)工具
    • html5 標(biāo)記語言
    • css3 樣式表
    • javascript 前端腳本
    • 流行的函數(shù)庫或開發(fā)框架
      • jQuery
      • Vue.js
      • Node.js
    • Webpack 前端資源打包轉(zhuǎn)換器
  1. 后端開發(fā)語言
    1. php 流行的Web開發(fā)語言
    2. python 通用編程語言
    3. java 通用編程語言
  • 商品分類
    1. 家用電器
    2. 電腦配件
    3. 周邊設(shè)備
    4. 手機(jī)數(shù)碼
    5. 服裝百貨

5.分割線

在一行中使用三個或更多的 *、-或 _ 來添加分隔線（``）：

  1. ------
  3. ***
  5. * * *
  7. ************************
  9. ---
  10. - - -

效果

6.代碼塊

  • 語法1: 在代碼前縮進(jìn)4個空格,或者1個制表符即可
  • 語法2: 使用三個反引號 ```
  • 語法3: 使用三個波浪線 ~~~
  • 語句4: 段落中的單行代碼使用一個反引號或波浪線
  • 可以指定編程語言名稱,以實(shí)現(xiàn)代碼高亮
  1. function hello(name) {
  2.     return 'Hello ' + name; //返回用戶名
  3. }
  1. function hello(name) {
  2.         return 'Hello ' + name; //返回用戶名
  3. }

<!-- 會看到刪除線提示:表示波浪線并不是推薦的語法形式, 加空格后提示消失 --> 

  1. <?php 
  2. $name = 'Peter Zhu';
  3. echo $name, '<br>';

<!-- 命令行 --> 

  1. $ mkdir project
  2. $ cd project

pdo連接數(shù)據(jù)庫的基本語法是: $pdo = new PDO(dsn,username, password),這也是推薦的方式

7.鏈接

  1. [鏈接文本](href屬性的url地址,title的提示信息)

鏈接文本

  1. <a href="url" title="">php中文網(wǎng)</a>
  3. [php中文網(wǎng)](http://ipnx.cn/, '國內(nèi)最大的php學(xué)習(xí)平臺')
  5. <!-- 如果想更精準(zhǔn)的控制鏈接,請使用<a>標(biāo)簽 -->
  6. <a href="http://ipnx.cn/" title="公益/實(shí)用/分享" target="_blank">

效果

<a href="url" title="">php中文網(wǎng)</a>

php中文網(wǎng)

<!-- 如果想更精準(zhǔn)的控制鏈接,請使用<a>標(biāo)簽 -->

<a href="http://ipnx.cn/" title="公益/實(shí)用/分享" target="_blank">

8.強(qiáng)調(diào)

1.語法:

  • 語法1: 被1個星號*或_包圍的內(nèi)容,會以斜體表示,轉(zhuǎn)為< em >標(biāo)簽
  • 語法2: 被2個星號*或_包圍的內(nèi)容,會以粗體表示,轉(zhuǎn)為< strong >標(biāo)簽

2.實(shí)戰(zhàn):

<!-- 注意: 使用下劃線時,前后一定要添加空格,否則不能正確解析 -->

Markdown是一種可以使用 簡單 的標(biāo)記語法書寫具有HTML的格式的 書寫 工具

9.表格

  • 表格是數(shù)據(jù)格式化的重要工具,Markdown是使用減號-和豎線|畫出表格的
  • 表格中的數(shù)據(jù)對齊方式是使用冒號(:)控制的
  1. |id|name|age|sex|salary|
  2. -|-|:-:|-|-:
  3. |1|Peter|28|male|3900|
  4. |2|Zhu|38|male|9900|
  5. |3|Lee|32|female|6700|

<!-- 表格由thead表頭和tbody表格主體二部分組成,默認(rèn)自帶樣式且不可改變 -->

<!-- 表頭與主體的分隔區(qū)的橫線,即減號,數(shù)量并不限制,多個也行,但至少要有一個即可 -->

<!-- 單元格內(nèi)容默認(rèn)為左對齊,只需要改變冒號的位置就可以實(shí)現(xiàn)對齊方式的改變 -->

效果

id name age sex salary
1 Peter 28 male 3900
2 Zhu 38 male 9900
3 Lee 32 female 6700

10.圖片

  • 圖片的語法與鏈接非常相似,只需要在前面添加一個!嘆號即可
  • ![提示文本](圖片地址/url 'title提示')

可愛的狗狗

<!-- 文本:可愛的狗狗,當(dāng)圖片被禁止或者不能顯示的時候會顯示 -->

<!-- 圖片是不是有點(diǎn)太大了,很遺憾,Markdown不支持調(diào)整圖片大小,請用img標(biāo)簽調(diào)整 -->

<img src="dog.jpg" width="200">

<!-- 更多時候,你可能想給圖片加一個鏈接,很簡單,只需要將鏈接文本換成圖片即可 -->

<!-- 第一步: 創(chuàng)建鏈接 -->

<!-- [](http://ipnx.cn "php中文網(wǎng)") -->

<!-- 第二步:將圖片插入到鏈接文本中 -->

可愛的狗狗

段落與換行總結(jié)

  • 段落對應(yīng)生成html中的p標(biāo)簽
  • 多個段落之間一定要添加空行,否則不能識別
  • 段內(nèi)換行,直接回車只會產(chǎn)生一個空格并不會產(chǎn)生換行
  • 如果要段內(nèi)換行,必須在回車前敲入2個或以上的空格
  • 你可能猜到了,換行使用的br標(biāo)簽

更多語法，可以參考官方文檔：

https://markdown-zh.readthedocs.io/en/latest/

常用的markdown工具推薦

mac平臺：Ulysses、Bear
Windows：typora、Cmd Markdown、小書匠
互聯(lián)網(wǎng)平臺：CSDN、簡書、印象筆記、有道云筆記、掘金等
這里推薦我常用markdown工具—typora，支持Windows/macOS，界面簡潔優(yōu)雅，內(nèi)容所見即所得，最重要的是它完全免費(fèi)。

下載地址：https://typora.io

TyporaWindows平臺常用快捷鍵

  1. Ctrl+1      一階標(biāo)題    
  2. Ctrl+2      二階標(biāo)題    
  3. Ctrl+3      三階標(biāo)題    
  4. Ctrl+4      四階標(biāo)題    
  5. Ctrl+5      五階標(biāo)題    
  6. Ctrl+6      六階標(biāo)題    
  7. Ctrl+B      字體加粗(Blod)
  8. Ctrl+I      字體傾斜(Italic)
  9. Ctrl+U      下劃線(Underline)
  10. Ctrl+Z        撤銷
  11. Ctrl+T        創(chuàng)建表格(Table)                    
  12. Ctrl+L      選中某句話   
  13. Ctrl+K      創(chuàng)建超鏈接
  14. Ctrl+D      選中某個單詞  
  15. Ctrl+F      搜索(Find)
  16. Ctrl+H        搜索并替換
  17. Ctrl+\        清楚樣式
  18. Ctrl+E      選中相同格式的文字  
  19. Ctrl+Home         返回Typora頂部    
  20. Ctrl+End         返回Typora底部
  21. Alt+Shift+5     刪除線 
  22. Ctrl+Shift+I    插入圖片(Image)
  23. Ctrl+Shift+M    公式塊 
  24. Ctrl+Shift+K    代碼塊
  25. Ctrl+Shift+Q    引用(Quote)
本博文版權(quán)歸博主所有，轉(zhuǎn)載請注明地址！如有侵權(quán)、違法，請聯(lián)系admin@php.cn舉報處理！
全部評論 文明上網(wǎng)理性發(fā)言，請遵守新聞評論服務(wù)協(xié)議
0條評論
關(guān)于我們 免責(zé)申明 意見反饋 講師合作 廣告合作 最新更新
php中文網(wǎng)：公益在線php培訓(xùn)，幫助PHP學(xué)習(xí)者快速成長！
關(guān)注服務(wù)號 技術(shù)交流群
PHP中文網(wǎng)訂閱號
每天精選資源文章推送
PHP中文網(wǎng)APP
隨時隨地碎片化學(xué)習(xí)
PHP中文網(wǎng)抖音號
發(fā)現(xiàn)有趣的

Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號

    • 登錄PHP中文網(wǎng)，和優(yōu)秀的人一起學(xué)習(xí)！
    全站2000+教程免費(fèi)學(xué)