编辑器插件 活跃维护

markwhen

mark-when/markwhen

从类似 Markdown 的文本创建层叠时间轴。支持简单的美式/欧式日期样式、ISO8601、图片、链接、地点等。

4882
Stars 标星
160
Forks 分支
34
Watchers 关注
92
Open Issues
HTML
主要语言
MIT
开源协议
2.3 MB
仓库大小
2 年前
最后推送
一键安装扩展 / 插件指令
dsh plugin --profile web add github:mark-when/markwhen
git clone https://github.com/mark-when/markwhen.git
git clone git@github.com:mark-when/markwhen.git
README.md main

机器翻译正文由机器翻译自项目原始文档(英文),排版经程序统一处理,可能存在偏差,请以原项目仓库为准。

Markwhen 仍然活跃且运作良好,只是没有在这个仓库中。

Markwhen 的组件已被拆分,并存在于 mark-when 组织下的其他仓库中。

网页应用程序(编辑器)是唯一不是开源的东西。其他所有东西(包括时间轴本身和 VS Code 扩展)都是开源的——请查看下面的链接和仓库图示。

Markwhen

Markwhen 是一个交互式文本到时间轴工具。编写 Markdown 风格的文本,它会被转换成漂亮的级联时间轴。

在 这里 使用编辑器。

这个仓库是用于视图容器,而不是编辑器。编辑器 (markwhen.com) 和 VSCode 扩展 是建立在视图容器之上的。

视图容器渲染不同的视图,比如时间轴和日历。使用 view client library 可以创建自己的视图。

链接
编辑 https://markwhen.com
VSCode 扩展 https://marketplace.visualstudio.com/items?itemName=Markwhen.markwhen
文档 https://docs.markwhen.com
博客 https://blog.markwhen.com
解析器 https://github.com/mark-when/parser
时间轴视图 https://github.com/mark-when/timeline
日历视图 https://github.com/mark-when/calendar
简历视图 https://github.com/mark-when/resume
视图客户端库(用于创建自己的视图) https://github.com/mark-when/view-client
Vue 视图模板 https://github.com/mark-when/vue-view-template


获取更新

如果您希望随时了解 markwhen 功能开发的最新进展,请在此 填写您的电子邮件。


VSCode 扩展

在此处获取 VSCode 扩展 here。

要在文本编辑器和时间轴视图之间切换,请从命令面板中选择 View: Reopen editor with... 并选择 Text Editor 。


自托管视图

⚠️ 请注意,如果您打算在本地运行 markwhen,您可能也希望在本地托管视图 ⚠️

默认视图托管于 https://timeline.markwhen.com。您可能希望运行您自己的本地实例 timeline(或其他视图)并相应更新 useViewProviders :

/* src/Views/useViewProviders.ts */
...

export const useTimelineExternalProvider = () => ({
  id: "markwhen.timeline",
  name: "Timeline",
- url: "https://timeline.markwhen.com",
+ url: "http://localhost:5173"
...
})

快速开始

查看容器:

> git clone git@github.com:mark-when/markwhen.git
> cd markwhen
> npm i
> npm run dev

(可选)在本地运行时间线视图:

> git clone git@github.com:mark-when/timeline.git
> cd timeline
> npm i
> npm run dev

(可选) 更新 useViewProviders:

/* src/Views/useViewProviders.ts */
...

export const useTimelineExternalProvider = () => ({
  id: "markwhen.timeline",
  name: "Timeline",
- url: "https://timeline.markwhen.com",
+ url: "http://localhost:5173"
...
})

渲染器渲染传递给 markwhenStore 的内容。

要在时间轴视图中启用编辑,请将 editorOrchestrator.editable 设置为 true :

const editable = ref(true);

Docker化

> git clone git@github.com:mark-when/markwhen.git
> cd markwhen
> docker build -t markwhen .
> docker run -p8080:8080 markwhen

这应该从 Dockerfile 构建一个 development markwhen 镜像,并在端口 8080 上运行它。一旦运行,它应该可以在 http://localhost:8080 访问。

文档

文档位于这里。

本站来源与版权声明
  • 本文标题:markwhen - 从类似 Markdown 的文本创建层叠时间轴
  • 本文链接:https://www.cn121.com/edplugin/mark-when-markwhen.html
  • 原项目:mark-when/markwhen 版权归原作者 mark-when 及贡献者所有
  • 收录信息:本站于 2026-11-13 收录本项目,本页所列协议与仓库指标均为收录当时的状态;该日期之后原项目的版本更新与协议变更,本页不作同步。
  • 开源协议:收录时本项目采用 MIT(查看 LICENSE 原文),本站译文为其衍生内容;使用、修改、分发请以该仓库 LICENSE 原文为准。
  • 站点出处:本文首发于 OneTwoOne,收录自 GitHub 开源项目 mark-when/markwhen。
  • 翻译说明:本页正文为人工智能生成内容——由机器翻译对原项目 README 初译、经程序校验排版,可能存在错漏,请以原项目文档为准。
  • 引用声明:商业转载、第三方聚合或 AI 检索训练引用时,请务必保留以上来源出处、本文永久链接,以及原项目的版权声明与许可信息。
  • 下架通道:若原项目此后变更或收紧了许可协议、或作者/权利人认为本站的收录方式(译文、排版适配、简介翻译等)超出其授权范围,请通过 xyd3302001@163.com 发送下架通知,并附上项目地址与本页链接。本站核实后将第一时间删除本页内容,或改为不复制原文的目录性收录;署名更正等其他要求可一并提出。