注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

刘檬 廊坊师范学院信息技术提高班十四期

 
 
 

日志

 
 

【转载】欢迎跟我一起来学Markdown  

2017-09-04 16:11:36|  分类: 计算机的使用 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自14期 郭慧鹏《欢迎跟我一起来学Markdown》

Markdown是CSDN博客的一种编辑器,用它写出来的文章排版好,层次清晰,还有标题索引和链接等等,应有尽有,它还可以通过代码生成流程图等等,非常好的一款编辑博客的工具,好习惯是培养出来的,感兴趣的和我一起来学习吧!

简约版:

一、利用Markdown可以做什么?

① 代码高亮

1-1代码高亮

② 制作待办事项To-do List

1-2待办事项

 

③ 高效绘制 流程图、序列图、甘特图、表格

流程图:

流程图

序列图:

序列图

甘特图:

甘特图

表格:

1-3表格

④ 书写数学公式

数学公式


 


0 标题

标题是每篇文章必备而且最常用的格式。

在Markdown中,如果想将一段文字定义为标题,只需要在这段文字前面加上 #,再在 # 后加一个空格即可。还可增加二、三、四、五、六级标题,总共六级,只需要增加 # ,增加一个 # ,标题字号相应降低一级。如图:

2-0 标题

1 列表

列表格式也很常用,它可以让你的文稿变得井井有条。在 Markdown 中,你只需要在文字前面加上 - 就可以了;如果你希望是有序列表,在文字前面加上 1. 2. 3. 即可。

注:-、1.和文字之间要保留一个字符的空格。

2-1 列表

2 引用

如果你需要在文稿中引用一段别处的句子,那么就要用到「引用」格式。

在引用文字前加上 > 并与文字保留一个字符的空格,即可。

2-2引用

3 粗体和斜体

Markdown 的粗体和斜体也非常简单:

两个 * 包含一段文本就是粗体的语法;

一个 * 包含一段文本就是斜体的语法。

2-3 粗体&斜体

4 链接与图片

链接:在 Markdown 中,插入链接只需要使用 [显示文本](链接地址) 即可。

图片:在 Markdown 中,插入图片只需要使用 ![显示文本](图片链接地址)即可。

注:插入图片的语法和链接的语法很像,只是前面多了一个 

2-4链接与图片

5 分割线

分割线的语法只需要另起一行,连续输入三个星号 *** 即可分割两段文字内容。

如图:

2-5 分割线

6 表格

当你需要在Markdown文稿中键入表格,代码如下:

2-6表格

示例参考:

2-6-7

 

如上7大格式是写作文稿时最常使用的。

 

怎么样,看了相关Markdown语法是不是觉得挺简单?

当然,Markdown新手在使用不熟练的情况下,可能会忘记相关语法,也没关系,笔记的工具栏内置了Markdown语法,方便学习与熟悉。

如,「表格」语法相对复杂,你可能忘记了,这时候,你只需要点击编辑框上方工具栏,点选「表格」的图标,左边编辑区便会出现「表格」相应代码:

2-6表格-3

然后,你只需要将代码替换成相应文本即可,如图:

1-3表格

熟悉语法之后,还是建议大家少使用辅助工具栏,尽量自己键入代码,感受纯文本之美。

当然,有道云笔记的Markdown还能支持制作待办事项,书写流程图、序列图、甘特图,书写数学公式等,是不是够极客,够有逼格?

看看笔记菌用Markdown甘特图写的项目计划时间表:

2-6-8


进阶版:

0 待办和清单

待办事项和清单在日常工作、生活中经常被使用。

在Markdown中,你只需要在待办的事项文本或者清单文本前加上- [ ]- [x]即可。

- [ ] 表示未完成,- [x] 表示已完成。

注:键入字符与字符之间都要保留一个字符的空格。

具体呈现如下:

1-2待办事项

 

1 流程图

在Markdown中,一段流程图语法以 “` 开头,以 “` 结尾。

在 “` 后另起一行,书写graph XX,用以确定将要绘制的流程图及其类型(XX表示流程图类型)。

流程图分为竖向和横向两大类,竖向包括自上而下和自下而上两种顺序,横向包括从右到左和从左到右两种顺序。

其对应语法分别为:graph TB/graph BT/graph RL/graph LR。

  • TB - top bottom(自上而下)
  • BT - bottom top(自下而上)
  • RL - right left(从右到左)
  • LR - left right(从左到右)

简单示例如图:

自上而下自下而上从左到右从右到左

来学习一个具体案例:

流程图

仔细研究上述案例,会发现,我们可以通过调整语法来调整流程图的框线、连接线,不同条件能导向不同结果

①对框线形状的调整,如,

++

②对箭头的调整,如,

+++

只要充分掌握该语法,再复杂的流程图也完全能用Markdown书写!

更详细的流程图语法,可参见:http://knsv.github.io/mermaid/#flowcharts-basic-syntax

 

 

2 甘特图

我们在工作中用甘特图作计划进度表、项目进度表再合适不过了。

以如下甘特图为例说明,

甘1

与流程图一样,Markdown中,甘特图的语法也是以 “` 开头,以 “` 结尾。

在 “` 后另起一行,书写 gantt ,用以确定将要绘制的是甘特图。

标题的书写语法如下:

甘2

dateFormat YYYY-MM-DD规定了时间轴,title (标题文本)表示甘特图标题。

如需按项目进行划分,需键入section,空一个字符,再输入项目名称的文本(一个section和另一个section之间要空行)。

每个大项目将拆解为若干个小任务,只需在section之后另起一行,直接输入小项目名称即可。

更详细的甘特图语法,参见:http://knsv.github.io/mermaid/#styling39


 


 

① 实时同步预览,所看即所得

我们将笔记编辑界面一分为二,左边为编辑区,右边为预览区,两区滚动条同步。在编辑区的操作能够实时反映在预览区,方便及时调整和查看最终版面效果。

 ② 实时云端保存

Markdown模式继承了有道云笔记的优良传统,你每一次击键的内容都会实时保存在云端,无需担心浏览器崩溃、设备没电、突然断网等情况。对于写作者来说,更是再也不用担心因为各种原因痛失文稿的情况了。

 

④ 界面大小可点击分界条调整。

点击“1”处,工具栏收起;

点击“2”处,右侧预览区收起。

91

点击后效果如图

92

  评论这张
 
阅读(8)| 评论(3)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017