经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » HTML/CSS » Markdown » 查看文章
Markdown基本语法
来源:cnblogs  作者:皂雨霏霏  时间:2018/12/7 9:17:59  对本文有异议

1.概述

接触Hexo个人博客站点后,肯定得学习和了解Markdown的基础使用。Markdown正是使网络发布更加方便的语言。相比于HTML,它的种类很少,我认为Markdown并不是说要网络书写更加方便,因为HTML的结构和内容设计已经很方便了,Markdown抛却标签的内容,让作者的重点放在内容分析和处理上。而且便于之后内容的更改和解析。需要了解的是,Markdown中兼容HTML语法,因此有些标签和使用习惯可以代入使用。

2.区块元素

段落和换行

两个以上的空格即可实现段落换行,也就是<br/>标签的作用

标题

可以使用###号来表示标题1-6,当然在markdown编辑器下,可以在insert中插入heading

  1. # H1 #
  2. ## H2 ##
  3. ### H3 ###
  4. #### H4 ####
  5. ##### H5 #####
  6. ###### H6 ######

区块引用

用>符号即可,例:

引用内容块

列表

在markdown编辑器可以直接选择insert,有序和无序列表。与HTML类似。

代码区块

在Markdown中使用代码块,可以用四个空格或是一个制表符表示。或者通过code直接插入代码块。

  1. code内容 //需要注意的是在使用的时候,要使用双回车来隔开上一段文字内容

分割线

分割线样式多样,使用简单,例如:

  1. * * *
  2. ***
  3. *****
  4. - - -
  5. ---------------------------------------

3.区段元素

链接

在Markdown编辑器中找到链接的按钮或是Ctrl+L,可以设置链接网址。也可以通过行内链接来表示。

  1. This is [an example](http://example.com/ "Title") inline link.
  2. [This link](http://example.net/) has no title attribute.

[ ]中表示链接的点击位置,( )内表示链接网址,“ ”内是链接的名称,即鼠标放上去显示的内容。

强调

  1. 用*号括起来表示弱强调,双**号括起来表示强掉
  2. 当然也可以用于标记代码段

图片

  1. ![Alt text](/path/to/img.jpg)
  2. ![Alt text](/path/to/img.jpg "Optional title")

! 开头,表示图片内容,[ ]号内容表示替代文字;( )表示图片链接。markdown提供UI窗口执行插入图片的操作。

编辑器

Windows 平台

-Markdown 免费编辑器

Linux 平台

-MarkdownPad

-MarkPad

-Mac 平台

-ReText

在线编辑器

-Mou

浏览器插件

-Markable.in

-Dillinger.io

-MaDe (Chrome)

-Sublime Text 2

-MarkdownEditing

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号