手把手教你搭建自己的微信编辑器

项目介绍

Markdown 文档自动渲染为微信图文,不再为微信文章排版而发愁!只要你会基本的 Markdown 语法,就能做出一篇样式简洁而又美观大方的微信图文。

功能特性

  • 支持 Markdown 所有基础语法、数学公式
  • 提供对 Mermaid 图表的渲染和 GFM 警告块的支持
  • 丰富的代码块高亮主题,提升代码可读性
  • 允许自定义主题色和 CSS 样式,灵活定制展示效果
  • 提供多图上传功能,并可自定义配置图床
  • 便捷的文件导入、导出功能,提升工作效率
  • 内置本地文章管理功能,支持草稿自动保存

技术选型

node>=20 、Vue3

快速搭建

  1. 安装node,版本选择大于20的;如果没有安装,可以参考文章【Windows环境实现多node版本管理】搭建本地环境
  2. 下载项目(文章末尾获取项目地址)
  3. 选择自己熟悉的开发工具,我这里使用IDEA打开项目
  4. 安装项目依赖,启动项目
# 安装依赖
npm i
# 启动项目
npm start
  1. 访问地址
    http://localhost:5173/md/,根据自己的端口情况
    手把手教你搭建自己的微信编辑器_第1张图片
  • 编辑器截图
    手把手教你搭建自己的微信编辑器_第2张图片
    ☆获取资源,点击:精彩内容,了解更多。

你可能感兴趣的:(开源,开源)