markdown分享
生活随笔
收集整理的這篇文章主要介紹了
markdown分享
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
markdown分享
一、內置函數的補充
slice：構造一個切片對象，用于列表的切片。
>>> li = ['a','b','c','d','e','f','g'] >>> li[slice(3)] ['a', 'b', 'c'] >>> li[slice(1, 3)] ['b', 'c'] >>> li[slice(1, None, 2)] ['b', 'd', 'f'] >>> li[slice(1, None, 1)] ['b', 'c', 'd', 'e', 'f', 'g']round：保留浮點數的小數位數，默認保留整數。
>>> round(0.5) 0 >>> round(1.5) 2 ## if two multiples are equally close, rounding is done toward the even choice ## (so, for example, both round(0.5) and round(-0.5) are 0, and round(1.5) is 2).二、markdown是什么
百度百科
Markdown是一種可以使用普通文本編輯器編寫的標記語言，通過簡單的標記語法，它可以使普通文本內容具有一定的格式。 Markdown具有一系列衍生版本，用于擴展Markdown的功能（如表格、腳注、內嵌HTML等等）， 這些功能原初的Markdown尚不具備，它們能讓Markdown轉換成更多的格式，例如LaTeX，Docbook。 Markdown增強版中比較有名的有Markdown Extra、MultiMarkdown、Maruku等。這些衍生版本要么基于工具，如Pandoc； 要么基于網站，如GitHub和Wikipedia，在語法上基本兼容，但在一些語法和渲染效果上有改動。內部
三、哪里用到markdown
1. github
前端框架Vue
PerfectCRM
---
2. gitbook
3. 博客類
1)博客園
- 博客園設置用markdown為編輯器
- 博客園用markdown的效果圖
---
我的博客鏈接
---
2)簡書(推薦用的在線編輯器，手機端也能用)
簡書鏈接地址
- 簡書設置用markdown為編輯器
---
3)廖雪峰的官方網站
廖雪峰的官方網站
4. 筆記類
有道云筆記
有道云筆記
對markdown支持好，個人推薦
為知筆記
為知筆記
只免費100天
---
四、為什么用markdown
- 學習成本低，學習用時短
- 語法簡單，易用
- 使用范圍廣，在編程界也是如此
- 能引用外部圖片、鏈接
- 代碼高亮
- 不支持本地圖片
- 不支持代碼折疊
- 固定樣式，不能展示更炫的效果
百度腦圖
展示鏈接
五、怎么用markdown
簡書與博客園同樣內容效果展示
簡書
博客園
1.選擇編寫平臺
網絡平臺：
簡書，新手推薦
簡書
作業部落（全平臺），自動生成目錄，展示方便，效果好
作業部落
本地編輯器
notepad++， 要裝擴展
sublime,個人常用，要裝擴展，個人推薦
有道云筆記（全平臺）
2.常用語法介紹
標題（六個級別）
# 一級標題 最大 ## 二級標題 ### 三級標題 #### 四級標題 ##### 五級標題 ###### 六級標題 最小代碼塊
用一對，三個反引號（就是左上角，Esc鍵下的那個）把代碼包起來。類似python的長文本 若在行內要對關鍵字（行內代碼）標注，可用一對反引號包起來。對雙下劃線的方法名的處理：若不在大的代碼塊里，就必須用一對反引號包起來。
如__init__();若不包會變成這樣子__init__()
加粗,斜體
*斜體內容* **加粗內容**效果
斜體內容
加粗內容
有序，無序內容
1. 1111 2. 2222 3. 3333 4. 4444- aaaa - bbbb - cccc - dddd- aaaa
- bbbb
- cccc
- dddd
鏈接
[]() [百度](https://www.baidu.com/)百度
圖片，必須上傳到網絡上，具體的圖片地址
![]() 比鏈接前面多了個! 推薦個上傳圖片，用于展示的網站=====》
imgse
分隔線
--- 細分隔線 *** 粗分隔線引用一段話
> 12345678 >> 98765432112345678
987654321
下面是分隔線
上面是分隔線
其他注意事項
- 兩行在編輯器明明是兩行，但可能效果是一行的，就把他們間隔空多一行，
- 用好分隔線，層次更好。
- 一些更高級的用法如：表格、甘特圖、流程圖、公式等在博客園里不能展示。
- 想要在博客園里展示時自動帶上目錄，要申請開通javascript.
博客園里展示時自動帶上目錄
頁面定制CSS代碼
/*生成博客目錄的CSS*/ #uprightsideBar{font-size:12px;font-family:Arial, Helvetica, sans-serif;text-align:left;position:fixed;/*將div的位置固定到距離top:50px，right:0px的位置，這樣div就會處在最右邊的位置，距離頂部50px*/top:50px;right:0px;width: auto;height: auto; } #sideBarTab{float:left;width:30px; border:1px solid #e5e5e5;border-right:none;text-align:center;background:#ffffff; }#sideBarContents{float:left;overflow:auto; overflow-x:hidden;!important;width:200px;min-height:108px;max-height:460px;border:1px solid #e5e5e5;border-right:none; background:#ffffff; } #sideBarContents dl{margin:0;padding:0; }#sideBarContents dt{margin-top:5px;margin-left:5px; }#sideBarContents dd, dt {cursor: pointer; }#sideBarContents dd:hover, dt:hover {color:#A7995A; } #sideBarContents dd{margin-left:20px; }頁首Html代碼
<script type="text/javascript"> /*功能：生成博客目錄的JS工具測試：IE8，火狐，google測試通過孤傲蒼狼2014-5-11 */ var BlogDirectory = {/*獲取元素位置，距瀏覽器左邊界的距離（left）和距瀏覽器上邊界的距離（top）*/getElementPosition:function (ele) { var topPosition = 0;var leftPosition = 0;while (ele){ topPosition += ele.offsetTop;leftPosition += ele.offsetLeft; ele = ele.offsetParent; } return {top:topPosition, left:leftPosition}; },/*獲取滾動條當前位置*/getScrollBarPosition:function () {var scrollBarPosition = document.body.scrollTop || document.documentElement.scrollTop;return scrollBarPosition;},/*移動滾動條，finalPos 為目的位置，internal 為移動速度*/moveScrollBar:function(finalpos, interval) {//若不支持此方法，則退出if(!window.scrollTo) {return false;}//窗體滾動時，禁用鼠標滾輪window.onmousewheel = function(){return false;};//清除計時if (document.body.movement) { clearTimeout(document.body.movement); } var currentpos =BlogDirectory.getScrollBarPosition();//獲取滾動條當前位置var dist = 0; if (currentpos == finalpos) {//到達預定位置，則解禁鼠標滾輪，并退出window.onmousewheel = function(){return true;}return true; } if (currentpos < finalpos) {//未到達，則計算下一步所要移動的距離dist = Math.ceil((finalpos - currentpos)/10); currentpos += dist; } if (currentpos > finalpos) { dist = Math.ceil((currentpos - finalpos)/10); currentpos -= dist; }var scrTop = BlogDirectory.getScrollBarPosition();//獲取滾動條當前位置window.scrollTo(0, currentpos);//移動窗口if(BlogDirectory.getScrollBarPosition() == scrTop)//若已到底部，則解禁鼠標滾輪，并退出{window.onmousewheel = function(){return true;}return true;}//進行下一步移動var repeat = "BlogDirectory.moveScrollBar(" + finalpos + "," + interval + ")"; document.body.movement = setTimeout(repeat, interval); },htmlDecode:function (text){var temp = document.createElement("div");temp.innerHTML = text;var output = temp.innerText || temp.textContent;temp = null;return output;},/*創建博客目錄，id表示包含博文正文的 div 容器的 id，mt 和 st 分別表示主標題和次級標題的標簽名稱（如 H2、H3，大寫或小寫都可以！），interval 表示移動的速度*/createBlogDirectory:function (id, mt, st, interval){//獲取博文正文div容器var elem = document.getElementById(id);if(!elem) return false;//獲取div中所有元素結點var nodes = elem.getElementsByTagName("*");//創建博客目錄的div容器var divSideBar = document.createElement('DIV');divSideBar.className = 'uprightsideBar';divSideBar.setAttribute('id', 'uprightsideBar');var divSideBarTab = document.createElement('DIV');divSideBarTab.setAttribute('id', 'sideBarTab');divSideBar.appendChild(divSideBarTab);var h2 = document.createElement('H2');divSideBarTab.appendChild(h2);var txt = document.createTextNode('目錄導航');h2.appendChild(txt);var divSideBarContents = document.createElement('DIV');divSideBarContents.style.display = 'none';divSideBarContents.setAttribute('id', 'sideBarContents');divSideBar.appendChild(divSideBarContents);//創建自定義列表var dlist = document.createElement("dl");divSideBarContents.appendChild(dlist);var num = 0;//統計找到的mt和stmt = mt.toUpperCase();//轉化成大寫st = st.toUpperCase();//轉化成大寫//遍歷所有元素結點for(var i=0; i<nodes.length; i++){if(nodes[i].nodeName == mt|| nodes[i].nodeName == st) {//獲取標題文本var nodetext = nodes[i].innerHTML.replace(/<\/?[^>]+>/g,"");//innerHTML里面的內容可能有HTML標簽，所以用正則表達式去除HTML的標簽nodetext = nodetext.replace(/ /ig, "");//替換掉所有的 nodetext = BlogDirectory.htmlDecode(nodetext);//插入錨 nodes[i].setAttribute("id", "blogTitle" + num);var item;switch(nodes[i].nodeName){case mt: //若為主標題 item = document.createElement("dt");break;case st: //若為子標題item = document.createElement("dd");break;}//創建錨鏈接var itemtext = document.createTextNode(nodetext);item.appendChild(itemtext);item.setAttribute("name", num);item.onclick = function(){ //添加鼠標點擊觸發函數var pos = BlogDirectory.getElementPosition(document.getElementById("blogTitle" + this.getAttribute("name")));if(!BlogDirectory.moveScrollBar(pos.top, interval)) return false;}; //將自定義表項加入自定義列表中dlist.appendChild(item);num++;}}if(num == 0) return false; /*鼠標進入時的事件處理*/divSideBarTab.onmouseenter = function(){divSideBarContents.style.display = 'block';}/*鼠標離開時的事件處理*/divSideBar.onmouseleave = function() {divSideBarContents.style.display = 'none';}document.body.appendChild(divSideBar);}};window.onload=function(){/*頁面加載完成之后生成博客目錄*/BlogDirectory.createBlogDirectory("cnblogs_post_body","h2","h3",20); } </script>3.詳細的語法鏈接
詳細的語法鏈接
轉載于:https://www.cnblogs.com/lanhoo/p/9580660.html
總結
以上是生活随笔為你收集整理的markdown分享的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： SHA-1
- 下一篇： 利用CSS实现文本省略效果