支持通过浏览器看markdown的工具
支持通过浏览器看markdown的工具
目的
平时自己用typora编写看markdown很happy
但我想实现如下效果
- 支持没有安装typora的人通过浏览器看markdown
测试的工具
vitor (node, fail)
https://github.com/Vanessa219/vditor
使用步骤
- 安装 node LTS 版本
- 下载最新代码并解压
- 根目录运行
npm install
npm run start
启动本地服务器,打开 http://localhost:9000- 修改代码
npm run build
打包代码到 dist 目录
分析:
他是一款浏览器端的 Markdown 编辑器,支持所见即所得(富文本)、即时渲染(类似 Typora)和分屏预览模式,貌似不能直接作为markdown的阅读工具
markdown-server (python, fail)
使用步骤
pip install markdown-server
markdownserver
测试失败
jekyll-book (ruby, fail)
G:_codes\jekyll-book
使用步骤
失败
markserv (node, ok)
用法1:不支持UML
npm i -g markserv
markserv .
用法2:支持UML
git.exe clone "git@github.com:cutepig123/markserv.git"
npm install
npm run </path/to/your/md/folders>
gitbooks (据说不行了)
markdown-it + markdown-it-plantuml (node, 这只是一个渲染库)
使用步骤
npm install markdown-it --save
npm install markdown-it-plantuml --save
编写测试文件
var md = require('markdown-it')();
var result = md.render('# markdown-it rulezz!');
console.log(result);
运行
node x.js
python-markdown (python, 这只是一个渲染库)
https://python-markdown.github.io/
使用步骤
pip install markdown
OR pip install git+https://github.com/Python-Markdown/markdown.git
python -m markdown input_file.txt
markdown-server (node, 不够用)
git clone https://github.com/sbfkcel/markdown-server
他只是支持latex和yuml,不支持一般的markdown
一些流行的工具列表
下面是一些流行的工具列表,它们以 HTML、LaTeX 和 PDF 呈现 Markdown 或其他基于文本的格式。它绝不是详尽无遗的。
名称 | 输入 | HTML | 乳胶 | BibTeX 引文 | 识字编程 | |
---|---|---|---|---|---|---|
pandoc |
多种标记格式[1] | 是的 | 是的 | 是的 | 是的 | 不 |
sphinx |
重构文本,Markdown [2] | 是的 | 是的 | 是的 | 是[3] | 不 |
doxygen |
Markdown,自我记录的源代码 | 是的 | 是的 | 是的 | 是的 | 不 |
knitr [4] |
R降价 | 是的 | 是的 | 是的 | 是的 | R、Python 和 SQL |
bookdown [5] |
R降价 | 是的 | 是的 | 是的 | 是的 | R、C/C++、Python 和 SQL |
jekyll [6] |
Markdown、Liquid、HTML | 是的 | 不 | 不 | 不 | 不 |
scribble |
球拍、scrbl 文件 |
是的 | 是的 | 是的 | 是的 | 球拍 |
pollen |
花粉和花粉降价 | 是的 | 是的 | 是的 | 是的 | 球拍 |
Weave.jl [7] |
朱莉娅降价 | 是的 | 是的 | 是的 | 是的 | 朱莉娅 |
Jupyter 笔记本 | Jupyter 笔记本ipynb 文件 |
是的 | 是的 | 是的 | 是的 | 具有 Jupyter 内核的语言[8] |
脚注
- [1]
pandoc
支持多种 Markdown 变体,包括 CommonMark 和 GitHub Flavored Markdown,以及其他轻量级标记语言。
Test cases
UML example:
@startuml Bob -> Alice : hello @enduml
hello
world
text
用户 -> 认证中心: 登录操作
认证中心 -> 缓存: 存放(key=token+ip,value=token)token
用户 <- 认证中心 : 认证成功返回token
用户 -> 认证中心: 下次访问头部携带token认证
认证中心 <- 缓存: key=token+ip获取token
其他服务 <- 认证中心: 存在且校验成功则跳转到用户请求的其他服务
其他服务 -> 用户: 信息
@startuml
package “Some Group” { HTTP - [First Component] [Another Component] }
node “Other Groups” { FTP - [Second Component] [First Component] –> FTP }
cloud { [Example 1] }
database “MySql” { folder “This is my folder” { [Folder 3] } frame “Foo” { [Frame 4] } }
[Another Component] –> [Example 1] [Example 1] –> [Folder 3] [Folder 3] –> [Frame 4]
@enduml
@startsalt { Login | “MyName “ Password | “** “ [Cancel] | [ OK ] } @endsalt
- 上一篇 Rust is cpp best practices
- 下一篇 Cpp函数式编程