所见即所得的Markdown编辑器 HyperMD for Typecho

插件开发及发布

版主: woniou

回复
journey.ad
帖子: 14
注册时间: 2015年 7月 25日 13:46
联系:

所见即所得的Markdown编辑器 HyperMD for Typecho

帖子 journey.ad »

图片

相关文章:https://imjad.cn/archives/code/hypermd-for-typecho
Github:https://github.com/journey-ad/HyperMD-Typecho-Plugin

前言

HyperMD 是一个基于 CodeMirror 的所见即所得 MarkDown 编辑器,拥有许多非常棒的特性
这个插件可以将 Typecho 的文章编辑器替换为 HyperMD,使写作成为一种享受
正如 HyperMD 的 Slogan 所写的那样:打破 Markdown 写作预览次元壁

安装

前往本插件的发布页,点击 Download ZIP 按钮,解压,将 HyperMD-Typecho-Plugin-master 重命名为 HyperMD ,之后上传到你博客中的 /usr/plugins 目录,在后台启用即可

特性

此处搬运自HyperMD的说明文档,经过部分修改
论坛展示能力有限,更多效果请前往博客文章查看

  1. 写作和预览,一个框就够了
      常规Markdown语法
        粗体字斜体字、删除线、代码
        链接、图片
        标题/引用块/代码块/列表/水平分割线
      扩展 Markdown 语法
        简单绘制表格
        脚注
        YAML Front Matter
      行内LaTeX公式渲染,支持多行公式块
  2. 按着Alt并点击 可以打开链接,或者跳到脚注
  3. 代码块语法高亮 支持数百种语言
  4. 鼠标悬停 可以查看脚注内容
  5. 复制粘贴 自动转换网页内容为Markdown
  6. 上传图片 只需要复制粘贴,或者把文件拖进来就行了
  7. KeyMap 方便的快捷键
      表格
        回车 使用 | column | line | 创建表格
        回车 插入一行或者结束表格(如果最后一行的格子都是空的)
        TabShift-Tab 在表格间切换
      列表
        TabShift-Tab 改变当前列表项的缩进
      格式化 光标旁边的单词(或者选中的文字)
        Ctrl+B 加粗
        Ctrl+I 斜体
        Ctrl+D 删除线
回复