利用 Hexo + Github Pages 搭建免费博客 - Markdown 语法说明(三)
2017-12-06 21:36
627 查看
建议去原文,在这里无法预览最后的视频效果
上篇教程我们成功搭建了网站并上传到了云端,那么用什么写文章呢?用 Word , HTML,还是什么?答案是——Markdown
下面的图片是一段用 Markdown 书写的文字,你可以看到在文字之间有许多符号,下面我们就要来介绍一下这些符号是什么
(注意:本教程介绍的是
(温馨提示:内含视频,在装有 AdBlock 即广告拦截浏览器扩展的情况下,可能自动播放,请做好心理准备)
可读性,无论如何,都是最重要的。一份使用 Markdown 格式撰写的文件应该可以直接以纯文本发布,并且看起来不会像是由许多标签或是格式指令所构成。Markdown 语法受到一些既有 text-to-HTML 格式的影响,包括 Setext、atx、Textile、reStructuredText、Grutatext 和 EtText,而最大灵感来源其实是纯文本电子邮件的格式。
总之, Markdown 的语法全由一些符号所组成,这些符号经过精挑细选,其作用一目了然。比如:在文字两旁加上星号,看起来就像
(注意:下面均为 Word 2016 为标准)
标题:
粗体:
图片:
比较一下,看看哪个更简单一点?
当然是 Markdown 了,除了图片和链接,其他的几乎都不需要动鼠标
预览:
预览:
所以,我们在要换行的文字的末尾使用两个空格来强制换行
但是有些编辑器可能不需要空两格也能自动换行,比如 Hexo 就不会
预览:
预览:
第二行连接号的左右还可以加
预览:
预览:
“ ` ”叫做
代码块的第一个““`”后面可以加上代码的语言,以便显示高亮
(语言列表可以在 github/linguist 找到,这个文件是针对
预览:
预览:
(请去原文,CSDN 不支持预览)
如果你要在文字里输入几个普通的“`”、“**”像这样的符号,编译器可能会把它们当做上面的语法处理,变成了关键字
可以在符号的前面加上“\”(右斜杠)来把它转为普通字符
上篇教程我们成功搭建了网站并上传到了云端,那么用什么写文章呢?用 Word , HTML,还是什么?答案是——Markdown
下面的图片是一段用 Markdown 书写的文字,你可以看到在文字之间有许多符号,下面我们就要来介绍一下这些符号是什么
(注意:本教程介绍的是
Github Markdown,其他编译器的语法、样式可能会有些不同)
(温馨提示:内含视频,在装有 AdBlock 即广告拦截浏览器扩展的情况下,可能自动播放,请做好心理准备)
Markdown 是什么
Markdown 的目标是实现「易读易写」。可读性,无论如何,都是最重要的。一份使用 Markdown 格式撰写的文件应该可以直接以纯文本发布,并且看起来不会像是由许多标签或是格式指令所构成。Markdown 语法受到一些既有 text-to-HTML 格式的影响,包括 Setext、atx、Textile、reStructuredText、Grutatext 和 EtText,而最大灵感来源其实是纯文本电子邮件的格式。
总之, Markdown 的语法全由一些符号所组成,这些符号经过精挑细选,其作用一目了然。比如:在文字两旁加上星号,看起来就像
*强调*。Markdown 的列表看起来,嗯,就是列表。Markdown 的区块引用看起来就真的像是引用一段文字,就像你曾在电子邮件中见过的那样。
Markdown 的优点
假如你要写一段文字的话,下面是用 Word、HTML 和 Markdown 的区别:(注意:下面均为 Word 2016 为标准)
标题:
Word | HTML | Markdown |
---|---|---|
输入一段文字,点击标题1 | <h1>标题</h1> | # 标题 |
Word | HTML | Markdown |
---|---|---|
输入一段文字,选中并点击粗体 | <strong>文字</strong> | **文字** |
Word | HTML | Markdown |
---|---|---|
直接拖入 | <img src="链接"> | ![描述](链接) |
当然是 Markdown 了,除了图片和链接,其他的几乎都不需要动鼠标
Markdown 语法
标题
语法:# 一级标题 ## 二级标题 ### 三级标题 #### 四级标题 ##### 五级标题 ###### 六级标题
预览:
粗体、斜体、删除线
语法:**粗体** __粗体__ *斜体* _斜体_ ~~删除线~~
预览:
空格
在 Markdown 源文件里按回车键换行,实际显示的文字并不会换行,而只是空了一格所以,我们在要换行的文字的末尾使用两个空格来强制换行
但是有些编辑器可能不需要空两格也能自动换行,比如 Hexo 就不会
链接、图片
语法:[链接文字](网址) ![图片描述](图片地址) [百度](https://www.baidu.com) ![百度 LOGO](https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png)
图片描述只有在图片无法显示的情况下才会显示
预览:
列表
语法:1. 有序列表1 2. 有序列表2 3. 有序列表3 - 无序列表1 - 无序列表2 - 无序列表3
预览:
表格
语法:| 标题1 | 标题2 | 标题3 | |-------|------|-------| | 内容 | 内容 | 23333333333 | | 内容 | 内容 | 0.2333 | | 标题1 | 标题2 | 标题3 | |-------:|:------|:-------:| | 0000000000000000 | 0 | 23333333333 | | 0 | 0000000000 | 0.2333 |
第二行连接号的左右还可以加
:,表示文字是居中、向左还是向右对齐
预览:
待办事项(部分支持)
语法:- [x] 已完成事项 - [ ] 未完成事项
预览:
代码、代码块
语法(由于直接写会冲突,就放图片了):“ ` ”叫做
反单引号,在英文状态下按下数字
1左边的键,就可以打出来
代码块的第一个““`”后面可以加上代码的语言,以便显示高亮
(语言列表可以在 github/linguist 找到,这个文件是针对
Github Markdown的,其他编译器可能不适用)
预览:
其他
Markdwon 不仅支持上面的这些功能,还支持大部分 HTML 代码,所以你甚至可以插入一段视频,例如:<iframe height=498 width=510 src='http://player.youku.com/embed/XMjQ4NDgxNDUzMg==' frameborder=0 'allowfullscreen'></iframe>
预览:
(请去原文,CSDN 不支持预览)
如果你要在文字里输入几个普通的“`”、“**”像这样的符号,编译器可能会把它们当做上面的语法处理,变成了关键字
可以在符号的前面加上“\”(右斜杠)来把它转为普通字符
相关文章推荐
- 利用 Hexo + Github Pages 搭建免费博客 - 上传云端(二)
- 利用 Hexo + Github Pages 搭建免费博客 - 第一次运行(一)
- 利用Github Pages和Hexo搭建个人博客
- 利用Hexo + GitHub搭建免费的个人博客
- 利用GitHubPages+jekyll+Markdown搭建个人博客
- 利用hexo和Github搭建个人免费博客
- 使用GitHub Pages和Hexo搭建免费独立博客
- GitHubPages+Hexo搭建免费个人博客(windows平台)
- 利用Github Pages+Hexo搭建个人博客
- 利用GitHub Pages和Hexo搭建个人博客
- 使用Hexo+Github Pages 来搭建免费的专属博客
- Hexo在Github中搭建博客系统(5)Markdown语法
- 利用github和hexo一步步生成个人博客(1)---环境搭建
- 使用hexo+github免费搭建个人博客网站超详细教程
- 零基础免费搭建个人博客-hexo+github
- GitHub Pages + Hexo搭建个人博客
- 利用hexo搭建github个人博客
- 免费开源Github Pages空间可绑域名搭建个人博客存放图片文件
- Hexo结合Github-Pages搭建静态博客
- Ubuntu下github pages+hexo搭建自己的博客