Nice to meet you.

My-first-blog

字数统计: 1.8k阅读时长: 6 min
2018/09/29 Share

  在暑假七月多的时候自学了点git,后来接触到Hexo,就想折腾个自己的博客出来玩玩。当时尝试着把博客做得更好看、功能更丰富,弄了个几天后,却不知道自己该写点什么,或者说能写点什么。时值暑假,就没花时间去弄了,好吧,事实是我贪玩,还好暑假结束前的那几天一直在学关于web的东西,也算是有点小收获。

  emmmm,开学差不多一个月,自己突然感觉有点必要把博客建起来,就熬了个夜,把以前的东西复习了一下,换了个Archer主题,以后就能在这写点东西了,先权当做笔记的功能了,哈哈。

Markdown是一种轻量级标记语言,创始人为约翰·格鲁伯(John Gruber)。它允许人们“使用易读易写的纯文本格式编写文档,然后转换成有效的XHTML(或者HTML)文档”。这种语言吸收了很多在电子邮件中已有的纯文本标记的特性。——维基百科

先把Markdown常用的基本语法整理一下,算是做个笔记了。
以后在使用过程中遇到的话还会继续整理添加。

插入图片(建议使用图床)

网络图片:

![Pic1](http://example.com/images/picture1.jpg)

本地图片:

![Pic2](/example/images/picture2.jpg)

换行

在行尾插入两个以上空格,或者插入换行标签<br>


强调

粗体和斜体

**粗体粗体粗体**
粗体粗体粗体
*斜体斜体斜体*
斜体斜体斜体

下划线、中划线

<u>下划线</u>
<span style="border-bottom:2px dashed black;">下划线</span>

下划线
下划线

~~中划线~~

中划线


缩进

代码情况下,使用Tab制表符或空格。

第一行(一个制表符)
    第二行(两个制表符)
第三行(四个空格)
    第四行(八个空格)  

文本情况下:
手动输入空格(不太推荐):
半方大的空白: &ensp;&#8194;
全方大的空白: &emsp;&#8195;
不断行的空白: &nbsp;&#160;

全角模式下输入空格(推荐):
「Markdown 语言」不负责实现段首缩进,推荐全角空格,切换到全角模式下(一般情况下,中文输入法是按 shift + space),输入两个空格就行了。这个相对来说稍微干净一点,而且宽度是整整两个汉字,很整齐——来源链接


标题

标题内容前输入特定数量的井号#来实现对应级别的HTML样式的标题(HTML提供六级标题):

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

一级和二级标题还有一种写法:

主标题
===================
副标题
--------------------

引用

在被引用的内容段落开头加上右尖括号 > 即可,只在开头加一个,或在每行前面都加一个,效果是一样的。

这一整段的内容都会作为一个HTML的引用元素。引用元素是会自动优化排版的(reflowable,可回流)。你可以任意地将引用的内容包含进来,然后所有这些都会被解析成为单独一个引用元素。

引用嵌套,在一个引用里面插入一个引用,可以用两个右尖括号 > 开头。依次类推,根据嵌套层次加相应数量的右尖括号。

> 这是一个引用,这是第一行 
> 这是第二行。
>> 这是一个嵌套的引用,这是第一行。  
> 这是第二行
> 
> 外层引用的第三行。前面需要一个视觉上的空行表示该层次内层嵌套的结束,空行前面的 > 可以有可以没有。

效果:

这是一个引用,这是第一行
这是第二行。

这是一个嵌套的引用,这是第一行。
这是第二行

外层引用的第三行。前面需要一个视觉上的空行表示该层次内层嵌套的结束,空行前面的 > 可以有可以没有。


链接

链接可以在行内插入:

[链接文字](链接地址)  
例子:[orzno's blog](https://orzno.com)

效果 : orzno’s blog


水平分区线

生成水平分区线,可以在单独一行内输入3个及以上的短横线、星号或下划线,短横和星号之间可以输入任意数量空格。
以下每行都生成一条水平区分线:

* * *
***
*****
- - -
---------------------------------------

效果:







列表

- 无序列表1
- 无序列表2
- 无序列表3

1. 有序列表1
2. 有序列表2
3. 有序列表3

效果:

  • 无序列表1
  • 无序列表2
  • 无序列表3
  1. 有序列表1
  2. 有序列表2
  3. 有序列表3

字体颜色

设置字体颜色
红色 #FF0000 白色 #FFFFFF 绿色 #00FF00 蓝色 #0000FF

黄色 #FFFF00 黑色 #000000 金色 #CD7F32 灰色 #C0C0C0

<font color=#ff0000 size=3>红</font>
<font color=#000000 size=3>黑</font>

效果


附:
RGB颜色查询对照表
颜色代码 - RGB颜色值与十六进制颜色码转换工具


添加代码

在一行内添加代码,用反引号 ` 包住代码即可。(反引号:英文输入法下Tab键之上的那个键)

这是一段PHP代码 `<?php echo "Hello World!";>`

效果:

这是一段PHP代码 <?php echo "Hello World!";>

在添加的代码每行之前添加 Tab 键(适合行数不多的时候,且不支持代码高亮)

<?php
echo "Hello World!";
>

在添加的代码块前添加如下所示代码(适合行数多的时候,支持代码高亮,界面更友好)——引用来自Markdown支持高亮的语言

1
2
3
<?php
echo "Hello World!";
>

效果:

1
2
3
<?php
echo "Hello World!";
>

在此列出一些比较常见的语言,获取更多,请点击Markdown支持高亮的语言查询。

Language key
Apache apache
AppleScript applescript
AsciiDoc asciidoc
Bash bash
C++ cpp
C# cs
CSS css
Django django
DOS.bat dos
Go go
HTML html
HTTP http
Java java
JavaScript javascript
JSON json
Lua lua
Markdown markdown
Matlab matlab
Perl perl
PHP php
PowerShell powershell
Python python
R r
Ruby ruby
SQL sql
Swift swift
Tex tex
text text/plain
VB.NET vbnet
VBScript vbscript
XML xml
YAML yml

添加表格

普通表格的表头单元格默认居中对齐,其他单元格默认左对齐

| ID | Language | key | Creator | Launch time |
| :-: | - | :- | :-: | -: |
| 1 | Java | java | Sun Microsystems | 1995.05 |
| 2 | JavaScript | javascript | Netscape | 1992 |
| 3 | Python | python | Guido van Rossum | 1991 |

注:
:- 代表字符串向左对齐
-: 代表字符串向右对齐
:-: 代表字符串居中

效果(表格的上一行记得空着,否则不会显示表格):

ID Language key Creator Launch time
1 Java java Sun Microsystems 1995.05
2 JavaScript javascript Netscape 1992
3 Python python Guido van Rossum 1991

参考链接:
Archer主题
Markdown维基百科
Markdown语言段首空格显示
关于博客中markdown语法的基本使用
Markdown 简明语法手册
MarkDown支持高亮的语言
RGB颜色查询对照表
颜色代码 - RGB颜色值与十六进制颜色码转换工具

文中若存在不妥或有误之处,敬请指正,不胜感激。

CATALOG
  1. 1. 插入图片(建议使用图床)
  2. 2. 换行
  3. 3. 强调
    1. 3.1. 粗体和斜体
    2. 3.2. 下划线、中划线
  4. 4. 缩进
  5. 5. 标题
  6. 6. 引用
  7. 7. 链接
  8. 8. 水平分区线
  9. 9. 列表
  10. 10. 字体颜色
  11. 11. 添加代码
  12. 12. 添加表格