MarkdownPage
静态HTML页面动态加载Markdown
简述
- github page 是个好东西，用来部署文档非常方便
- github page部署的方式很多，如：staticWeb,Jekyll等
- 但看来看去，staticWeb直接加载markdown文档并不是个好办法
- 用Jekyll只是展示个markdown文档有点大材小用了
- 如何让文档以静态网页的方式显示，兼顾简单、美观、加载速度快（毕竟国内访问github page的速度太慢了）
为解决上述问题markdown-load-page应运而生，其页面加载完后跳转仅加载markdown文档，避免反复加载html,js,css等，页面又卡又慢，连加载动画都没有
markdown-load-page 大部分依赖都用的cdn方式引入，让页面第一次加载更快更流畅
基础用法：
/** 初始化npm项目*/ npm init -y /**安装markdown-load-page */ npm install markdown-load-page创建文件夹/doc将文档放到里面
注：所有markdown文件都应该被README.md直接或间接索引
/** 运行mlp(markdown-load-page缩写)复制相关文件到dist文件夹*/ npx mlp将dist文件夹丢入静态文件服务器就可以访问了
示例效果：我的前端学习笔记
通过workflow部署到github page的配置模板在这儿
有bug欢迎issue或pr