如何在博客园上使用markdown

Posted 李帆1998

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何在博客园上使用markdown相关的知识,希望对你有一定的参考价值。

目录[1]

1. 打开markdown编辑器

在你的博客园首页面选择新随笔,在编辑页面左上角有设置默认编辑器,点击选择markdown即可。这时你已经可以编辑了,但你会注意到,编辑页面是没有预览按钮的,当然你也可以滑到最底部选择保存为草稿,然后就可以查看了。如果你觉得很麻烦(确实麻烦),就可以寻找新的编辑工具或博客客户端。

2. 寻找编辑工具

博客园有推荐专门的博客客户端给我们,如windows Live Writer和Open Live Writer。但不幸的是这两者都不支持markdown,我相信万能的程序员已经开发出了用于博客的markdown工具,但我懒得找了。
我用的是有道云笔记(是不是感觉很白痴),原因当然是因为安卓版的有道云笔记也可以markdown,这样就可以随时随地的编辑与修正。当然为知笔记也可以,但是收费,而且PC端不如有道方便,有道两个窗口,为知一个,预览还要按保存。其它还有很多更好更强大的编辑器,但是有道已经满足我了。当然,你还需要将整篇内容复制到博客园的编辑器中去。下面讲讲语法,我会将有道的markdown和博客园的markdown比对,确保复制成功。

3. 基本语法

标题(#):

# 标题1
## 标题2
### 标题3
#### 标题4
##### 标题5
###### 标题6
###### 标题6 ######

标题1

标题2

标题3

标题4

标题5
标题6
标题6

列表(-,+,*,数字.):

- 条目1
    - 条目1.1
- 条目2
* 条目3
* 条目4
+ 条目5
1. 条目6
1. 条目7
  • 条目1
    • 条目1.1
  • 条目2
  • 条目3
  • 条目4
  • 条目5
  1. 条目6
  2. 条目7

链接与图片:

[有道云笔记](https://note.youdao.com/)

![image](https://image.cha138.com/20210605/0c4fcaa809ae492da6280f697c46fe86.jpg)

有道云笔记

image

注意:如果在两句之间不加空行,就会这样
有道云笔记
image
这告诉我们换行和段落要一个以上空行,或者用\\换行,其它地方也是此用法。

注意:使用图片时,括号里是图片的网络地址,或者说图床。请自行查阅。

代码块和单行代码

方法1:

```
public class HelloWorld{

}
```
public class HelloWorld{
    
}

方法2:

代码块2:

    public class Helloworld {
    
    }

代码块2:

public class Helloworld {
    
}

注意:建立代码区块,只要简单地缩进 4 个空格或者 1个制表符就可以。一个代码区块会一直持续到没有缩进的那一行(或是文件结尾)。方法2中,冒号下面要有一个或多个空行才行

方法3:

`int a = a + b;` 调用方法`printlf()`打印。

int a = a + b;调用方法printlf()打印。

int a = a + b; 调用方法printlf()打印。

int a = a + b;调用方法printlf()打印。

对比输出上下两行,是不是代码更突出了呢。反引号:英文输入模式下,ESC下面那个波浪键就是。

引用:

> 这是引用

这是引用

加粗,斜体等修饰:

*斜体*
**加粗**
~~删除线~~
++下划线++
==高亮==

斜体
加粗
删除线
++下划线++
高亮

分割线:

***
---
____



三个以上星号、减号、底线来建立一个分隔线,行内不能有其他东西

单选框:

- [x] 带勾的
- [ ] 空的
  • [x] 带勾的

  • [ ] 空的

注意:博客园会在选择框的前面多显示一个圆点

目录:

添加目录很简单,加入标记:

[Toc]

他会自动索引所有的标题和标题层次。本文就是在文首添加了该标记,但是很遗憾博客园好像不支持,或者我语法错了?有道云是可以的

脚注(跳转):

 ## 目录[^目录]
[^目录]:回到目录

在文章开头加上这两行(两个#无关,这是本文用来做标题的),要保证中括号[^标记名]里面的标记名一样,其余会照常显示。
另外,有道云编辑器要把这两行调换一下才能用。本文用到了此功能,文末直接回到开头。PC可以用,我的手机跳转不了。

其他

其它还有许多功能,如表格,图等,这里只介绍了常用的几种,markdown可以转换html,事实上也是转换成HTML后显示的,如果你遇到了难题,请试着了解其中的转换规则。

数学公式:

```math
E = mc^2
```
E = mc^2

有道和github的 图

表格:

header 1 header 2
row 1 col 1 row 1 col 2
row 2 col 1 row 2 col 2

4. markdown各软件语法对比

有道云和博客园:

很难受,语法是有一些不一样的,用且仅用本文所展示的语法来说。

  • 有道云很多标识符后面要加空格(#,*,-等),博客园不那么严格
  • 博客园不支持目录功能,而有道云是可以的。
  • 对于脚注的用法,稍微也不一样,简单说,那两行调换一下就好了。
  • 其它语法(限本文)都一样

另一边,就是显示问题,确实不如其他的编辑器好看。

  • 引号显示
  • 分割线显示
  • 数学公式显示
  • 选择框显示,博客园在前面多个圆点

另外,我把md用网页版github打开看了看,更心累了,不支持目录,下划线,高亮,脚注,甚至图片也没能打开。其它编辑器没试过。


  1. 回到目录 ↩︎

以上是关于如何在博客园上使用markdown的主要内容,如果未能解决你的问题,请参考以下文章

Markdown - Test

小白如何开始在博客园上开始自己的第一篇博文

测试博客园的MarkDown性能

咨询博客园文章如何维权

csharp 动态与反射的效率对比,结果证明动态比反射的效率高,这个代码不存在问题,但是结论可能存在问题,是博客园上的一个人写的

白话系列之IOC,三个类实现简单的Ioc