当前位置: 首页 > article >正文

为Hugo/Hexo设计的在线Markdown编辑器

砚台封面

砚台/InkStone

💡 介绍

项目地址 https://github.com/2061360308/InkStone

《砚台》是一款由 Vue 开发的在线 Markdown 编辑器,特意为 Hexo、Hugo 等静态站点生成器设计,支持同步到 Github,可视化编辑 yaml front matter 等贴心功能。《砚台》完全运行在浏览器,可以和静态站点一起发布。
在这里插入图片描述


@更多截图

补充强调

  1. 项目需要随时拉取,提交 Github,如果不能流畅访问 Github 则只能使用基础编辑功能。

  2. 目前 token 都会保存在浏览器本地(简单加密,但是加密算法写死在前端项目中),所以务必注意秘钥安全。如果需要自己创建秘钥使用,最好能够给予最小权限。

体验地址

Vercel

由于以上体验方式中 Github 认证服务所用服务器均由 Vercel 支持,且 Github Pages 无法重写路由规则,登录回调中重定向到/login 路径无法识别,所以暂不提供 Github Pages 体验方式。请等待后续修复路由模式。

✨ 特性

  • 纯前端静态页面,可无需服务器
  • 支持直接从 Github 仓库获取文件
  • 支持批量提交文件到 Github
  • 支持根据更改内容自动生成提交信息
  • 本地缓存数据使用 IndexDB 保存
  • 支持可视化编辑 Yaml Front Matter
  • Markdown 编辑器支持所见即所得,及时渲染,分屏预览三种模式
  • 支持大纲列表

✅预计开发任务

  • 迁移整理图标相关代码
  • GitHub 拉取/提交文件策略更新
  • 文件管理器优化,外观,功能
  • 主题统一,支持切换
  • 允许加载/保存全局配置
  • 编辑器添加处理格式字符串的功能
  • 事件总线完善
  • 更加完整的底部状态条功能
  • 提供更多登录方式,注册成为 GitHub App
  • 大纲列表
  • 搜索列表
  • 更完整的设置面板,支持更多可选项配置
  • 图床开发
  • 适配 history 和 hash 两种模式
  • 自定义 Github 接口代理

如有新的需求或者急需上述某个功能可在 issue 中提出

🛠️ 开发/自部署

  1. clone
  2. pnpm install
  3. pnpm run dev / pnpm build

自己部署需要:

  1. 将 build 构建内容(dist 下)部署到自己服务器(可以和静态站点一同发布)
  2. 如需自行配置 Github 登录服务器,则需自行申请 Github App,之后将 api 下接口部署到服务器

目前访问量较少不需要这么操作,如果觉得页面网速慢的话可以把静态文件放在自己服务器上,加快访问速度

📄 授权

InkStone 使用 MIT 开源协议。

🙏 鸣谢

Vditor:是一款浏览器端的 Markdown 编辑器,支持所见即所得、即时渲染(类似 Typora)和分屏预览模式。它使用 TypeScript 实现,支持原生 JavaScript 以及 Vue、React、Angular 和 Svelte 等框架。

Vue:Vue (pronounced /vjuː/, like view) is a progressive framework for building user interfaces.

Lute:🎼 一款结构化的 Markdown 引擎,支持 Go 和 JavaScript

highlight.js:JavaScript syntax highlighter

mermaid:Generation of diagram and flowchart from text in a similar manner as Markdown

incubator-echarts:A powerful, interactive charting and visualization library for browser

abcjs:JavaScript library for rendering standard music notation in a browser


http://www.kler.cn/a/506801.html

相关文章:

  • SparkSQL数据模型综合实践
  • postgresql分区表相关问题处理
  • ROS1学习记录
  • Python在DevOps中的应用:自动化CI/CD管道的实现
  • 【无标题】
  • 【python】OpenCV—Local Translation Warps
  • Flutter 多终端测试 自定义启动画面​​​​​​​ 更换小图标和应用名称
  • RK3568-Linux应用学习记录
  • 复用类(2):代理、结合使用组合和继承
  • 三数之和力扣--15
  • Unity3d 实时天气系统基于UniStorm插件和xx天气API实现(含源码)
  • 音视频文件提供流式传输之HTTP Live Streaming (HLS)
  • SUN的J2EE与微软的DNA
  • 【设计模式】6大设计原则和23种设计模式
  • 【Linux】10.Linux基础开发工具使用(3)
  • mysql community server社区版M2 macbook快速安装
  • 安卓与苹果系统安全性之比较
  • ip属地是根据手机号还是位置
  • MySQL中like模糊查询如何优化?
  • 【伪随机数】关于排序算法自测如何生成随机数而引发的……
  • C语言变长嵌套数组常量初始化定义技巧
  • 【排错记录】免密、nginx、cgroup、sshd
  • css 原子化
  • iOS页面设计:UIScrollView布局问题与应对策略
  • 【promethues 9090占用端口】没有网络,如何杀掉9090端口暂用的进程
  • Android 后台线程