markdown使用小結

来源:http://www.cnblogs.com/rouwawa/archive/2017/06/07/6959159.html
-Advertisement-
Play Games

初學時,對不太熟悉的markdown語法,有個簡單記錄 [公式][1] 公式一般用Latex書寫,線上[Latex編輯器][2]可以使用,有以下幾種方法供選擇 有然後保存為圖片gif格式,使用img標簽進行引用。 使用Google Chart的伺服器 `` 給個例子, 顯示結果為(博客園的markd ...


初學時,對不太熟悉的markdown語法,有個簡單記錄


公式

公式一般用Latex書寫,線上Latex編輯器可以使用,有以下幾種方法供選擇

  • 有然後保存為圖片gif格式,使用img標簽進行引用。

  • 使用Google Chart的伺服器

<img src="http://chart.googleapis.com/chart?cht=tx&chl= 在此插入Latex公式" style="border:none;">
給個例子,

<img src="http://chart.googleapis.com/chart?cht=tx&chl=\Large x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}" style="border:none;">
顯示結果為(博客園的markdown編輯器下,為什麼還是執行文本形式?):

<img src="http://chart.googleapis.com/chart?cht=tx&chl=\Large x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}" style="border:none;">

  • 使用forkosh伺服器

<img src="http://www.forkosh.com/mathtex.cgi? 在此處插入Latex公式">
給個例子:

顯示結果為(響應太慢,引用圖片容易掛掉):

鏈接

Markdown中有兩種方式,實現鏈接,分別為內聯方式和引用方式。
內聯方式:

This is an [example link](http://example.com/).

This is an example link.

引用方式:

I get 10 times more traffic from [Google][1] than from [Yahoo][2] or [MSN][3]. 
[1]: http://google.com/"Google" 
[2]: http://search.yahoo.com/  "Yahoo Search"
[3]: http://search.msn.com/    "MSN Search" 

I get 10 times more traffic from Google than from Yahoo or MSN.

換行

有兩種方式:

  • 輸入兩個空格,然後回車;

  • 點兩次回車(行間距較大);

有利於美觀的話,建議採用第二種方式。

圖片居中

實際上markdown背後是HTML語言,所以在圖片居中的方式有兩種

  • 加入HTML語法,使用標簽,參考如下:

<center>居中內容</center>
<div align = center>居中內容</div>

  • 修改CSS

markdown背後都有自己的CSS樣式表,所以修改樣式表即可。

img{
positon:relative;
width:80%;
left:10%;   /*left為(img父元素元素的width - img元素自己的width)÷2*/
}

實際上想實現自己喜歡的任意風格,都可以通過編寫HTML和CSS來實現。

代碼塊

關於代碼塊的編寫,略微要複雜一點,如果要展示某段HTML代碼,在markdown編輯器下不能用tab鍵來指明這是一段HTML代碼,這是無效的,你的HTML代碼執行起來,而不是代碼本身。在測試的時候發現了幾個問題,還不是特別明白:

  • 如果對HTML整個代碼塊前後加上反引號,在markdownpad編輯器下,代碼依然以執行的方式呈現。但是,在CSDN自帶markdown編輯器下,則可以成功以代碼的方式呈現;
  • 在markdownpad編輯器下,使用兩個反引號來錶面代碼片段時,代碼不會換行,所有代碼擠在一行,而使用TAB鍵,則可以分行現實代碼。而CSDN編輯器下,不論是採用哪種方式,都能很好的實現代碼分行顯示;

另外值得註意的是,CSDN的markdown的語法說明中有關於代碼塊的說明,用前後各一個反引號來指明行內一小段代碼,用TAB來指明代碼塊,用前後三個反引號來指明需要高亮的代碼塊。

不知道有沒有一篇總結的博文來分析這種不同編輯器下的差異性?還是說跟網站自身對HTML的處理有關,比如涉及到代碼添加行號,不同語言關鍵字的高亮等,都會涉及到JavaScript,是這樣的嗎?。


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 給人搬了十幾個網站,老站用西部數位建站助手創建的,現在過期了無法繼續創建,只能在Internet 信息服務(IIS)管理器創建網站,創建下來都沒問題,但是就是無法打開網站。 測試打開txt文檔、靜態頁面都能打開,一到打開php文件就直接就掛了,無法打開,什麼報錯都沒有。 之前有用iis6以外的伺服器 ...
  • 嘗試用springmvc,mybatis,mysql做個工具平臺。 在本地mac筆記本上運行正常,但把包放置到伺服器上,啟動tomcat就報錯。類找不到了。 文件目錄: 實現需求:上傳文檔並記錄在資料庫中。自建了DocFile類。創建對應的mapper文件寫sql語句。 mapper.xml中nam ...
  • 通常我們的做法是(尤其是在學習階段):定義一個新的變數,藉助它完成交換。代碼如下: int a,b; a=10; b=15; int t; t=a; a=b; b=t; 這種演算法易於理解,特別適合幫助初學者瞭解電腦程式的特點,是賦值語句的經典應用。在實際軟體開發當中,此演算法簡單明瞭,不會產生歧義, ...
  • 一、編程規約 (一) 命名規約 1. 【強制】 代碼中的命名均不能以下劃線或美元符號開始,也不能以下劃線或美元符號結束。 反例: _nam / __name / $Object / name_ / name$ / Object$2. 【強制】 代碼中的命名嚴禁使用拼音與英文混合的方式,更不允許直接使 ...
  • 網上有很多人探討Java中異常捕獲機制try...catch...finally塊中的finally語句是不是一定會被執行?很多人都說不是,當然他們的回答是正確的,經過我試驗,至少有兩種情況下finally語句是不會被執行的: (1)try語句沒有被執行到,如在try語句之前就返回了,這樣final ...
  • jdk1.7.0_79 HashMap可以說是每個Java程式員用的最多的數據結構之一了,無處不見它的身影。關於HashMap,通常也能說出它不是線程安全的。這篇文章要提到的是在多線程併發環境下的HashMap——ConcurrentHashMap,顯然它必然是線程安全的,同樣我們不可避免的要討論散 ...
  • 1.什麼是生成器 通過列表生成式,我們可以直接創建一個列表。但是,受到記憶體限制,列表容量肯定是有限的。而且,創建一個包含100萬個元素的列表,不僅占用很大的存儲空間,如果我們僅僅需要訪問前面幾個元素,那後面絕大多數元素占用的空間都白白浪費了。所以,如果列表元素可以按照某種演算法推算出來,那我們是否可以 ...
  • __doc__ 查看尖的描述信息 __module__表示當前操作的對象所在的模塊 __class__表示當前操作的對象所屬的類 __init__構造方法 通過類創建對象自動執行 __del__析構方法,當前對象在記憶體中被釋放自動斬妖執行 __call__對象後面加括弧觸發執行 __dict__查看 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...