格式还原

ST相关快捷键引起的...

使用多光标操作快速还原Markdown文档格式

2018-05-22侠课岛    基础入门       

前端/类库/框架/工具/Sublime Text使用技巧 21     0     3850

某天本来已经写好的markdown格式的快捷键页,居然找不回来了。。。。只剩下ST build出来的html文件,我当时一急,突然想起,正好我们用刚学习好的多光标操作进行markdown格式还原,哈哈!

下面我们逐步拆解方式分析

build出来的html,上方还有很多build出来样式

逐步分析与还原

1、article里面的是原来的内容,其他都是样式,因此先抽取这一层

2、先还原code这步骤,markdown中用` `来表示code

  • 首先Alt + F3选中全部code

  • Ctrl +Shift + A选中里面的内容,按一下右键在结束位置加`

  • Ctrl +Shift + A选中里面的内容,按一下左键在起始位置加`

  • 使用Emmet的Ctrl +Shift + ;除去上层标签,如是两次则去除了codep

  • 删除最后的br

3、将二级列表先处理

  • 先格式化,方便查看结果

  • Ctrl +J合并行,Ctrl +Shift + ;除去上层标签

  • 加上markdown的*,以表示是列表 

4、处理strong标签

  • 选中里面的内容,前后加入**

  • 加入**表示加粗 


5、处理h3 h4

  • 从最里面开始Ctrl +Shift + ;除去上层标签

  • 将h3的替换成3个#;h4的替换成4个#; 

本教程图文或视频等内容版权归侠课岛所有,任何机构、媒体、网站或个人未经本网协议授权不得转载、转贴或以其他方式复制发布或发表。

评价

21

本课评分:
  •     非常好
难易程度:
  •     适中的
|
教程
粉丝
主页

签到有礼

已签到2天,连续签到7天即可领取7天全站VIP

  • 1
    +2 金币
  • 2
    +3 金币
  • 3
    +5 金币
  • 6
    +7 金币
  • 5
    +6 金币
  • 4
    暖心福利
    自选分类VIP ×1天
  • 7
    惊喜大礼

    自选分类VIP ×3天 +20金币
  • 持续签到 +8 金币

金币可以用来做什么?