Casual Markdown 页面生成器教程

最新推荐文章于 2024-09-03 08:23:31 发布

田桥桑Industrious

最新推荐文章于 2024-09-03 08:23:31 发布

阅读量273

点赞数 5

本文链接：https://blog.csdn.net/gitblog_00213/article/details/141842173

版权

Casual Markdown 页面生成器教程

casual-markdown-pageMarkdown as Web Page/Site项目地址:https://gitcode.com/gh_mirrors/ca/casual-markdown-page

项目介绍

Casual Markdown 是一个基于正则表达式的超轻量级 Markdown 解析器，支持目录（TOC）和滚动监听（scrollspy）功能。该项目源自 Powerpage Markdown Document 的简单 Markdown 解析器，具有以下特点：

简单且超轻量级（约190行代码）
纯 JavaScript，无依赖
支持所有浏览器（IE9+、Chrome、Firefox、Brave 等）
直观的编码风格，易于阅读
支持基本的 Markdown 语法
支持部分扩展语法
自动高亮代码块中的注释和关键字

项目快速启动

安装

首先，克隆项目仓库到本地：

git clone https://github.com/casualwriter/casual-markdown-page.git
cd casual-markdown-page

使用

在项目目录中，你可以找到 index.html 文件。直接在浏览器中打开该文件即可查看生成的 Markdown 页面。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Casual Markdown 页面</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div id="content"></div>
    <script src="casual-markdown.js"></script>
    <script>
        const markdownContent = `
# 标题

这是一个使用 Casual Markdown 生成的页面。

## 子标题

- 列表项1
- 列表项2
- 列表项3

\`\`\`javascript
console.log('Hello, World!');
\`\`\`
        `;
        document.getElementById('content').innerHTML = casualMarkdown.parse(markdownContent);
    </script>
</body>
</html>