LaoK

08.博客系统的各个功能。
插入内链文章[快速开始].适用于 RequireJS, Parcel, webpack, 或者用各种HTML标签来...
扫描右侧二维码阅读全文
25
2019/09

LaoK

08.博客系统的各个功能。
插入内链文章[快速开始].适用于 RequireJS, Parcel, webpack, 或者用各种HTML标签来...
扫描右侧二维码阅读全文
25
2019/09

08.博客系统的各个功能。

插入内链文章

[快速开始]

.


![相片描述](图片地址)
<img src="图片地址" alt="图片描述">
![奔跑的日子](http://localhost/build/usr/uploads/2018/05/1374653827.png)
<img src="http://localhost/build/usr/uploads/2018/05/1374653827.png" alt="奔跑的日子">


标题
一些文字内容

*collapse title="标题" status="false"*一些文字内容*/collapse*
//以上*改为:"["或"]"

标题
一些文字内容

*collapse title="标题"*一些文字内容*/collapse*
//以上*改为:"["或"]"

默认白色文字
紫色文字
蓝色文字
黄色文字
红色文字
绿色文字
黑色文字

Remix on Glitch

适用于 RequireJS, Parcel, webpack, 或者用各种HTML标签来引入库的纯粹的环境。 参考文档

选择 HyperMD 的 N 个理由

HyperMD 是一组 [CodeMirror][] 插件、模式、主题、编辑器命令(Commands)和按键绑定(KeyMap)等。

你可以在一个页面上同时使用 HyperMD 和 CodeMirror。

🌈 写作与预览,只需一个框

  • 各种常规 Markdown 元素

    • 粗体字斜体字删除线Code
    • 链接、图片
    • 标题 / 引用块 / 代码块 / 列表 / 水平分割线
  • 扩展的 Markdown 语法

    • 简单表格
    • 脚注 1
    • [x] TODO 列表 (可点击勾选框, 改变状态)
    • YAML Front Matter
    • $\LaTeX$ 公式,同时支持行内块与多行公式 2
    • Emoji :joy: => :joy: (支持自定义的表情)
  • 以及一些特殊玩法,例如……

💪 更好的 Markdown 写作体验

  • 复制粘贴,或者拖拽文件,即可 上传图片 和文件
  • 按着 Alt 点击 可以打开链接,或者跳到脚注 1
  • 鼠标悬停 可以查看脚注内容
  • 复制粘贴 自动转换网页内容为 Markdown 4
  • 好用的 按键绑定 (也叫做 KeyMap)

🎁 CodeMirror 的好处,这里都有份

  • 代码块语法高亮 支持数百种语言 5。高亮规则可按需动态载入。
  • 灵活可配置的按键绑定与 CodeMirror API
  • Diff and Merge
  • 各种主题 6
  • 绝大多数 CodeMirror 插件 都可在 HyperMD 里使用

🔨 可扩展,可配置

  • Power Pack 机制,用各种第三方库和服务增强 HyperMD 功能

  • HyperMD 本身也是很模块化的。

🎹 特制的按键绑定(KeyMap) "HyperMD":

  • 表格

    • 回车 使用 | column | line | 创建表格
    • 回车 插入一行或者结束表格(如果最后一行的格子都是空的)
    • TabShift-Tab 在表格间切换
  • 列表

    • TabShift-Tab 改变当前列表项的缩进
  • 格式化 光标旁边的单词(或者选中的文字)

    • Ctrl+B 加粗
    • Ctrl+I 斜体
    • Ctrl+D 删除线

特别感谢

💎 服务和资源

IcoMoon - The IconPack(免费版)
Demo Page uses IcoMoon icons. Related files are stored in demo/svgicon.
CodeCogs - An Open Source Scientific Library
FoldMath uses codecogs' service as the default TeX MathRenderer.
(You may load PowerPack to use other renderer, eg. KaTeX or MathJax)
SM.MS - 免费图床服务
在线演示页PowerPack/insert-file-with-smms 使用了 SM.MS 开放API来上传和存储用户插入的图片。
(若你想在你的编辑器里使用 SM.MS 服务,请使用对应 PowerPack)
EmojiOne - 开放的 emoji 表情图标
在线演示页PowerPack/fold-emoji-with-emojione 使用了 EmojiOne 免费提供的 emoji 表情图标 (免费版许可)
(你也可以使用其他图标库,例如来自 twitter 的 twemoji)
CodeMirror - In-browser code editor.
RequireJS - A JavaScript AMD module loader.
KaTeX - The fastest math typesetting library for the web.
marked, turndown and more remarkable libs.

🌟 Sponsors

🙏 Sponsors (按日期排序)

☕Phithon ☕c*i ☕*Yuan ☕*Xiuzhang ☕*Junjie 🌟圆伞科技 ☕*Di

一起来搞事

HyperMD 是 [laobubu][] 的一个开源项目,欢迎你:



  1. 按着 Ctrl 点击也行
  2. 公式块和代码块类似, 使用 $$ 包裹你的公式,支持多行
  3. 此功能默认不启用,开启方法请参阅文档; #用两个井号 打 带空格的标签#
  4. 使用 Ctrl+Shift+V 可以粘贴纯文本
  5. 只要是 CodeMirror 支持的都能用
  6. 如果主题没有为 HyperMD 特殊设计,那么用起来可能会有点难受
本文作者:Author:    文章标题:《08.博客系统的各个功能。
本文地址:https://laok.pw/skill/20.html     
版权说明: 若无注明,本文皆为“ LaoK”原创,转载请保留文章出处。
Last modification:October 6th, 2019 at 08:31 pm

Leave a Comment