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

插件开发及发布
回复
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 删除线
回复