HTML 访问本地 Markdown 文件

本文介绍如何在HTML页面中通过引入jQuery和markdown-it库,将本地Markdown文件转换并显示为HTML。借助一个简单的开源项目wxqee/markdown-html-example,你可以在访问http://localhost:8000/markdown.html?md=readme.md时,直接查看readme.md的内容。
摘要由CSDN通过智能技术生成

HTML 访问本地 Markdown 文件

目的 - 我们有一个满文件的 Markdown 文件,需要以HTML的方式展示。

方法 - 使用 HTML 静态文件,引入 jquery 以及 markdown-it 代码库,帮我们的 HTML 拥有处理能力。

假设 - 参考非常简单的开源项目 wxqee/markdown-html-example
1. 我们已经有个 readme.md
2. 我们已经启动了一个 HTTP 服务器在当前目录

创建一个 Markdown 转为 HTML 的网页

功能 当访问 http://localhost:8000/markdown.html?md=readme.md 的时候,你就直接能看到 HTML 展示出来的 readme.md 内容。

markdown.html

<!DOCTYPE html>
<html>
<
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值