將markdown編譯為HTML和PDF

使用gulp搭建markdown編譯環境

1. 執行npm init 進行項目初始化得到package.json

2. 全局安裝gulp :npm install gulp --global;

3. 在項目中安裝gulp依賴:npm install gulp --save-dev;

4. 創建gulpfile.js文件設置任務:

```
var gulp = require("gulp")
var markdown = require('gulp-markdown');
var mdpdf = require('gulp-markdown-pdf');


gulp.task("compileMDToHtml",function () {
gulp.src("./md/*.md")
.pipe(markdown())
.pipe(gulp.dest("./html"))
})

gulp.task("compileMDToPdf",function () {
gulp.src("./md/*.md")
.pipe(mdpdf())
.pipe(gulp.dest("./pdf"))
})

gulp.task("watch:md",function(){
gulp.watch("./md/*.md",['compileMDToHtml','compileMDToPdf'])
})

gulp.task("default",['compileMDToHtml','compileMDToPdf','watch:md'])

轉載于:https://www.cnblogs.com/hamili/p/7975719.html

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/251414.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/251414.shtml
英文地址,請注明出處:http://en.pswp.cn/news/251414.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

捕獲異常的兩種方式

捕獲異常的兩種方式方法一 #codingutf-8 import systry:with open("ddd.txt", "r") as f:data f.read()print data except:err sys.exc_info()print errsys.exc_info()返回三元組,分別是,異常類型、異常值、異常追溯地址方法二 #c…

Vue項目代碼改進(三)—— Cookie、LocalStorage和SessionStorage的使用

存在問題: 如果在退出頁面時,沒有點擊“退出”按鈕,而是直接關閉頁面,token并沒有被清除,依然能通過訪問http://localhost:8080/#/ 直接進入主頁。 原因: 使用了localStorage而非sessionStorage或Cookie 一…

es6 --- Proxy實例的get方法

寫一個攔截函數,訪問目標對象不存在屬性時,會拋出不存在該屬性的錯誤 如果存在該屬性時,就返回其值. var person {name: "張三" };var proxy new Proxy(person, {get: function(target, property) {if (property in target) {return target[property];} else {thr…

webstorm前端常用快捷鍵

Ctrl / 行注釋/取消行注釋 Ctrl Shift / 塊注釋/取消塊注釋 Ctrl W 選擇代碼塊,一般是增量選擇 Ctrl Shift W 上個快捷鍵的回退,減量選擇代碼 Alt Q 上下文信息 A…

sql常識

1.UNION與UNION ALL的區別UNION去重且排序UNION ALL不去重不排序2.sql語句or與union all的執行效率比較:union all>union> in >or 用一張表更新另一張表: UPDATE ASET A1 B1, A2 B2, A3 B3FROM A LEFT JOIN B ON A.ID B.IDMS SQL SERVER的寫法&#xf…

優秀導航網站收集

一納米學習網站導航 泡面吧導航 納威安全導航 設計師導航網址 優設圖書導航 極客導航 大前端網址導航 前端導航 轉載于:https://www.cnblogs.com/fazero/p/7976684.html

Vue項目代碼改進(四)—— 在使用ElementUI時點擊同一個路由,頁面報錯

這個不可描述的問題是:在使用ElementUI時點擊同一個路由,頁面報錯。 錯誤代碼如下: element-ui.common.js?ccbf:3339 NavigationDuplicated {_ name: "NavigationDuplicated", name: "NavigationDuplicated", message…

es6 --- Proxy的屬性(get、set除外)

apply(): 攔截函數的調用、call和apply操作 var target function () { return I am the target;}; var handler {apply: function () {reuturn I am the proxy;} };var p new Proxy(target, handler); p(); // " I am the proxy"has(): 判斷對象是否…

關于jQuery對象(類數組對象)以及DOM對象相互轉化問題——[object Object]和[object HTMLInputElement]

之前在某官網課程上看有關jQuery和bootstrap的相關教程,有一節課是教我們如何制作價格菜單的按鈕以及總價問題 選中按鈕,按鈕樣式會發生變化,右上角價格會自動運算 6個菜單的html結構差不多,先貼出一個菜單的html,如下…

如何去掉bootstrap table中表格樣式中橫線豎線

修改之前,表格看上去比較擁擠,因為bootstrap table插件中自帶斑馬線表格樣式,有橫線和豎線分欄,現在我們不需要這些。應UI設計的要求,要去掉中間的橫線和豎線,使用了修改需求中一種簡單粗暴的修改方法&…

啟用系統登錄失敗處理功能

啟用登錄失敗處理功能(限制非法登錄次數,用戶遠程登錄ssh失敗超過N次,鎖定用戶,并設置解鎖時間) 配置: 在第一行#%PAM-1.0的下面,即第二行,添加如下方代碼,一定要寫第二行…

Vue項目代碼改進(五)—— 將側邊欄菜單改造為動態后,如何按需顯示不同圖標

將側邊欄菜單改造為動態后&#xff0c;目前側邊欄每項的小圖標都相同 <el-aside class"aside" width"200px"><el-col :span"24"><el-menudefault-active"2"class"el-menu-vertical-demo"open"handleOpe…

es6 --- Reflect的靜態方法

Reflect.get(target, name, receiver): 查找并返回 target對象的 name屬性,若沒有,返回undefined var myObject {foo: 1,bar: 2,get baz() {return this.foo this.bar;}, }Reflect.get(myObject, foo); // 1// 若name屬性部署了讀取函數(getter),則讀取函數的this 綁定rece…

POJ3278——Catch That Cow

Catch That CowTime Limit: 2000MS Memory Limit: 65536KTotal Submissions: 114140 Accepted: 35715Description Farmer John has been informed of the location of a fugitive cow and wants to catch her immediately. He starts at a point N (0 ≤ N ≤ 100,000) on a nu…

canvas畫出簡陋版隨鼠標轉動眼睛且會眨眼的可愛櫻桃小丸子

可到我的github上下載文件 需求&#xff1a; 剛加載時鼠標不移動&#xff0c;眼睛會不停地眨眼眼球會跟隨鼠標移動而移動鼠標不移動時恢復眨眼效果提示&#xff1a; 除了眼睛是動態以外&#xff0c;其他靜態繪制都在static()函數中利用橢圓的短軸長度先變短后恢復長度來模擬…

poj 2049(二分+spfa判負環)

poj 2049&#xff08;二分spfa判負環&#xff09; 給你一堆字符串&#xff0c;若字符串x的后兩個字符和y的前兩個字符相連&#xff0c;那么x可向y連邊。問字符串環的平均最小值是多少。1 ≤ n ≤ 100000&#xff0c;有多組數據。 首先根據套路&#xff0c;二分是顯然的。然后跑…

Vue學習筆記(一)—— 什么時候需要import Vue from 'vue'

一、當執行 import vue from ‘vue’ 時發生了什么&#xff1f; 其實在 node.js 中&#xff0c;執行 import 就相當于執行了 require&#xff0c;而 require 被調用&#xff0c;就會用到 require.resolve 這個函數來查找包的路徑&#xff0c;而這個函數在 nodejs 中會有一個關于…

es6 --- 用promise對象實現Ajax操作的一個實例

首先回顧一下Ajax請求的步驟 var client new XMLHttpRequest(); client.open("GET", url); client.onreadystatechange handler; client.responseType "json"; client.setRequestHeader("Accept", "application/json"); client.s…

Windows 64 位 mysql 5.7以上版本包解壓中沒有data目錄和my-default.ini以及服務無法啟動的解決辦法以及修改初始密碼的方法...

LZ初學SQL&#xff0c;本來以為開源的安裝很簡單&#xff0c;但是中間出現了一些問題&#xff0c;記錄下來&#xff0c;希望能幫助到他人。 mysql官網下載地址&#xff1a;https://dev.mysql.com/downloads/mysql/點擊打開鏈接 以5.7.20版本為例 首先安裝包解壓后&#xff0c;沒…

總結 構造函數與非構造函數 原型繼承的一個方法

這兩天真的一直在看原型以及繼承之間的千絲萬縷&#xff0c;哇&#xff0c;收獲頗多&#xff0c;不過所謂溫故知新&#xff0c;還是要多復習復習知識點&#xff0c;才能察覺那些之前不易發現的小小sparkle 真心推薦MDN文檔——對象原型&#xff0c;JavaScript 中的繼承&#x…