markdown语法小记

原文查看可点击《markdown语法小记》哦!javascript

基本语法

标题

h1~h6对应: #数量决定标题等级。还能够用=在文字下表示,但局限只有两级。php

# h1
## h2
### h3
#### h4
##### h5
###### h6 
一级标题
===
二级标题
---
复制代码

显示以下:
css

引用

> 引用的文字
>>  引用的文字
复制代码

大于号越多,引用的层级越多,上述代码显示效果以下:html

引用的文字java

引用的文字node

连接或图片

[点击跳转至百度](http://www.baidu.com)
![图片](http://cassielala.top/images/logo.jpg)
复制代码

显示效果以下:
点击跳转至百度
  
python

hexo插入本地图片

使用hexo的时候由于要插入本地图片遇到了问题,特此写来记录,但愿可以帮助到你们。golang

  • 首先将hexo把主页的配置文件_config.yml 里的post_asset_folder:这个选项设置为true
  • hexo目录下执行npm install hexo-asset-image --save
  • 完成后再new新的md文件的时候就能在/source/_posts下找到同名文件夹,将要放的图片丢进去对应的文件夹。
  • md文件中引入的时候使用[图片上传失败...(image-3c7d69-1548813573167)]便可

原本到这里应该就万事大吉了,可是嘞,个人图片依旧没法显示,后来通过我一系列的搜索,终于找到了问题的解决方案。
问题:
图片依然没法显示的缘由是hexo3版本更新后对不少插件支持有问题,hexo-asset-image插件在处理data.permalink连接时出现路径错误,把年月去掉了,致使最后生成的路径为%d/xxx/xxx
作法:sql

  • 找到插件hexo-asset-image,经过判断当前版本是否等于3的版本作不一样的路径分割,通常插件在/node_modules/目录下。
  • 修改代码以下:
//可在方法上添加该变量
var version = String(hexo.version).split('.');
//修改“data.permalink”
var link = data.permalink;  
if(version.length > 0 && Number(version[0]) == 3) 
    var beginPos = getPosition(link, '/', 1) + 1; 
else 
    var beginPos = getPosition(link, '/', 3) + 1;
复制代码
  • md文件使用时直接写照片名便可。
  • 修改完成保存,从新生成静态文件便可:[图片上传失败...(image-8401ef-1548813573167)]

列表

  • 无序列表使用*+-标识
  • 有序列表使用数字加.标识,例如:1.
  • 可嵌套使用,回车+tab便可
* 黄瓜
* 玉米
* 茄子

+ 黄瓜
+ 玉米
+ 茄子

- 黄瓜
- 玉米
- 茄子

1. 黄瓜
2. 玉米
3. 茄子

- 黄瓜
  - 水果黄瓜
  - 小黄瓜
- 玉米
  - 紫玉米
  - 黄玉米
- 茄子
复制代码

效果以下:shell

  • 黄瓜
  • 玉米
  • 茄子
  1. 黄瓜
  2. 玉米
  3. 茄子
  • 黄瓜
    • 水果黄瓜
    • 小黄瓜
  • 玉米
    • 紫玉米
    • 黄玉米
  • 茄子

注:

  • 若是在单一列表项中包含了多个段落,为了保证渲染正常,*与段落首字母之间必须保留四个空格。
  • 若是在列表中加入了区块引用,区域引用标记符也须要缩进4个空格

反正记住一个原则,若是在和列表配合使用的时候出现了问题,就缩进一次,四个空格或者一个制表符表明一次缩进。若是一次缩进没有解决问题,那就两次。

分割线

使用*-便可

***
---
复制代码

效果以下:



强调

*这里是斜体*
_这里是斜体_

**这里是加粗**
__这里是加粗__
复制代码

效果以下:
这里是斜体
这里是斜体
这里是加粗
这里是加粗

插入代码块

使用两排的“```”包裹就行了。若是须要定于语言高亮,在第一排的三个“`”后面加上名称便可。markdown支持的高亮语言可见下文。

\```java
XXXXXX
```\
复制代码

插入表格

其中第一行表头,第二行定义排列方式,:--坐边即左对齐,居右则右对齐,两边都有则居中。

表头|条目一|条目二
:---:|:---:|:---:
项目|项目一|项目二
复制代码

效果以下:

表头 条目一 条目二
项目 项目一 项目二

符号处理

转译多加一个/

\   反斜线
`   反引号
*   星号
_   底线
{}  花括号
[]  方括号
()  括弧
# 井字号
+   加号
-   减号
.   英文句点
!   惊叹号
复制代码

支持高亮语言

名称 关键字 名称 关键字
AppleScript applescript ActionScript 3.0 actionscript3, as3
Shell bash , shell ColdFusion coldfusion,cf
C cpp , c C# c# , c-sharp , csharp
CSS css Delphi delphi , pascal , pas
diff&patch diff patch Erlang erl , erlang
Groovy groovy Java java
JavaFX jfx , javafx JavaScript js , jscript , javascript
Perl perl , pl , Perl PHP php
text text , plain Python py , python
Ruby ruby , rails , ror , rb SASS&SCSS sass , scss
Scala scala SQL sql
Visual Basic vb , vbnet XML xml , xhtml , xslt , html
Objective C objc , obj-c F# f# f-sharp , fsharp
xpp , dynamics-xpp R r , s , splus
matlab matlab swift swift
GO go , golang

大体介绍就到这里啦,若是有什么新的发现,我会继续更新哒!

相关文章
相关标签/搜索