支持通过浏览器看markdown的工具

支持通过浏览器看markdown的工具

目的

平时自己用typora编写看markdown很happy

但我想实现如下效果

测试的工具

vitor (node, fail)

https://github.com/Vanessa219/vditor

使用步骤

  1. 安装 node LTS 版本
  2. 下载最新代码并解压
  3. 根目录运行 npm install
  4. npm run start 启动本地服务器,打开 http://localhost:9000
  5. 修改代码
  6. npm run build 打包代码到 dist 目录

分析:

他是一款浏览器端的 Markdown 编辑器,支持所见即所得(富文本)、即时渲染(类似 Typora)和分屏预览模式,貌似不能直接作为markdown的阅读工具

markdown-server (python, fail)

使用步骤

pip install markdown-server
markdownserver

测试失败

image-20210618232749971

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 乳胶 PDF 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]

脚注

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

Powered by Jekyll and Theme by solid

本站总访问量