让博客园的博客变得简单现代(用此博客做示例)
一份好的博客文档离不开一个优秀的编辑器。借此篇文章介绍一下编写该博客markdown的语法,后续再增加介绍其他语法,方便大家写出更好更漂亮的文档。重点是点击左上角的Github链接,有主题源码哦 |
一份好的博客文档离不开一个优秀的编辑器。借此篇文章介绍一下编写该博客markdown的语法,后续再增加介绍其他语法,方便大家写出更好更漂亮的文档。 重点是点击左上角的Github链接,有主题源码哦
以上非markdown语法,编码如下:
<table width=100%>
<tr><td bgcolor=#226DDD >
<font color=#FFFFFF face="Microsoft YaHei" >
一份好的博客文档离不开一个优秀的编辑器。借此篇文章介绍一下编写该博客markdown的语法,后续再增加介绍其他语法,方便大家写出更好更漂亮的文档。<strong>重点是点击左上角的Github链接,有主题源码哦</strong>
<font>
</td></tr>
</table>
<div style="background-color:#226DDD;width:100%;padding:10px;auto;text-indent:2em"><font color=#FFFFFF face="Microsoft YaHei" style="font-size:13px">
一份好的博客文档离不开一个优秀的编辑器。借此篇文章介绍一下编写该博客markdown的语法,后续再增加介绍其他语法,方便大家写出更好更漂亮的文档。<strong>重点是点击左上角的Github链接,有主题源码哦</strong>
</font></div>
标题大小设置↓ |
一级标题
二级标题
三级标题
四级标题
五级标题
六级标题
以上编码如下:
# 一级标题
## 二级标题
### 三级标题
#### 四级标题,发现这个标题不能和其他语法重用。
##### 五级标题
###### 六级标题
段落和换行↓ |
使用一个或多个空行分隔内容段来生成段落(<p>
)
在行末输入两个或以上空格再回车来生成换行(<br/>
)
如果要插入多个空行,可以手动插入换行符 <br/>
有序无序设置↓ |
- 这是无序 1.我是有序
- 这是无序 2. 我是有序
- 这是无序 3. 我是有序
- 这是无序 4. 我是有序
以上编码如下:
* 这是无序 1.我是有序
* 这是无序 2. 我是有序
* 这是无序 3. 我是有序
* 这是无序 4. 我是有序
引用设置↓ |
这里是引用,引用什么,大家定
以上编码如下:
> 这里是引用,引用什么,大家定
插入链接↓ |
欢迎访问博客园
以上编码如下:
[欢迎访问博客园](https://www.cnblogs.com/)
插入图片↓ |
以上编码如下:

字体设置↓ |
这里是粗体
这里是斜体
以上编码如下:
**这里是粗体**
*这里是斜体*
表格编排↓ |
列1 | 列2 | 列3 | 列4 |
---|---|---|---|
靠左1 | 居中1 | 靠右1 | 默认靠左1 |
靠左2 | 居中2 | 靠右2 | 默认靠左2 |
靠左3 | 居中3 | 靠右3 |
以上编码如下:
列1 | 列2 | 列3 | 列4
:--- |:---:| ---:|---
靠左1 | 居中1| 靠右1 | 默认靠左1
靠左2 | 居中2 | 靠右2 |默认靠左2
靠左3 | 居中3 | 靠右3 |
分隔线↓ |
以上编码如下(有根线条哦):
---
删除线↓ |
这里是删除内容
以上编码如下:
~~这里是删除内容~~
编码框↓ |
public string getFrist()
{
return "hello";
}
以上编码如下(esc下面的键按出的点):
···
public string getFrist()
{
return "hello";
}
···
html↓ |
你好
以上编码如下:
<html>
<!--在这里插入内容-->
<h1>你好</h1>
</html>
以上内容就是靠展示的语法写出来的,其实还有更多语法,但是利用以上的基本用法就能写出像模像样的博客,可以参考我的其他博客。 文中左边的标题目录因为内容涉及到展示出一级标题和二级标题,所以产生了影响,并不是bug。最后感谢贡献该博客主题的esofar。
以上编写如有不好的地方,请多多指教。