Skip to content

Markdown文章的CSS样式,支持Katex数学公式显示

Notifications You must be signed in to change notification settings

LiPtP0000/markdown-css-with-katex

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

markdown-css

用作博客 Markdown 文章的 CSS 样式

示例

可以运行 /example 文件夹中的示例程序

效果

资源

/dist 目录的 markdown.css 为该项目主要资源。

使用

  1. reset.css 初始化CSS文件里的内容合并到自己的初始化CSS文件中

  2. 在需要的地方引入 markdown.css 资源

    <link rel="stylesheet" href="/public/css/markdown.css">
  3. markdown 内容设置 id 属性 markdown

    <div id="markdown"></div>

扩展

案例 /example 中使用了 highlight.js 库完成代码高亮,具体可以参考 highlight.js 语法高亮

数学公式使用 Katex ,示例中使用 @vscode/markdown-it-katex 插件引入。

About

Markdown文章的CSS样式,支持Katex数学公式显示

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 63.1%
  • JavaScript 28.1%
  • HTML 8.8%