Markdown Canvas

Polar Sponsor
爱发电 赞助
.NET 9.0

将Markdown文件转换为美观的HTML页面,适用于Canvas或浏览器查看。用于用户请求渲染、可视化、显示或分享Markdown文件时。

标记下 Canvas 渲染器

功能概述

标记下 Canvas 渲染器是一项面向实际任务的技能,主要用于将标记下的文件转换成美丽的、可共享的 HTML 页面, 外部依赖性为零;@ 快速启动;

核心要点

  • 当用户想要制作标记下文件时。
  • 它将相关步骤、工具调用和结果整理方式集中到统一流程中,帮助使用者更快完成目标并减少重复操作。
  • 使用时应结合输入条件选择合适的执行方式,核对必要参数、依赖环境与输出内容,并按原始要求处理异常情况。

使用与执行

该技能适合需要稳定复用相关能力的场景,可作为自动化工作流的一部分,也便于后续检查、调整和扩展。从功能定位来看,该技能强调把分散的操作要求整理成清晰、可复用的处理流程,使用户能够围绕既定目标快速准备输入、选择执行方式并获得结构化结果。实际使用前应先确认任务范围、数据来源、运行环境、必要权限和关键参数,再依据技能说明逐步执行;

结果检查与注意事项

若输入条件不完整,应先补齐信息或采用保守配置,避免因错误假设导致结果偏离需求。执行过程中需要关注工具调用是否成功、接口或依赖是否可用、输出格式是否符合预期,并对异常提示、缺失字段和边界情况进行处理;涉及批量任务时,还应保存进度,避免中断后重复操作。

Markdown Canvas 渲染器

将 Markdown 文件转换为美观、可分享的 HTML 页面,无需任何外部依赖。

快速开始

当用户希望渲染一个 Markdown 文件时:

  1. 运行转换脚本:

    python3 scripts/convert.py 
    
  2. 在浏览器中打开(若无 Canvas 节点可用):

    open 
    
  3. 或推送至 Canvas(若已配对 Canvas 节点):

    canvas present file://
    

使用示例

基础转换

# 将 ai-landscape-2026.md 转换为 ai-landscape-2026.html
python3 scripts/convert.py ai-landscape-2026.md

自定义输出路径

python3 scripts/convert.py input.md -o /path/to/output.html

自定义页面标题

python3 scripts/convert.py notes.md -t "My Research Notes"

支持的 Markdown 特性

该转换器支持以下特性:

  • 标题(# 至 ######)
  • 加粗(**text** 或 __text__)
  • 斜体(*text* 或 _text_)
  • 代码块(language ... )
  • 行内代码(code)
  • 链接([text](url))
  • 列表(无序列表: - 、* 、+ )
  • 水平分割线(---、***、___)

设计哲学

Token 效率优先:模板预先构建完成;仅 Markdown 内容流经上下文窗口。

零依赖:纯 Python 实现 + 自包含 HTML 模板(含内联 CSS)。

渐进增强:支持离线运行,无需 CDN,即时渲染。

工作流程

  1. 用户发起 Markdown 渲染请求
  2. 在其文件上运行 scripts/convert.py
  3. 脚本读取 assets/template.html
  4. 脚本将 Markdown 转换为 HTML
  5. 脚本将生成的 HTML 注入模板
  6. 输出文件保存在源文件同目录下(或按自定义路径保存)
  7. 在浏览器中打开,或推送至 Canvas

Token 消耗分析

每次转换消耗:

  • 读取 SKILL.md:约 500 tokens(仅首次)
  • 执行脚本:约 100 tokens
  • 返回结果报告:约 50 tokens

总计:约 650 tokens,相较每次生成完整 HTML 所需的约 8000 tokens 显著降低。

输出位置

默认情况下,输出文件与输入文件位于同一目录:

  • notes.md → notes.html
  • /path/to/doc.md → /path/to/doc.html

使用 -o 参数可指定自定义输出路径。

相关专题

更多
canva可画使用技巧汇总
canva可画使用技巧汇总

本专题汇集了PHP中文网精心整理的Canva可画新手使用技巧大全,专为零基础用户打造。无论你是想制作精美海报、PPT还是社交媒体配图,这里都有从注册登录、模板搜索到AI辅助设计、导出分享的全流程保姆级教程。通过深入浅出的图文指南,帮助你快速跨越设计门槛,轻松掌握Canva可画的实用操作,让每个人都能成为设计达人!

2026.05.19

164

21

canva可画硬件门槛与适配设备指南
canva可画硬件门槛与适配设备指南

本专题聚焦Canva可画的硬件门槛与适配设备指南,全面解析网页版与App在不同终端上的运行要求。结合PHP中文网提供的专业技术教程,帮助用户精准排查设备卡顿、白屏等问题,快速判断电脑、平板及手机是否满足流畅使用Canva可画的各项硬性指标。

2026.05.19

74

11

canva可画新手使用指南
canva可画新手使用指南

本专题专为零基础用户打造,系统讲解Canva可画的核心功能与实用技巧。从注册登录、模板选择到图文编辑、导出分享,手把手带你快速上手。涵盖海报、PPT、简历等高频场景,结合AI工具提升效率,让你5分钟做出专业级设计,轻松应对学习、工作与社交需求。

2026.05.06

360

25

LLVM自定义Pass怎么写
LLVM自定义Pass怎么写

本专题聚焦LLVM自定义Pass开发,整理Pass类结构、run()方法、PreservedAnalyses、CMake构建、插件注册、-load-pass-plugin加载和测试用例编写流程。

2026.09.30

0

10

LLVM RISC-V参数配置教程
LLVM RISC-V参数配置教程

本专题介绍LLVM对RISC-V基础ISA和扩展的支持方式,涵盖RV32、RV64、标准扩展、实验性扩展、厂商扩展、-menable-experimental-extensions和版本差异。

2026.09.30

0

14

LLVM IR中间表示入门指南
LLVM IR中间表示入门指南

本专题整理LLVM IR的核心概念,包括中间表示作用、模块结构、函数、基本块、SSA形式、类型系统和常见语法,帮助新手理解LLVM编译流程中的关键层。

2026.09.30

0

12

PDF转图片方法
PDF转图片方法

需要把 PDF 页面用于上传、预览、分享或图片归档时,PDF 转图片方法专题整理 JPG/PNG 格式选择、逐页导出、清晰度设置、批量下载和结果检查等流程,帮助用户稳定完成 PDF 图片化处理。

2026.09.30

0

26

PixTV AI视频生成与无限画布创作
PixTV AI视频生成与无限画布创作

PixTV专题整理AI视频与视觉内容创作相关功能使用教程,涵盖AI生图、视频生成、无限画布、多模型创作、素材管理、声音音乐及视频剪辑等功能,帮助用户快速掌握PixTV从创意到成片的完整制作方法。

2026.09.29

0

15

Buffalo框架数据库开发全教程
Buffalo框架数据库开发全教程

本专题围绕Buffalo框架数据库开发,讲解database.yml多环境配置、soda与fizz迁移生成回滚、模型结构体标签、增删改查与条件查询、一对多与多对多关联、数据校验、回调钩子、事务处理及原生SQL执行能力。

2026.09.23

0

15

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Markdown标记语言快速入门
Markdown标记语言快速入门

共30课时 | 4.3万人学习

vscode常用插件与markdown语法介绍
vscode常用插件与markdown语法介绍

共10课时 | 1.5万人学习