您的位置:首页 > 其它

让博客园的博客变得简单现代(用此博客做示例)

2019-01-07 13:24 204 查看
一份好的博客文档离不开一个优秀的编辑器。借此篇文章介绍一下编写该博客markdown的语法,后续再增加介绍其他语法,方便大家写出更好更漂亮的文档。重点是点击左上角的Github链接,有主题源码哦
一份好的博客文档离不开一个优秀的编辑器。借此篇文章介绍一下编写该博客markdown的语法,后续再增加介绍其他语法,方便大家写出更好更漂亮的文档。 重点是点击左上角的Github链接,有主题源码哦

以上非markdown语法,编码如下:

<table width=100%>
<tr><td bgcolor=#226DDD >
<font color=#FFFFFF face="Microsoft YaHei" >
&#8195;&#8195;一份好的博客文档离不开一个优秀的编辑器。借此篇文章介绍一下编写该博客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/)
插入图片↓


以上编码如下:

![Mou icon](http://mouapp.com/Mou_128.png)
字体设置↓

这里是粗体
这里是斜体
以上编码如下:

**这里是粗体**
*这里是斜体*
表格编排↓


列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。
  以上编写如有不好的地方,请多多指教。

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: