關於md文件


首先來普及一下,什么是md文件👀?

  • md全稱markdown,markdown也是一種標記語言。😎

  • md文件是Markdown語法編寫的文件,Markdown是一款輕量級的標記語言,可以使用語法來代替排版,插入公式和圖片等都非常的容易,目前很多博客都可以使用該語法去編輯。使用Markdown的好處在於可以讓人們更專注於文本的內容,而無需在調整格式上面浪費很多時間😴

那么如何打開md文件呢🤩?

  • 下面再給大家介紹一個專門的md文件編輯工具MarkdownPad 2,我們在百度上搜索MarkdownPad 2,可以找到其官網和下載頁面,下載和電腦相匹配的版本(如Windows版本)安裝即可。🧐

 

這里要注意:每個人搜索的可能都是不同的,不過下載結果應該是一樣的

 安裝MarkdownPad 2教程:

這里選兩者方法:

  1. 可以選擇利用注冊機安裝(我沒測試過)

注冊機下載地址:MarkdownPad 2注冊機下載

隨便輸就可以了 
再點generate就能生成注冊碼了,將注冊碼復制到軟件中注冊成功。

  1. 可以選擇直接用現成的注冊碼登錄

注冊碼: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>
 
       


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM