è?a?????????????????·???é?????????·￥??·

è????￥????????a????¨??1?????????????è????????è￠????é?¤?o????è|????èˉ′???????????1è?????é?￡è?????????¨??1????????????????è???1????è?a?·±????o??????1?°?è??????????¨?o???¨??????????????·??-????????a??§???????????°??¨????????′??aè???¨?????o?????¤§?????????????°±??ˉ??¨è????a?°??·￥??·???????????|???

??????è??????????·?????°?????????è?ˉ?????￥é?????????????????è????¨??ˉ???????????????è???1?????????oé?·??§????ˉ????????????￠é????????????????′?°±??ˉ????′?????????ˉè????a???è????¨??ˉ??ˉ??￥?2?è′′??|?????????html???????????￥?°±????????????????o??????￥?????oé?′???????????ˉ??￥è?a?·±?????1css??￡?????????è?????????????a??a??§???????????·???????ˉ1?o??????a?????ˉ?·￥?¨????????????1??·???è???????ˉ??????é??????o????~

??¨markdown??????

?¨??o????????????±?????????èˉ-è¨?????????ˉmarkdown?o?????????ˉ????§??ˉ?html??′????′???????è?°èˉ-è¨????é??è???·￥??·??ˉ??￥???èˉ???ohtml??￥???pdf?-?????§????????????±?o?è?3?¤?????′?????????￥?????1??§?1???ˉ??????????????1???é???????¨?§???¨??ˉ?±??¤o?????????

è??é?????é???????¨gulpè??è??????????§????????¨gulp-remarkable??￥è??markdown????????????èˉ????

??????html?????μ

é|??????????è|?????¤??￥?è?a?·±??????html?????μ???css??￡??????è???????¨?o??????￠???èˉ??????????html????ˉ??|???????????°?

????-??????￠??o??￥??????html

é?¤???é￠??¤????????1???ˉ??￥????????????é??è|??????￡????????μ????ˉ??|??????¨???è?¨?????????è?¨?-??-????md?????????èˉ??????????è??è???????￠?°±è?????

??￡???é???o??¤????

????¨??1???????????????????é?????????μ???1??￡?????￥èˉ′???é??é￠?????????ˉ??¨????????-????????￡?????ˉ????¤′???????o????è|??1???ˉ??￡????¤aé???o???????é???1±???è|??1??°±??′??￥??¨???????±??¤o??￡???????????ˉ?1?????????°?o|????¤????????3??¤?????-?é??é￠????

?????￥???é???????¨highlight.js??￥è??è????￡????????????????????¨??¨remarkable???èˉ?md????????????????????ˉ??￥???highlighté?????è????????è????·????1????????o???￡???é???o??·￥??????

é??è|??3¨???????????a??°??1??ˉ?????¨highlight?????????????????￡?????¨?¤??????°?????????è????¨??????????????￠?¤±??￠è?????é??è|???????é￠??¤??¤???????????????¨?-￡??????n?????￠???
?°±??ˉ??￥?o????

????-??????¨?¤????

???è°??????¨?¤?????°±??ˉ?????¨???è????￡????¤aé?????è??è???±??1?????o|???????????????????o§?????￠è???????￡????°±?1±?o????è????ˉ????????????????????°???????????￥??¨è??è???????￠?????????è|????

????-???????overflow-x:auto; white-space: nowrap;??·??????è????·è??è????￡???????o§????¨a????????¨??????èˉ?è????ˉ??￥?????¨??￥??￥?????aé???1±?????￡??????

è????·?ˉ?è??é???????￡??????èμ·??￥?°±??ˉè????a?????????


css???è???¤????

?????¨hightlight.js????????????é??è|??????￥?????a???é￠????css??????????ˉ??|??????¨?????ˉmonokai-submile.css????????ˉ???????2??3????è????acss???????2?è′′??°?????????è????¨??-????????￥é??è|???3????3????è????acss????????????è????°html??￡?????-???è?????
?1??°±??ˉèˉ′???è|????css??-????1????è§????è???????o????-????style?±???§????????¨?????????????o?????¤?????????°?????a?????ojuice???nodejs?¨???????????????????????o?è????a?·￥????????¨?3??1?????????????????????????nodejs??￡????|????


???é????2??oè￡?é???????·??????

???????????????????-|è?ˉ???????????￠è????a?????·????????????è?????????????????è′¨???é?′???????o??????¨???????????ˉ??±?o?è????a?????·????3???¨é???????′??￥?????o?????aè??é??è??è????￥?3??????1?????|??·??￥è????￥?????1???éo???|???
??￠???????????ˉ??￥é??????ˉ1?????1è??è???????￠???é?￡?1???aé??è?a?·±????1??????a????-??°±è??????ˉ??|????????1??o?q????-?????????-??¨è????????è????a????-??????￠??o????????3??ˉ???é????????è????¨???emmet?????????è????￥è????aè￡?é???????·??aé????2p+tab??????????????·?????????èˉ′??￠??????
????§????èˉ???§

?????????è??è??????¤?????°±??￥???è???o??o???????????|????????????￥è???′????èˉ??????ˉ??￥????????′?¤?????·￥?????|???
????o???±?¤????é?￡???????°±????§????èˉ???§????¤§è?′èˉ′???????????¨??°??????è￥????é|????è???????ˉ??¨nodejs?????????è°?è???????ˉ?????ˉ?·￥?¨??????￠??￠~????????§?????????é|?é??gulp???????????¨??°?o?gulp-replace???gulp-remarkable???gulp-rename???juice???highlight.js????°±è???o??o????
?????????é￠????????￥????html?????μ????1?????-???|??2??????????°±??ˉ??￥????§??¤?????·￥?????|?????????parse??????????1??|????
');
} catch (err) {}
}
try {
return hljs.highlightAuto(str).value.replace(/n/g,'
');
} catch (err) {}
return '';
}
}
}))
.pipe(name(function(path){
path.extname = '.html';
}))
.pipe(replace(/
(.*)
/g,h2start+'$1'+h2end))
.pipe(replace(/([^
]*)/g,'???$1???'))
.pipe(replace(/
/g,'
/g,'

?????????????o?è????????è??css??????????????￡??????è§????é?￠juice????????¨???
??o?o?è???¤??2???????èˉ?????????amd??????????????¨è??è??gulp???????????????é???o??????afile?????°???è??è???????¤??o???gulp --file write-wx-article-tool???????°±??ˉ???è???ˉ??????????????§°??|???è????a?????°??ˉ??￥é??è??gulp.env.file?????°????°±??ˉ?????????è|??¤????????????????
?????¤??§è????????????°±??????????????ahtml??????????????aé??????????????????¤?????????1???????????¨?????????è????¨??-ctrl+v??3??ˉ???
??????

è???°±????????|?????????????|????????????′?¤??????3?3?????????¨??ˉ??￥è?a?·±?????????è??????ˉ??|???????èˉ?????????????è?a??¨????????1?????°?3??????aè′′?????-???è?a??¨????????????????????????é?μ???è?a??¨è????|???è????¨???è?a??¨??§è??ctrl+v?????¤???è??????°±????-￡????????????é??????o????????1????
??￥????°±??ˉè?a?????????????????·???é?????????·￥??·???èμ??????′???????????-??§??-è?￥????????3èμ???????è°￠è°￠?¤§????ˉ1???????????ˉ??????
                        
（编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!