markview.nvim

markview.nvim

Neovim 实时渲染高度可定制 Markdown 预览工具

markview.nvim 是为 Neovim 开发的 Markdown 预览插件,支持近乎完整的 Markdown 渲染,包括引用、复选框、标题等元素。该插件具有完全可定制的设置、实时渲染的混合模式和动态高亮分组功能,适配多种配色方案。插件需要 Neovim 0.10.0 或更高版本,可通过多种包管理器安装。markview.nvim 的高度可定制性为 Markdown 编辑提供了灵活的预览体验。

Markview.nvimNeovim插件Markdown预览实时渲染自定义配置Github开源项目

📜 Markview.nvim

一个实验性的 Neovim Markdown 预览插件。

<p align="center"> <a href="https://github.com/OXY2DEV/markview.nvim/wiki" style="font-size: 2rem;">Wiki 页面</a> </p>

混合模式展示 HTML 展示 截图 小截图

✨ 特性

Markview.nvim 拥有众多特性,例如:

  • 接近完整渲染的 Markdown 文档。目前支持的项目有:
    • 块引用(包括 callouts/alerts
    • 复选框(已选、未选和待定状态)
    • 标题(atx 标题和 setext 标题)
    • 水平分割线
    • HTML 支持(仅限简单标签,如 <u>下划线</u>
    • HTML 实体(支持 &<名称>;&<名称> 两种形式)
    • 行内代码
    • 链接(超链接、图片和电子邮件支持)
    • 列表项(有序和无序)
    • 表格
  • 完全可定制的设置!你可以根据需求自定义一切!
  • 支持实时渲染的"混合模式"!它甚至会取消隐藏光标下的节点。
  • 动态"高亮组",支持几乎所有配色方案!

未来还会有更多功能!

📦 要求

  • Neovim 版本:0.10.0 或更高。
  • Tree-sitter 解析器:
    • markdown
    • markdown_inline
    • html
  • Nerd 字体。

可选:

  • 支持 Tree-sitter 的配色方案。

🚀 安装

Markview 可以通过你喜欢的"包管理器"安装。

💤 Lazy.nvim

[!注意] 不建议延迟加载此插件,因为它默认就是这样做的。

对于 lazy.lua 用户:

{ "OXY2DEV/markview.nvim", lazy = false, -- 推荐 -- ft = "markdown" -- 如果你决定延迟加载 dependencies = { -- 如果你手动安装了解析器,就不需要这个 -- 或者如果解析器在你的 $RUNTIMEPATH 中 "nvim-treesitter/nvim-treesitter", "nvim-tree/nvim-web-devicons" } }

对于 plugins/markview.lua 用户:

return { "OXY2DEV/markview.nvim", lazy = false, -- 推荐 -- ft = "markdown" -- 如果你决定延迟加载 dependencies = { -- 如果你手动安装了解析器,就不需要这个 -- 或者如果解析器在你的 $RUNTIMEPATH 中 "nvim-treesitter/nvim-treesitter", "nvim-tree/nvim-web-devicons" } }

🦠 Mini.deps

local MiniDeps = require("mini.deps"); MiniDeps.add({ source = "OXY2DEV/markview.nvim", depends = { -- 如果你不延迟加载,可能不需要这个 -- 或者如果解析器在你的 $RUNTIMEPATH 中 "nvim-treesitter/nvim-treesitter", "nvim-tree/nvim-web-devicons" } })

🌒 Rocks.nvim

你可以通过运行以下命令安装插件:

:Rocks install markview.nvim

👾 Github 发布

你也可以下载其中一个发布版本

🛸 测试

如果你不介意使用稍微"不稳定"的插件版本,可以使用 dev 分支

🌇 命令

Markview 提供了一个命令。

:Markview

它有以下子命令:

  • toggleAll,切换插件状态。将所有已附加缓冲区的状态设置为插件状态。
  • enableAll,在所有已附加缓冲区中启用插件。如果插件已启用,将刷新装饰。
  • disableAll,在所有已附加缓冲区中禁用插件。如果插件已禁用,将尝试删除任何剩余的装饰。
  • toggle {buffer},切换指定缓冲区的状态。
  • enable {buffer},在特定缓冲区启用/刷新插件。
  • disable {buffer},在特定缓冲区禁用插件并清除装饰。

🚀 混合模式

混合模式是插件新增的功能。它可用于在输入时展示或编辑文件。

它使用 tree-sitter 从特定范围移除装饰。它会执行以下操作:

  • 移除光标当前所在块元素的所有装饰。
  • 移除父列表项的装饰,使编辑更加实用
  • 移除整个代码块的装饰,以防止丢失缩进。

以下是使用此功能的推荐配置:

require("markview").setup({ modes = { "n", "no", "c" }, -- 根据需要更改这些模式 hybrid_modes = { "n" }, -- 在普通模式下使用此功能 -- 这个设置很好 callbacks = { on_enable = function (_, win) vim.wo[win].conceallevel = 2; vim.wo[win].conecalcursor = "c"; end } })

以下是在插入模式下使用的最小配置:

require("markview").setup({ modes = { "n", "i", "no", "c" }, hybrid_modes = { "i" }, -- 这是一个不错的功能 callbacks = { on_enable = function (_, win) vim.wo[win].conceallevel = 2; vim.wo[win].concealcursor = "nc"; end } })

🧭 配置

你可以使用 setup() 函数来改变插件的外观。

local markview = require("markview"); local presets = require("markview.presets"); markview.setup({ headings = presets.headings.glow_labels }); vim.cmd("Markview enableAll");

这也可以在运行时使用。所以,你可以随时热切换配置!

现在就试着运行一下吧。


你可以通过两种方式配置插件,

📂 预设

预设是一种简单的方法来改变插件某些部分的外观。

目前有以下项目的预设,

  • 标题
  • 表格

你可以在wiki页面上找到更多关于预设的信息。

🎨 手动

创建这个插件的唯一目的是使其可定制

所以,你可以根据自己的需求改变一切。

下面给出一个简单的例子,

require("markview").setup({ headings = { enable = true, heading_1 = { style = "label", padding_left = " ", padding_right = " ", hl = "MarkviewHeading1" } } });

你可以查看wiki了解更多关于配置的信息。

你还可以查看Recipes获取一些简单的例子。

🌃 高亮组

为了使配置更简单,markview.nvim 默认带有以下高亮组。

📦 引用块

引用块默认使用以下高亮组,

  • MarkviewBlockQuoteDefault,也用于 Quote

各种标注/警告使用以下高亮组,

  • MarkviewBlockQuoteOk,用于 TipSuccess
  • MarkviewBlockQuoteWarn,用于 QuestionCustomWarning
  • MarkviewBlockQuoteError,用于 CautionBugDangerFailure
  • MarkviewBlockQuoteNote,用于 NoteTodoAbstract
  • MarkviewBlockQuoteSpecial,用于 ImportantExample

🎯 复选框

复选框使用这些高亮组,

  • MarkviewCheckboxChecked,来自 DiagnosticOk
  • MarkviewCheckboxUnChecked,来自 DiagnosticError
  • MarkviewCheckboxPending,来自 DiagnosticWarn

💻 代码块和内联代码

代码块使用以下高亮组,

  • MarkviewCode

内联代码使用以下高亮组,

  • MarkviewInlineCode

🔖 标题

标题使用以下高亮组,

  • MarkviewHeading1,来自 DiagnosticVirtualTextOk
  • MarkviewHeading2,来自 DiagnosticVirtualTextHint
  • MarkviewHeading3,来自 DiagnosticVirtualTextInfo
  • MarkviewHeading4,来自 Special
  • MarkviewHeading5,来自 DiagnosticVirtualTextWarn
  • MarkviewHeading6,来自 DiagnosticVirtualTextError

标记使用以下高亮组,

  • MarkviewHeading1Sign,来自 DiagnosticOk
  • MarkviewHeading2Sign,来自 DiagnosticHint
  • MarkviewHeading3Sign,来自 DiagnosticInfo
  • MarkviewHeading4Sign,来自 Special
  • MarkviewHeading5Sign,来自 DiagnosticWarn
  • MarkviewHeading6Sign,来自 DiagnosticError

📏 水平分割线

水平分割线使用以下高亮组作为渐变。

  • MarkviewGradient1,来自 Normal
  • MarkviewGradient2
  • MarkviewGradient3
  • MarkviewGradient4
  • MarkviewGradient5
  • MarkviewGradient6
  • MarkviewGradient7
  • MarkviewGradient8
  • MarkviewGradient9
  • MarkviewGradient10,来自 Cursor

🔗 链接

链接使用以下高亮组,

  • MarkviewHyperlink,来自 markdownLinkText
  • MarkviewImageLink,来自 markdownLinkText
  • MarkviewEmail,来自 @markup.link.url.markdown_inline

📝 列表项

列表项使用以下高亮组,

  • MarkviewListItemMinus,来自 DiagnosticWarn
  • MarkviewListItemPlus,来自 DiagnosticOk
  • MarkviewListItemStar,来自 @comment.note

📐 表格

表格使用以下高亮组作为边框,

  • MarkviewTableBorder,来自 Title

对于列对齐标记,使用这些高亮组,

  • MarkviewTableAlignLeft,来自 Title
  • MarkviewTableAlignRight,来自 Title
  • MarkviewTableAlignCenter,来自 Title

⭐ 插件展示

showcase_1

<sub><a href="https://github.com/scottmckendry">@scottmckendry</a> 提供</sub>

<!-- vim:nospell: -->

编辑推荐精选

QoderWork

QoderWork

阿里Qoder团队推出的桌面端AI智能体

QoderWork 是阿里推出的本地优先桌面 AI 智能体,适配 macOS14+/Windows10+,以自然语言交互实现文件管理、数据分析、AI 视觉生成、浏览器自动化等办公任务,自主拆解执行复杂工作流,数据本地运行零上传,技能市场可无限扩展,是高效的 Agentic 生产力办公助手。

音述AI

音述AI

全球首个AI音乐社区

音述AI是全球首个AI音乐社区,致力让每个人都能用音乐表达自我。音述AI提供零门槛AI创作工具,独创GETI法则帮助用户精准定义音乐风格,AI润色功能支持自动优化作品质感。音述AI支持交流讨论、二次创作与价值变现。针对中文用户的语言习惯与文化背景进行专门优化,支持国风融合、C-pop等本土音乐标签,让技术更好地承载人文表达。

lynote.ai

lynote.ai

一站式搞定所有学习需求

不再被海量信息淹没,开始真正理解知识。Lynote 可摘要 YouTube 视频、PDF、文章等内容。即时创建笔记,检测 AI 内容并下载资料,将您的学习效率提升 10 倍。

AniShort

AniShort

为AI短剧协作而生

专为AI短剧协作而生的AniShort正式发布,深度重构AI短剧全流程生产模式,整合创意策划、制作执行、实时协作、在线审片、资产复用等全链路功能,独创无限画布、双轨并行工业化工作流与Ani智能体助手,集成多款主流AI大模型,破解素材零散、版本混乱、沟通低效等行业痛点,助力3人团队效率提升800%,打造标准化、可追溯的AI短剧量产体系,是AI短剧团队协同创作、提升制作效率的核心工具。

seedancetwo2.0

seedancetwo2.0

能听懂你表达的视频模型

Seedance two是基于seedance2.0的中国大模型,支持图像、视频、音频、文本四种模态输入,表达方式更丰富,生成也更可控。

nano-banana纳米香蕉中文站

nano-banana纳米香蕉中文站

国内直接访问,限时3折

输入简单文字,生成想要的图片,纳米香蕉中文站基于 Google 模型的 AI 图片生成网站,支持文字生图、图生图。官网价格限时3折活动

扣子-AI办公

扣子-AI办公

职场AI,就用扣子

AI办公助手,复杂任务高效处理。办公效率低?扣子空间AI助手支持播客生成、PPT制作、网页开发及报告写作,覆盖科研、商业、舆情等领域的专家Agent 7x24小时响应,生活工作无缝切换,提升50%效率!

堆友

堆友

多风格AI绘画神器

堆友平台由阿里巴巴设计团队创建,作为一款AI驱动的设计工具,专为设计师提供一站式增长服务。功能覆盖海量3D素材、AI绘画、实时渲染以及专业抠图,显著提升设计品质和效率。平台不仅提供工具,还是一个促进创意交流和个人发展的空间,界面友好,适合所有级别的设计师和创意工作者。

图像生成AI工具AI反应堆AI工具箱AI绘画GOAI艺术字堆友相机AI图像热门
码上飞

码上飞

零代码AI应用开发平台

零代码AI应用开发平台,用户只需一句话简单描述需求,AI能自动生成小程序、APP或H5网页应用,无需编写代码。

Vora

Vora

免费创建高清无水印Sora视频

Vora是一个免费创建高清无水印Sora视频的AI工具

下拉加载更多