.md学习

开始前,可以先按下文档结构图的快捷键Alt+w(Mac是Ctrl+w),浏览本文的大纲。

标题语法

 # 标题1## 标题2### 标题3#### 标题4##### 标题5###### 标题6

标题使用技巧:

  1. Emmet快速输入:敲h2+Tab即可生成二级标题【同HTML里的emmet写法,不止标题,HX里所有可对应tag的markdown语法均支持emmet写法】。仅行首生效
  2. 智能双击:双击#号可选中整个标题段落
  3. 智能回车:行尾回车或行中Ctrl+Enter强制换行后会自动在下一行补#。而连续2次回车后将自动补的#去掉。(体验同word)
  4. 回车后再次按Tab可递进一层标题,再按Tab切换列表符
  5. 在# 后回车,可上插一个空标题行【同word】,或任意位置按Ctrl+Shift+Enter也可以上插空标题行
  6. 折叠:
    • 点标题前的-号可折叠该标题段落,快捷键是Alt±(展开折叠是Alt+=)
    • 多层折叠时折叠或展开子节点,快捷键是Alt+Shift±或=
    • 全文全部折叠或展开,快捷键是Ctrl+Alt+Shift±或=
    • 折叠其他区域,快捷键是Alt+Shift+o。这对长文档管理非常有用,可以专注于当前章节
    • 可以在菜单-跳转-折叠中随时找到这些功能

列表

markdown的列表支持有序列表、无序列表以及特殊的任务列表。
同样也是在行前加一个特殊符号,并空格后再跟列表文字内容。

有序列表

有序列表就是有顺序的列表,依靠行前的数字标记顺序。

  1. 有序列表1 【设置或取消有序列表符的快捷键:Ctrl+Alt+1,可选中多行批量设置序号;支持多光标批量设置列表符,即按Ctrl+鼠标左键添加多光标】
  2. 有序列表2 【列表后回车会自动补序号】
  3. 有序列表3 【智能双击:双击前面的数字,可重新对数字排序,修正序号错误,并选中有序列表段落(左边的4是故意写错让你体验的)】

无序列表

无序列表就是列表不排序,无序列表因书写随意而被更广泛的使用。
无序列表有3种前缀,HX里分别用于表示1级列表(Ctrl + Alt + -)、2级列表(Ctrl + Alt + *)、3级列表(Ctrl + Alt + =)。

  • 无序列表1 【快捷键:Ctrl+Alt+ -;再次按Tab会更换二级列表符;智能双击:双击-号可选中整段无序列表】
  • 无序列表2

    • Emmet:li后敲Tab可生成*号列表符,行首生效
    • 快捷键:Ctrl+Alt+*,支持多光标批量设置列表符,即按Ctrl+鼠标左键添加多光标
    • 智能双击:双击*号可选中整段无序列表
    • 智能回车:行尾回车或行中Ctrl+Enter强制换行后会自动续列表;连续按回车会清除列表符;再次按Tab会更换列表符;在列表符后回车或行尾Shift+回车,上一行留出列表符
    • *号常用于二级列表,列表符后继续Tab,可切换列表符
  • 无序列表3 【快捷键:Ctrl+Alt+=;常用于三级列表;其他同上】

任务列表

任务列表非常实用,管理待办、已办非常便利。

[ ] 任务列表-未完成任务 【快捷键:Ctrl+Alt+[】
[x] 任务列表-已完成任务 【快捷键:Ctrl+Alt+]】1. 智能双击:双击方括号内可切换勾选状态,把任务标记为完成或未完成;双击方括号右侧可选中任务列表段落2. 智能回车:回车后自动补任务列表前缀符号;连续按回车清除前缀符号;在列表符后回车或行尾Shift+回车,上一行留出列表符
- [ ] 如需发布到web渲染,需增加无序列表- 的前缀

示例

  • q
  • 1

以上三种列表,均支持批量修改列表符,有如下方式建议依次学习尝试:

  1. 选中多行,按快捷键Ctrl+Alt+“1”或“-”或“[”或“]”,批量设置列表符
  2. 如果需要跳行设置有序或无序列表,通过Ctrl+鼠标左键点中目标多行(可不连续),产生多光标,然后按快捷键Ctrl+Alt+“1”或“-”或“[”或“]”,可跳行设置列表符,尤其是有序列表,数字也会跳行加1
  3. 按Alt+鼠标选中行首那列(列选择),这样每行行首都有光标,然后再键入或删除列表符即可批量操作
  4. 选中多行,按快捷键Ctrl+Shift+\(其实就是Ctrl+|),可以在每行行首添加一个光标

引用列表

引用1
引用2
快捷键:Ctrl+Alt+Shift+.
智能双击:双击>号可选中整段引用列表
智能回车:行尾回车或行中Ctrl+Enter强制换行后会自动续列表;连续按回车会清除列表符;在列表符后回车或行尾Shift+回车,上一行留出列表符

文字样式语法

加粗 【快捷键:Ctrl+B,支持多光标;Emmet:b后敲Tab】
加粗2
倾斜【Emmet:i后敲Tab;前后包围:选中文字按Ctrl+\是在选区两侧添加光标,可以继续输入_】
倾斜
删除线
单行代码
包围插入:先选中文字内容,然后按_*~`等符号,会自动在2侧加包围
智能双击:双击语法区前面的定义符号,选中包含定义符的整段文字
去包围:选中整段文字后,按Ctrl+Shift+],可去除2侧包围符号
引号括号虽然不属于markdown语法,但也支持相同的包围、选择、去包围操作。
引号括号智能双击选择时略特殊的是:双击引号括号内侧,选中引号括号里的内容(不含引号括号);按下Alt+双击引号括号内侧,则选中包含符号的整段文字

HBuilderX还支持以下对2侧文本高效处理的手段

  1. 选中文字按Ctrl+\是在选区两侧添加光标,可以继续输入~~,会在2侧同时输入
  2. 向2侧扩大选择:【Win:Alt+Shit+→ 、Mac:Ctrl++Shit+→】;由2侧向内减少选择:【Win:Alt+Shit+← 、Mac:Ctrl++Shit+←】

链接文字

  1. Emmet:a后敲Tab
  2. 打开链接:Alt+鼠标单击;如果是本地文件,可通过Shift+Alt+单击,在另一分栏打开文件
  3. 智能粘贴:粘贴URL会自动变成超链接格式;粘贴本地文件进来也会自动创建引用链接
  4. 智能双击:双击语法区开头,即[左侧,选中包含定义符的整段文字

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Jp8sPD1D-1656926173981)(logo.jpg)]

  1. Emmet:img后敲Tab
  2. 智能粘贴:粘贴剪切板里的图形时会自动保存为本md文档的附件;删除文档中的图片语法,保存md文档时会自动删除对应的图片附件;粘贴图片文件时自动变成链接引用格式;
  3. 悬浮预览:鼠标移到图片语法上,本地图片会自动显示出来
  4. 智能双击:双击语法区开头,即!左侧,选中包含定义符的整段文字

表格

1 2 3
a b c
ddd eee fff
  1. Emmet:table3*3后敲Tab,表示生成3行3列的表格,行首生效
  2. md表格对齐是传统md的痛点,按下Ctrl+K可以自动整理表格格式(暂未兼容不同缩放模式和字体的情况)
  3. 支持从excel、wps、word、number的表格中复制粘贴表格进来(不支持合并单元格和单元格换行)

分割线

------------- 【Emmet:hr后敲Tab】


=============

代码区

 var a = document

Emmet:code后敲Tab,行首生效
智能双击:双击语法区开头,即!左侧,选中包含定义符的整段文字
支持代码直接高亮着色,这应该是只有HBuilderX才有的功能。注意需要在代码区开头指定语言类型

注释

快捷键:Ctrl+/
智能双击:双击注释首尾的定义符,选中整段注释

emmet快捷输入

day后敲Tab,当前日期。注意day需在行首或前面有空格
time后敲Tab,当前时间。注意time需在行首或前面有空格

文档结构图

文章很长时,word里有文档结构图,HBuilderX也有。
菜单视图-文档结构图,快捷键Alt+W(mac是ctrl+W),轻松管理长文档

运行、预览和打印PDF

对md文件点工具栏或菜单里的浏览器运行,可以使用外部浏览器预览此md文件,会自动渲染为HTML。
点右上角的预览【快捷键Alt+p】,可在HBuilderX右侧预览该md文档的HTML渲染结果。
在浏览器中点打印,选择打印到PDF,可将md输出为PDF格式。(注意在打印选项里去掉页眉页脚)

一键分享

markdown拥有迷人的输入体验,但分享并不方便,尤其是缺少免费、稳定、高速的图床。
uniCloud提供了免费、稳定、高速的服务器和cdn。
HBuilderX,基于uniCloud,提供了markdown的一键分享功能。

利用uniCloud的前端网页托管,将markdown稳定转成了HTML网页,并发布为在线的URL。您可以把URL发送给任何想要分享的人。
同时markdown里涉及的图片也会自动上传到前端网页托管里免费cdn中。

更多见: MarkDown一键分享使用说明

其他常用但你可能不知道的快捷操作技巧

  • Ctrl+鼠标左键添加多光标,然后敲字或粘贴,可批量处理。Ctrl+鼠标左键拖选,可选中多个选区。
  • Ctrl+鼠标右键删除多光标
  • 不选内容按Ctrl+C或X可复制或剪切整行
  • 选中2个选区后,按Ctrl+Shift+X,可互换选区内容。如无选区,只是2个光标,则互换2行
  • Ctrl+上下键可上下移动行
  • Ctrl+Insert可重复插入当前行,如果有选中内容,可重复插入选中内容
  • Ctrl+Shift+K可合并多行(是格式化Ctrl+K的反操作)
  • 删除
    • 按Ctrl+D可删除选中行,支持多光标
    • Shift+Del删除到行尾
    • Shift+Backspace删除到行首
  • 选择
    • Ctrl+E选相同词(mac是Command+D),连续按可选中多词进一步操作,比替换更方便
    • Ctrl+L可连选多行,Ctrl+Shift+L也是选择行,但不选行首尾的空白字符
    • Ctrl+=可逐级放大选区
    • 双击标题、列表符可选中相应段落
    • 双击英文引号、括号内侧,可选中内部内容
    • 双击缩进符,可选中同缩进段落
    • 双击连字符比如-或_,可选中相连的词,比如双击这里试试,uni-app
  • 查找
    • Ctrl+P查找文件
    • Ctrl+Alt+F可在当前目录的所有文档中搜索指定关键字(mac是Command+Shift+f)
    • 选中文字按F3,查找下一个,Shift+F3找上一个

MarkDown+Hbuilder学习总结相关推荐

  1. 小白的markdown基础学习笔记

    markdown基础学习笔记 1.代码块与代码区块 // 代码块语法: ​```java ​```shell // 代码区块语法: `print(hello world)` print(hello w ...

  2. Markdown个人学习记录

    Markdown个人学习记录 参考书籍:<了不起的Markdown>-毕小朋-电子工业出版社 第一章 Markdown概述 Markdown作为现在最流行的轻量级"写作语言&qu ...

  3. Markdown语法学习

    Markdown语法学习 1.标题 # 一级标题(#后加空格) ## 二级标题 ### 三级标题 #### 四级标题 ##### 五级标题 ###### 六级标题 2.列表 //无序列表(* - +后 ...

  4. 【每天1分钟】MarkDown语法学习之复选框

    [每天1分钟]MarkDown语法学习之复选框 在无序列表符号后面加上[]或者[x]代表选中或者未选中情况 - [x] Markdown - [ ] JavaScript 或者 + [x] Markd ...

  5. 【每天1分钟】MarkDown语法学习之插入表格

    [每天1分钟]MarkDown语法学习之插入表格 表格是Markdown语法中比较复杂的一个,其语法如下: 表头|条目一|条目二 :---:|:---:|:---: 项目|项目一|项目二 以上标记显示 ...

  6. 【每天1分钟】MarkDown语法学习之分割线

    [每天1分钟]MarkDown语法学习之分割线 有时候,为了排版漂亮,可能会加入分隔线.Markdown加入分隔线非常简单,使用下面任意一种形式都可以 *** --- 产生分隔线的语法要求比较松,符号 ...

  7. Markdown入门学习小结

    转自:http://www.jianshu.com/p/21d355525bdf 在遇到简书之前,我从来不知道Markdown是什么.简书所转载的阳志平所作「Markdown写作浅谈」一文中提到: M ...

  8. Markdown语法学习|精简版

    markdown语法学习|精简版 文章开头 点击这里回到下方介绍 页面跳转 的阅读位置 点击这里回到下方介绍 toc 的阅读位置 此笔记学习摘抄自Markdown语法大全(超级版),并根据笔者的使用不 ...

  9. Markdown使用学习

    Markdown使用学习 Markdown是一种纯文本格式的标记语言.通过简单的标记语法,它可以使普通文本内容具有一定的格式. 优点: 1.因为是纯文本,所以只要支持Markdown的地方都能获得一样 ...

最新文章

  1. latex实现横竖均居中
  2. vscode个人配置
  3. Tokyo Tyrant基本规范(4)--协议
  4. JavaSE(九)——正则表达式、Date类、集合、泛型
  5. React学习:入门实例-学习笔记
  6. [android-wifi](7.1)漫游部分逻辑
  7. 考研调剂 计算机科学 软件,2020年四川大学计算机学院(软件学院)考研调剂信息...
  8. GameofMir__游戏Mod制作【1】
  9. Vivado HLS教程
  10. U8Cloud 3.5 试用笔记
  11. CISP 考试教材《第 6 章 知识域:信息安全评估》知识整理
  12. 宇枫资本投资理财投资入门与技巧
  13. 英仕曼235年传奇之路从CTA策略鼻祖到全球最大上市对冲基金
  14. mybatis数组越界异常 Error preparing statement
  15. iOS——SDWebImage解读
  16. [AP]无线AP和无线路由的区别
  17. 金蟾论金:4.12黄金涨势不足重启跌势-晚间走势操作建议
  18. Android简易实战教程--第五话《开发一键锁屏应用》
  19. JavaScript------JS相关难题,做对一半算你牛牪犇
  20. 高中计算机学ppt吗,1.1高中信息技术基础开学第一课.ppt

热门文章

  1. u盘固定盘符_winpe系统下固定U盘盘符的方法
  2. AVS(AviSynth)的认识
  3. quicksilver pdf
  4. 51单片机时钟(闹钟)
  5. java生成bmp单色位图,关于GDI+生成单色BMP图片的问题,请高手进!
  6. 轨迹预测经典论文之五:MultiPath: Multiple Probabilistic Anchor Trajectory Hypotheses for Behavior Prediction
  7. 运营入门——运营本源
  8. 不是供电中断 而是网络攻击让达美航空停航
  9. 解决微信公众号网页a链接来回点击失效
  10. CPU profiler(gperftools)在嵌入式系统上的应用示例