【无标题】

最新推荐文章于 2024-10-01 17:17:19 发布
最新推荐文章于 2024-10-01 17:17:19 发布
阅读量321 收藏
点赞数
文章标签： 前端 javascript npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46715876/article/details/125567578
版权

md文件转换为pdf

背景

我最近在复习，急需很多的md文件打印出来，但是勒，没有一个现成的网站或者插件可以供我使用，就临时写了一个仓库

当然这里只是简单介绍一个插件md-to-pdf,关于合并md文件的处理呢这里就不展开了，有兴趣可以查看完整仓库huahuahuahuahuahua/folderMd-to-pdf (github.com)

里面关于合并文件有简单的介绍

现在来看下插件的简单使用

 // scripts/mdtoPdf.js
 const fs = require('fs');
 //md-to-pdf插件
 const { mdToPdf } = require('md-to-pdf');
 const paths = require('./paths');
 
 /**
  * @msg:
  * @param {*} inputMdPath 输入的md文件绝对路径
  * @param {*} outputPdfPath 输出的pdf文件绝对路径
  * @return {*}
  * @Descripttion:md-to-pdf
  */
 async function mdtoPdf(inputMdPath,outputPdfPath) {
     const pdf = await mdToPdf({ path: inputMdPath }, {
         highlight_style: "monokai",//color-brewer
         body_class: ["dark", "content"],
         pdf_options: {
             format: "A4",
             margin: "10mm",
             printBackground: true
         },
         stylesheet_encoding: 'utf-8',
     }).catch(console.error);
     if (pdf) {
         fs.writeFileSync(outputPdfPath, pdf.content);
     }
 }
 //导出函数
 module.exports = {
     mdtoPdf
 }

 // index.js 调用函数
 const { mdtoPdf } = require('./scripts/mdtoPdf')
 // 输出汇总的md文件 
 //coder2gwy是程序员考公指南，简单借用下
 //test文件夹下的coder2gwy文件夹
 var outputMdPath = "./README.md"
 var outputPdfPath = outputMdPath.replace(".md", "1.pdf");
 mdtoPdf(outputMdPath, outputPdfPath)

这样就转换成功，有README.pdf文件啦

现在我们需要有样式，让转换出来的pdf变好看

这里以github.css作为模板就好了

放在config/gitlab.css即可

💡 gitlab.css

 :root {
     --side-bar-bg-color: #efefef;
     --control-text-color: #777;
     --primary-color: #393894;
     --primary-btn-border-color: #393894;
     --active-file-bg-color: #eaeaea;
     --active-file-text-color: inherit;
     --active-file-border-color: #393894;
     --item-hover-text-color: #393894;
 }
 
 @font-face {
     font-family: 'Hack';
     font-style: normal;
     font-weight: normal;
     src: local('Hack'), url('./gitlab/hack/hack-regular.woff') format('woff');
 }
 
 @font-face {
     font-family: 'Open Sans';
     font-style: normal;
     font-weight: normal;
     src: local('Open Sans Regular'), url('./gitlab/roboto/roboto-v20-latin-regular.woff') format('woff');
 }
 
 @font-face {
     font-family: 'Open Sans';
     font-style: italic;
     font-weight: normal;
     src: local('Open Sans Italic'), url('./gitlab/roboto-v20-latin-italic.woff') format('woff');
 }
 
 @font-face {
     font-family: 'Open Sans';
     font-style: normal;
     font-weight: bold;
     src: local('Open Sans Bold'), url('./gitlab/roboto/roboto-v20-latin-700.woff') format('woff');
 }
 
 @font-face {
     font-family: 'Open Sans';
     font-style: italic;
     font-weight: bold;
     src: local('Open Sans Bold Italic'), url('./gitlab/roboto-v20-latin-700italic.woff') format('woff');
 }
 
 html {
     font-size: .925rem;
 }
 
 body {
     background: none;
     font-family: "Open Sans", "Clear Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
     color: #2e2e2e;
     line-height: 1.6;
     height: 100%;
 }
 
 #write {
     max-width: 990px;
     margin: 0 auto;
     padding: 30px;
     padding-bottom: 100px;
     position: static;
     width: 100%;
 }
 
 #write>ul:first-child,
 #write>ol:first-child {
     margin-top: 30px;
 }
 
 a {
     color: #1b69b6;
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     position: relative;
     margin-top: 1rem;
     margin-bottom: 1rem;
     font-weight: bold;
     line-height: 1.4;
     cursor: text;
 }
 
 h1:hover a.anchor,
 h2:hover a.anchor,
 h3:hover a.anchor,
 h4:hover a.anchor,
 h5:hover a.anchor,
 h6:hover a.anchor {
     text-decoration: none;
 }
 
 h1 tt,
 h1 code {
     font-size: inherit;
 }
 
 h2 tt,
 h2 code {
     font-size: inherit;
 }
 
 h3 tt,
 h3 code {
     font-size: inherit;
 }
 
 h4 tt,
 h4 code {
     font-size: inherit;
 }
 
 h5 tt,
 h5 code {
     font-size: inherit;
 }
 
 h6 tt,
 h6 code {
     font-size: inherit;
 }
 
 h1 {
     padding-bottom: .3em;
     font-size: 2.25em;
     line-height: 1.2;
     border-bottom: 1px solid #eee;
 }
 
 h2 {
     padding-bottom: .3em;
     font-size: 1.75em;
     line-height: 1.225;
     border-bottom: 1px solid #eee;
 }
 
 h3 {
     font-size: 1.5em;
     line-height: 1.43;
 }
 
 h4 {
     font-size: 1.25em;
 }
 
 h5 {
     font-size: 1em;
 }
 
 h6 {
     font-size: 1em;
     color: #777;
 }
 
 p,
 blockquote,
 ul,
 ol,
 dl,
 table {
     margin: 0.8em 0;
 }
 
 ul li,
 ol li {
     line-height: 1.2;
 }
 
 li>ol,
 li>ul {
     margin: 0 0;
 }
 
 hr {
     height: 2px;
     padding: 0;
     margin: 16px 0;
     background-color: #e7e7e7;
     border: 0 none;
     overflow: hidden;
     box-sizing: content-box;
 }
 
 li p.first {
     display: inline-block;
 }
 
 ul,
 ol {
     padding-left: 30px;
 }
 
 ul:first-child,
 ol:first-child {
     margin-top: 0;
 }
 
 ul:last-child,
 ol:last-child {
     margin-bottom: 0;
 }
 
 blockquote {
     border-left: 4px solid #dfe2e5;
     font-family: 'Hack';
     font-size: 13px;
     padding: 0 15px;
     color: #707070;
 }
 
 blockquote blockquote {
     font-family: 'Hack';
     padding-right: 0;
 }
 
 table {
     font-size: .875rem;
     padding: 0;
     word-break: initial;
 }
 
 table tr {
     border-top: 1px solid #dfdfdf;
     margin: 0;
     padding: 0;
 }
 
 thead {
     background-color: #f8f8f8;
 }
 
 table tr th {
     font-weight: bold;
     border: 1px solid #dfdfdf;
     border-bottom: 0;
     border-bottom: solid 2px #ccc;
     margin: 0;
     padding: 10px 16px;
 }
 
 table tr td {
     border: 1px solid #dfe2e5;
     margin: 0;
     padding: 10px 16px;
 }
 
 table tr th:first-child,
 table tr td:first-child {
     margin-top: 0;
 }
 
 table tr th:last-child,
 table tr td:last-child {
     margin-bottom: 0;
 }
 
 .CodeMirror-lines {
     padding: 4px 0;
 }
 
 .code-tooltip {
     box-shadow: 0 1px 1px 0 rgba(0, 28, 36, .3);
     border-top: 1px solid #eef2f2;
 }
 
 .md-fences,
 /* code, */
 tt {
     border-radius: 3px;
     color: #b9bcba;
     padding: 0;
     font-size: 0.9em;
 }
 
 code {
     padding: 2px 4px;
     color: #c0341d;
     background-color: #fbe5e1;
     border-radius: 4px;
 }
 
 .md-fences {
     margin-bottom: 15px;
     margin-top: 15px;
     padding-top: 8px;
     padding-bottom: 6px;
 }
 
 .md-task-list-item>input {
     margin-left: -1.3em;
 }
 
 @media print {
     html {
         font-size: 13px;
     }
 
     table,
     pre {
         page-break-inside: avoid;
     }
 
     pre {
         word-wrap: break-word;
     }
 }
 
 .md-fences {
     background-color: #f8f8f8;
 }
 
 #write pre.md-meta-block {
     padding: 1rem;
     font-size: 85%;
     line-height: 1.45;
     background-color: #f7f7f7;
     border: 0;
     border-radius: 3px;
     color: #777777;
     margin-top: 0 !important;
 }
 
 .mathjax-block>.code-tooltip {
     bottom: .375rem;
 }
 
 .md-mathjax-midline {
     background: #fafafa;
 }
 
 #write>h3.md-focus:before {
     left: -1.5625rem;
     top: .375rem;
 }
 
 #write>h4.md-focus:before {
     left: -1.5625rem;
     top: .285714286rem;
 }
 
 #write>h5.md-focus:before {
     left: -1.5625rem;
     top: .285714286rem;
 }
 
 #write>h6.md-focus:before {
     left: -1.5625rem;
     top: .285714286rem;
 }
 
 .md-image>.md-meta {
     border-radius: 3px;
     padding: 2px 0px 0px 4px;
     font-size: 0.9em;
     color: inherit;
 }
 
 .md-tag {
     color: #a7a7a7;
     opacity: 1;
 }
 
 .md-toc {
     margin-top: 20px;
     padding-bottom: 20px;
 }
 
 .sidebar-tabs {
     border-bottom: none;
     font-weight: normal;
 }
 
 #typora-sidebar .sidebar-tabs {
     font-family: 'Open Sans' !important;
     border-bottom: 1px solid #dfdfdf;
     font-weight: bold;
 }
 
 #typora-sidebar .file-list-item-file-name {
     font-family: 'Open Sans';
     font-weight: bold;
 }
 
 #typora-sidebar .file-list-item-summary,
 #typora-sidebar .ty-search-item-line {
     font-family: 'Open Sans';
 }
 
 #typora-sidebar #outline-content .outline-h1>.outline-item {
     font-family: 'Open Sans';
 }
 
 #typora-sidebar .file-tree-node.file-library-file-node.active .file-node-background,
 #typora-sidebar .file-list-item.file-library-file-node.active {
     border-left: 4px solid #393894;
 }
 
 .file-library-node:not(.file-node-root):focus>.file-node-content {
     outline: none;
 }
 
 #typora-sidebar .file-list-item.file-library-file-node:hover {
     background: #f1f1f1;
 }
 
 #typora-sidebar .file-tree-node.file-library-file-node {
     padding: 0;
 }
 
 #typora-sidebar .file-tree-node.file-library-file-node.active .file-node-title {
     color: #2a2971;
 }
 
 #typora-sidebar .file-tree-node {
     border: 0;
     padding: 0;
     margin: 0;
     padding-left: 15px;
 }
 
 .file-node-icon {
     color: #707070;
     margin-right: 8px;
 }
 
 .active .file-node-icon {
     color: #2a2971;
 }
 
 .file-node-icon::before {
     background-image: url("data:image/svg+xml,%3Csvg version='1.1' fill='#707070' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M438.944,352c11.046,0,20-8.954,20-20V80c0-44.112-35.888-80-80-80H133.056c-44.112,0-80,35.888-80,80v352 c0,44.112,35.888,80,80,80h245.888c44.113,0,80-35.888,80.001-80c0-11.046-8.954-20-20-20c-11.046,0-20,8.954-20,20 c0,22.056-17.944,40-40,40H133.056c-22.056,0-40-17.944-40-40V80c0-22.056,17.944-40,40-40h245.889c22.056,0,40,17.944,40,40v252 C418.944,343.046,427.899,352,438.944,352z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M358.944,120h-206c-11.046,0-20,8.954-20,20s8.954,20,20,20h206c11.046,0,20-8.954,20-20S369.989,120,358.944,120z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M358.944,200h-206c-11.046,0-20,8.954-20,20s8.954,20,20,20h206c11.046,0,20-8.954,20-20S369.989,200,358.944,200z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M278.054,280H152.944c-11.046,0-20,8.954-20,20c0,11.046,8.954,20,20,20h125.112c11.046,0,19.999-8.954,19.999-20 C298.054,288.954,289.1,280,278.054,280z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
     content: '';
     display: inline-block;
     height: 20px;
     width: 20px;
 }
 
 #typora-sidebar .file-tree-node.file-library-file-node:hover .file-node-icon::before {
     background-image: url("data:image/svg+xml,%3Csvg version='1.1' fill='#2a2971' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M438.944,352c11.046,0,20-8.954,20-20V80c0-44.112-35.888-80-80-80H133.056c-44.112,0-80,35.888-80,80v352 c0,44.112,35.888,80,80,80h245.888c44.113,0,80-35.888,80.001-80c0-11.046-8.954-20-20-20c-11.046,0-20,8.954-20,20 c0,22.056-17.944,40-40,40H133.056c-22.056,0-40-17.944-40-40V80c0-22.056,17.944-40,40-40h245.889c22.056,0,40,17.944,40,40v252 C418.944,343.046,427.899,352,438.944,352z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M358.944,120h-206c-11.046,0-20,8.954-20,20s8.954,20,20,20h206c11.046,0,20-8.954,20-20S369.989,120,358.944,120z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M358.944,200h-206c-11.046,0-20,8.954-20,20s8.954,20,20,20h206c11.046,0,20-8.954,20-20S369.989,200,358.944,200z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M278.054,280H152.944c-11.046,0-20,8.954-20,20c0,11.046,8.954,20,20,20h125.112c11.046,0,19.999-8.954,19.999-20 C298.054,288.954,289.1,280,278.054,280z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
     content: '';
     display: inline-block;
     height: 20px;
     width: 20px;
 }
 
 #typora-sidebar .file-tree-node.file-library-file-node.active:hover .file-node-icon::before {
     background-image: url("data:image/svg+xml,%3Csvg version='1.1' fill='#2a2971' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M352.459,220c0-11.046-8.954-20-20-20h-206c-11.046,0-20,8.954-20,20s8.954,20,20,20h206 C343.505,240,352.459,231.046,352.459,220z'/%3E%3Cpath d='M126.459,280c-11.046,0-20,8.954-20,20c0,11.046,8.954,20,20,20H251.57c11.046,0,20-8.954,20-20c0-11.046-8.954-20-20-20 H126.459z'/%3E%3Cpath d='M173.459,472H106.57c-22.056,0-40-17.944-40-40V80c0-22.056,17.944-40,40-40h245.889c22.056,0,40,17.944,40,40v123 c0,11.046,8.954,20,20,20c11.046,0,20-8.954,20-20V80c0-44.112-35.888-80-80-80H106.57c-44.112,0-80,35.888-80,80v352 c0,44.112,35.888,80,80,80h66.889c11.046,0,20-8.954,20-20C193.459,480.954,184.505,472,173.459,472z'/%3E%3Cpath d='M467.884,289.572c-23.394-23.394-61.458-23.395-84.837-0.016l-109.803,109.56c-2.332,2.327-4.052,5.193-5.01,8.345 l-23.913,78.725c-2.12,6.98-0.273,14.559,4.821,19.78c3.816,3.911,9,6.034,14.317,6.034c1.779,0,3.575-0.238,5.338-0.727 l80.725-22.361c3.322-0.92,6.35-2.683,8.79-5.119l109.573-109.367C491.279,351.032,491.279,312.968,467.884,289.572z M333.776,451.768l-40.612,11.25l11.885-39.129l74.089-73.925l28.29,28.29L333.776,451.768z M439.615,346.13l-3.875,3.867 l-28.285-28.285l3.862-3.854c7.798-7.798,20.486-7.798,28.284,0C447.399,325.656,447.399,338.344,439.615,346.13z'/%3E%3Cpath d='M332.459,120h-206c-11.046,0-20,8.954-20,20s8.954,20,20,20h206c11.046,0,20-8.954,20-20S343.505,120,332.459,120z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
     content: '';
     display: inline-block;
     height: 20px;
     width: 20px;
 }
 
 .active .file-node-icon::before {
     background-image: url("data:image/svg+xml,%3Csvg version='1.1' fill='#2a2971' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M352.459,220c0-11.046-8.954-20-20-20h-206c-11.046,0-20,8.954-20,20s8.954,20,20,20h206 C343.505,240,352.459,231.046,352.459,220z'/%3E%3Cpath d='M126.459,280c-11.046,0-20,8.954-20,20c0,11.046,8.954,20,20,20H251.57c11.046,0,20-8.954,20-20c0-11.046-8.954-20-20-20 H126.459z'/%3E%3Cpath d='M173.459,472H106.57c-22.056,0-40-17.944-40-40V80c0-22.056,17.944-40,40-40h245.889c22.056,0,40,17.944,40,40v123 c0,11.046,8.954,20,20,20c11.046,0,20-8.954,20-20V80c0-44.112-35.888-80-80-80H106.57c-44.112,0-80,35.888-80,80v352 c0,44.112,35.888,80,80,80h66.889c11.046,0,20-8.954,20-20C193.459,480.954,184.505,472,173.459,472z'/%3E%3Cpath d='M467.884,289.572c-23.394-23.394-61.458-23.395-84.837-0.016l-109.803,109.56c-2.332,2.327-4.052,5.193-5.01,8.345 l-23.913,78.725c-2.12,6.98-0.273,14.559,4.821,19.78c3.816,3.911,9,6.034,14.317,6.034c1.779,0,3.575-0.238,5.338-0.727 l80.725-22.361c3.322-0.92,6.35-2.683,8.79-5.119l109.573-109.367C491.279,351.032,491.279,312.968,467.884,289.572z M333.776,451.768l-40.612,11.25l11.885-39.129l74.089-73.925l28.29,28.29L333.776,451.768z M439.615,346.13l-3.875,3.867 l-28.285-28.285l3.862-3.854c7.798-7.798,20.486-7.798,28.284,0C447.399,325.656,447.399,338.344,439.615,346.13z'/%3E%3Cpath d='M332.459,120h-206c-11.046,0-20,8.954-20,20s8.954,20,20,20h206c11.046,0,20-8.954,20-20S343.505,120,332.459,120z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
     content: '';
     display: inline-block;
     height: 20px;
     width: 20px;
 }
 
 .file-library-node.file-tree-node {
     padding: 0;
     margin: 0;
 }
 
 .file-node-background {
     padding: 25px 10px;
     padding: 18px 10px 18px 0;
 }
 
 .file-node-content {
     padding: 15px 5px;
     padding: 8px 8px 8px 0;
 }
 
 .file-node-content:hover {
     cursor: pointer;
 }
 
 .active .file-node-content {
     font-weight: bold;
 }
 
 #typora-quick-open {
     border: 1px solid #ddd;
     background-color: #f8f8f8;
 }
 
 #typora-quick-open-item {
     background-color: #FAFAFA;
     border-color: #FEFEFE #e5e5e5 #e5e5e5 #eee;
     border-style: solid;
     border-width: 1px;
 }
 
 /** focus mode */
 .on-focus-mode blockquote {
     border-left-color: rgba(85, 85, 85, 0.12);
 }
 
 header,
 .context-menu,
 .megamenu-content,
 footer {
     font-family: "Open Sans", "Arial", sans-serif;
 }
 
 .megamenu-opened header {
     background-image: none;
 }
 
 #typora-sidebar #ty-sidebar-footer {
     background-color: #f9f9f9 !important;
     border-top: 1px solid #dfdfdf;
 }
 
 .megamenu-menu-header {
     border-bottom: 1px solid #16161a;
 }
 
 .megamenu-menu-list li:not(.saved) a:not(.active):hover,
 .megamenu-menu-list li a.active {
     background: #101010 !important;
 }
 
 .file-node-content:hover .file-node-icon,
 .file-node-content:hover .file-node-open-state {
     visibility: visible;
 }
 
 .mac-seamless-mode #typora-sidebar {
     background-color: #f9f9f9;
     font-weight: 100;
 }
 
 .md-lang {
     color: #b4654d;
 }
 
 .html-for-mac .context-menu {
     --item-hover-bg-color: #E6F0FE;
 }
 
 #md-notification .btn {
     border: 0;
 }
 
 .dropdown-menu .divider {
     border-color: #e5e5e5;
 }
 
 .ty-preferences .window-content {
     background-color: #fafafa;
 }
 
 .ty-preferences .nav-group-item.active {
     color: white;
     background: #999;
 }
 
 /* CodeMirror Dracula theme */
 .cm-s-inner {
     border: 1px solid var(--accent-color) !important;
     border-radius: .25rem;
     font-family: 'Hack';
 }
 
 .cm-s-inner.CodeMirror,
 .cm-s-inner .CodeMirror-gutters {
     background-color: #212425 !important;
     color: #f8f8f2 !important;
     border: none;
 }
 
 .CodeMirror {
     height: 300px;
     height: auto;
 }
 
 .CodeMirror-lines {
     padding: 4px 0;
     /* Vertical padding around content */
 }
 
 .CodeMirror div.CodeMirror-cursor {
     border-left: 1px solid green;
     z-index: 3;
 }
 
 .cm-s-inner .CodeMirror-gutters {
     background-color: #0d0e0f !important;
     border-right: 1px solid #444;
     border-radius: 4px;
     width: 5ch;
     color: #5c5d5c !important;
     height: 100%;
     white-space: nowrap;
 }
 
 .cm-s-inner .CodeMirror-cursor {
     border-left: solid rgb(96, 255, 96) !important;
 }
 
 .cm-s-inner .CodeMirror-linenumber {
     color: #5c5d5c;
     font-weight: bold;
     width: 4ch !important;
 }
 
 .cm-s-inner .CodeMirror-line::selection,
 .cm-s-inner .CodeMirror-line::-moz-selection,
 .cm-s-inner .CodeMirror-line>span::selection,
 .cm-s-inner .CodeMirror-line>span::-moz-selection,
 .cm-s-inner .CodeMirror-line>span>span::selection,
 .cm-s-inner .CodeMirror-line>span>span::-moz-selection {
     background: rgba(255, 255, 255, 0.1);
 }
 
 .cm-s-inner span.cm-comment {
     color: #969896;
 }
 
 .cm-s-inner span.cm-string,
 .cm-s-inner span.cm-string-2 {
     color: #e4eb9b;
 }
 
 .cm-s-inner span.cm-number {
     color: #c7b2e4;
 }
 
 .cm-s-inner span.cm-variable,
 .cm-s-inner span.cm-variable-2 {
     /* color: #50fa7b; */
     /* color: #a8b151; */
     color: #81a2be;
 }
 
 .cm-s-inner span.cm-def {
     color: white;
 }
 
 .cm-s-inner span.cm-operator {
     color: #ff79c6;
 }
 
 .cm-s-inner span.cm-keyword {
     color: #e79ac6;
     color: #b294bb;
 }
 
 .cm-s-inner span.cm-atom {
     color: #bd93f9;
 }
 
 .cm-s-inner span.cm-meta {
     color: #f8f8f2;
 }
 
 .cm-s-inner span.cm-tag {
     color: #8abeb7;
 }
 
 .cm-s-inner span.cm-attribute {
     color: #91eba7;
 }
 
 .cm-s-inner span.cm-qualifier {
     color: #82ee9d;
 }
 
 .cm-s-inner span.cm-property {
     /* color: #66d9ef; */
     color: #7091b1;
     color: #81a2be;
 }
 
 .cm-s-inner span.cm-builtin {
     color: #8ffaaa;
 }
 
 .cm-s-inner span.cm-variable-3,
 .cm-s-inner span.cm-type {
     color: #f1c290;
 }
 
 .md-fences.md-focus .cm-s-inner .CodeMirror-activeline-background {
     background: rgba(255, 255, 255, 0.1);
 }
 
 .cm-s-inner .CodeMirror-matchingbracket {
     text-decoration: underline;
     color: white !important;
 }
 
 .cm-s-inner .CodeMirror-selected,
 .cm-s-inner .CodeMirror-selectedtext {
     background: #3b4254 !important;
     color: inherit;
     text-shadow: none;
 }
 
 #write>p:first-child:empty {
     position: static;
 }
 
 #write>p:first-child:not(:only-child)::before,
 #write>p:only-child::before {
     content: '';
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: url("gitlab/logo.png") no-repeat 45% 90% transparent;
     background-size: cover;
     opacity: 0;
     height: 100%;
     max-width: 100%;
     width: 100%;
 }
 
 #write>p:only-child:empty::before {
     opacity: 1;
 }

github.css添加到mdtoPdf.js

 // scripts/mdtoPdf.js
 const fs = require('fs');
 //md-to-pdf插件
 const { mdToPdf } = require('md-to-pdf');
 const paths = require('./paths');
 +  const config = path.resolve(process.cwd(), "\script");
 /**
  * @msg:
  * @param {*} inputMdPath 输入的md文件绝对路径
  * @param {*} outputPdfPath 输出的pdf文件绝对路径
  * @return {*}
  * @Descripttion:md-to-pdf
  */
 async function mdtoPdf(inputMdPath,outputPdfPath) {
     const pdf = await mdToPdf({ path: inputMdPath }, {
         highlight_style: "monokai",//color-brewer
         body_class: ["dark", "content"],
         pdf_options: {
             format: "A4",
             margin: "10mm",
             printBackground: true
         },
         stylesheet_encoding: 'utf-8',
 +        stylesheet: `${paths.config}\gitlab.css`,
     }).catch(console.error);
     if (pdf) {
         fs.writeFileSync(outputPdfPath, pdf.content);
     }
 }
 //导出函数
 module.exports = {
     mdtoPdf
 }

更多样式可以看下typora官网上的样式，地址：Themes Gallery — Typora (typoraio.cn)

这样一个简单的md-to-pdf就做好了

huahuahuahuahuahua1
关注
.md（简书文档）文件如何转换为word或者pdf文件（格式好看）
01-16
将简书文档转换为word或者pdf，需要的插件，亲身试验感觉很不错
c#实现无标题栏窗口的拖动
09-05
本篇文章将详细讲解如何在C#中实现这种无标题栏窗口的拖动以及其他基本操作。 首先，为了实现无标题栏窗口的拖动，我们需要处理窗体的鼠标事件。窗体的`FormBorderStyle`属性应设置为`None`，这会去除窗体的边框和...
md格式的文档转化成pdf格式
yinghuochong124的博客
11-25 3127
1 打开使用chrome浏览器 2 下载这个插件 Markdown Preview Plus 3 在扩展程序中设置允许访问文件地址 4 然后将md文件拖到浏览器中预览，然后右击打印，然后选中保存为pdf就可以了
Windows 如何打开 .md 文件
qq_52600949的博客
05-08 2837
5、右键->打印->打印，选择路径，自定义文件名还可以保存为PDF文件。1、打开 Windows 自带的浏览器 Microsoft Edge。4、再用Microsoft Edge浏览器打开.md文件即可。2、进入商店，安装Markdown Viewer插件。3、管理插件勾选允许访问文件URL。
前端将md文件转成pdf
sinat_36825828的博客
05-06 706
最近做了一个功能，将md文档转成pdf发送给客户。偶有心得总结如下：
将md(markdown)文件导出成PDF的简单办法
疯狂的鸡窝
10-10 2万+
由于工作需要需要吧md文件导出成PDF文件,通过查询找到了一个简单的办法,这里记录一下. 找一个在线md编辑器,用于生成md的预览格式,如:使用csdn就行. 使用chrome的开发者工具查看网页源码,找到文章主题部分的代码: copyOutHTML ,将其复制到一个html的文件中. 使用chrome打开此文件,之后ctrl+p进入到打印模式,将其保存为PDF. ...
Qt无标题窗口
05-21
在本文中，我们将深入探讨如何使用Qt框架创建一个无标题窗口，这在界面设计和自定义标题栏美化中非常有用。我们将关注`framelesswidget.cpp`、`main.cpp`、`framelesswidget.h`等核心文件，理解它们在实现无标题窗口...
C#创建无标题栏窗体
03-16
摘要:C#源码,菜单窗体,无标题栏窗体　C#创建无标题栏窗体源码，实际上是动态显示或隐藏窗体的标题栏，当隐藏的时候就类似窗体没有了标题栏，当显示标题栏的时候，鼠标按住标题栏即可拖动窗体，以前记得网友需要此...
Delphi实现拖动按钮移动无标题栏窗口
05-11
摘要:Delphi源码,界面编程,窗体拖动,无标题栏 无标题栏的窗体的拖动功能实现，Delphi添加一个可拖动窗体的按钮，通过对此按钮的控制可移动窗体，实现按住标题栏移动窗口的功能，无标题栏也就不能显示最大化、最小化...
VC去掉'无标题'字样的方法.zip
11-21
在使用Visual C++进行编程时，我们经常会在创建新的窗口或者对话框时默认看到标题栏显示为“无标题”。这可能会对用户界面的美观性和专业性造成一定的影响。本资料包提供了一种方法来帮助开发者去掉这个“无标题”...
如何优雅地将Markdon格式文件md转为pdf？（使用typora）
西北种田文的博客
11-23 1万+
一、将md转为pdf格式优点 更为方便地查看文档。md格式文件需要特定的软件才能打开，不便于用 wps、word这些软件直接打开，若转为pdf，则方便很多。 便于打印。虽然在电脑上看文档很便捷，但也有其缺点，比如：做笔记不方便、翻页查找麻烦、与资料互动感弱，本人比较喜欢将重要资料打印出来，然后用笔勾画做笔记，那种手与纸张的触摸感是电脑、平板等电子设备无法替代的。So，我认为电子设备不可能取代传统...
有道云笔记将Markdown编辑的.md文件保存为pdf
夏诗鸢的博客
10-24 3661
1、打开有道云笔记客户端，新建一个Markdown.md文件，点击右侧的分享按钮，复制链接。 2、在chrome浏览器中打开此链接。 3、点击打印按钮 4、点击保存按钮保存为pdf文件   参考文档：https://blog.csdn.net/AndyNikolas/article/details/79450109...
md转pdf的方法
uglynakedman的博客
10-08 8320
md文件转pdf方法
手把手教你把 md 文件（markdown）转换为 docx 或者 pdf
热门推荐
读万卷书，行万里路
04-06 3万+
1 背景 因为工作的关系，需要把某些技术内容向其他开发人员做介绍，由于之前用惯了 markdown 写文档，但 md 文件不方便直接做演示，所以就必须转为其他的格式。 2 步骤 1、下载 Pandoc 安装文件，根据使用操作系统，选择相应的安装文件（官网下载地址），这里以 windows 操作系统为例（xxx.msi）。 如果官网下载不了，也可以通过 CSDN 的资源库直接下载。 2...
如何将md文件完美转化为 PDF？
qq_42566199的博客
12-02 1万+
今天在网上搜kali相关教程时，无意中找到一本很好的教程，但是它是以*.md的文件形式放在github上，我试了将原文件zip下载到本地，但没找到很好的能将.md文件转成PDF文件的软件(有的只能转文字部分，里面嵌的图片转不了)，看到知乎上有篇 如何把 Markdown 文件转化为 PDF？照着做，成功的转成了PDF，但因为md是在Github上打开的，页面上有些github的元素也就一起转到PDF里了: 想去掉github相关元素而只保留md文件内容怎么办呢？ 在浏览器上打开检查元素模式(chrome
将markdown文件转换为pdf
weixin_33739541的博客
11-29 974
最近在用markdown写技术随笔，感觉很好，可有时候需要吧markdown文件转换为pdf，在网上查了查，这个可以用pandoc来实现， 可感觉太麻烦，还要安装pdflatex：  由于之前用过chrome将网页输出为pdf文件的功能，我想先让markdown文件转换为html，再借助chrome来转换成pdf文件，这里记录下，也方便我以后查阅。 一、安装MarkdownPad 网址：...
markdown转pdf
gcaxuxi的博客
09-01 2万+
md文件转pdf现在markdown越来越成为IT行业的里面的主流，而不准备在code上多花功夫的我，自然希望借助其来多写点有用的文档。最近在学李沐大神的mxnet的框架时，作为学习资料，clone下来的都是md文件。在遇到打印的时候，发现各个md阅读器转换的编排方式大不相同（例如我用markdownpad转pdf的效果很不好，字体小很多）。所以希望能找一种通用的方式来解决转换的问题：这里提供两种方
前端的全栈混合之路Meteor篇：3.0新版本介绍
最新发布
分享有趣的、贴近生活的CS知识
10-01 1096
Meteor全栈框架3.0版本终于稳定下来了，它的效果约等于webpack+vue+express+socket.io+mongodb+npm+uniapp，学一个搞定全套，值得学习了解下，最后找到适合于自己的技术栈。
设置无标题 android
05-02
在Android应用中，设置无标题是一种简洁和美观的设计方式，可以为用户提供更流畅的使用体验。以下是一些实现设置无标题的方法： 1. 在Android的Manifest文件中，找到对应Activity的标签，并添加”android:theme="@...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值