首先來普及一下,什么是md文件👀?
-
md全稱markdown,markdown也是一種標記語言。😎
-
md文件是Markdown語法編寫的文件,Markdown是一款輕量級的標記語言,可以使用語法來代替排版,插入公式和圖片等都非常的容易,目前很多博客都可以使用該語法去編輯。使用Markdown的好處在於可以讓人們更專注於文本的內容,而無需在調整格式上面浪費很多時間😴
那么如何打開md文件呢🤩?
-
下面再給大家介紹一個專門的md文件編輯工具MarkdownPad 2,我們在百度上搜索MarkdownPad 2,可以找到其官網和下載頁面,下載和電腦相匹配的版本(如Windows版本)安裝即可。🧐

這里要注意:每個人搜索的可能都是不同的,不過下載結果應該是一樣的
安裝MarkdownPad 2教程:
這里選兩者方法:
-
可以選擇利用注冊機安裝(我沒測試過)
注冊機下載地址:MarkdownPad 2注冊機下載
隨便輸就可以了
再點generate就能生成注冊碼了,將注冊碼復制到軟件中注冊成功。
-
可以選擇直接用現成的注冊碼登錄
注冊碼:GBPduHjWfJU1mZqcPM3BikjYKF6xKhlKIys3i1MU2eJHqWGImDHzWdD6xhMNLGVpbP2M5SN6bnxn2kSE8qHqNY5QaaRxmO3YSMHxlv2EYpjdwLcPwfeTG7kUdnhKE0vVy4RidP6Y2wZ0q74f47fzsZo45JE2hfQBFi2O9Jldjp1mW8HUpTtLA2a5/sQytXJUQl/QKO0jUQY4pa5CCx20sV1ClOTZtAGngSOJtIOFXK599sBr5aIEFyH0K7H4BoNMiiDMnxt1rD8Vb/ikJdhGMMQr0R4B+L3nWU97eaVPTRKfWGDE8/eAgKzpGwrQQoDh+nzX1xoVQ8NAuH+s4UcSeQ==
郵箱:Soar360@live.com
-
md文件其實可以用常用的文本編輯器都可以打開,例如記事本、EditPlus、sublime、typora等等。(以及linux里的vim,vi等文本編輯器)
-
用記事本打開,把markdown文件拖到記事本圖標上就可以打開 。
-
用 sublime打開方法也一樣 ,當然也可以在文件上右擊選擇打開方式。
-
當然 打開markdown文件最專業的還是markdownPad軟件 。左邊是源碼,右邊可以看展示效果。
typora下載地址:typro下載
markdownPad下載地址:arkdownpad2下載
以上就是打開markdown.md文件的三種方法,第一種方法最方便了,建議使用
如何將md文件轉換為html?
方式一:使用i5ting_toc插件
- 需要先安裝npm(安裝node.js后會自帶npm),然后才能安裝i5ting插件:
npm install i5ting_toc -g
執行命令行生成html文件,在輸入前要進入到對應根目錄下:
i5ting_toc -f **.md
需要注意的是:寫md文檔的特殊符號時記得添加空格。
小技巧:如何快速在當前目錄打開cmd?選擇當前目錄,按住shift,然后鼠標右鍵在此處打開命令窗口(在此處打開powerShell窗口)。
方式二:使用gitbook
同樣先需要安裝node,然后運行
npm i gitbook gitbook-cli -g
生成md文件,這個命令會生成相應的md的文件,然后在相應的文件里寫你的內容即可:
gitbook init
md轉html,生成一個_doc目錄,打開就可以看到你html文件了。
gitbook build
方式三:利用前端代碼
實現原理是采用node.js搭建服務器,讀取md文件轉化為html片斷。瀏覽器發送ajax請求獲取片段后再渲染生成html網頁。
node代碼
var express = require('express');
var http = require('http');
var fs = require('fs');
var bodyParser = require('body-parser');
var marked = require('marked'); // 將md轉化為html的js包
var app = express();
app.use(express.static('src')); //加載靜態文件
var urlencodedParser = bodyParser.urlencoded({ extended: false });
app.get('/getMdFile',urlencodedParser, function(req, res) {
var data = fs.readFileSync('src/test.md', 'utf-8'); //讀取本地的md文件
res.end(JSON.stringify({
body : marked(data)
}));
} );
//啟動端口監聽
var server = app.listen(8088, function () {
var host = server.address().address;
var port = server.address().port;
console.log("應用實例,訪問地址為 http://%s:%s", host, port)
});
前端html:
<div id="content">
<h1 class="title">md-to-HTML web app</h1>
<div id="article">
</div>
</div>
<script type="text/JavaScript" src="js/jquery-1.11.3.min.js"></script>
<script>
var article = document.getElementById('article');
$.ajax({
url: "/getMdFile", success: function(result) {
console.log('數據獲取成功');
article.innerHTML = JSON.parse(result).body;
}, error: function (err) {
console.log(err);
article.innerHTML = '<p>獲取數據失敗</p>';
}
});
</script>
