我的第一篇markdown博客demo

欢迎使用Markdown编辑器写博客

这是我的第一篇markdown博客demo

CSDN的markdown编辑器是嵌入的。
我来试试列表:
错误的列表:
- markdown
- 我也是错了吗?

第二种错误的列表:
- **是这样的吗?
- 是的呢

所以正确的应该是这样的吗?

  • 我是列表元素
  • 我们一起构成正确的列表
  • 好的我已经发现了秘密了:
  • 必须得和上面的语句空一行
  • 然后一个 -
  • 这个 - 还需要空一个格子,和下面的文字,或者符号
  • 明显看到短横线变色了,或者右边的变成列表点就好了

可以看到如果没有格式的话。多余的空行是不会显示的。
为了把这句话加粗,我们尝试使用加粗技巧
多余空行不会显示

  • markdown和扩展简洁语法
  • 为啥要加上星号才能免除加粗变大呢?
  • 为啥要加上星号才能免除加粗变大呢?

本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:

  • Markdown和扩展Markdown简洁的语法
  • 代码块高亮
  • 图片链接和图片上传
  • LaTex数学公式
  • UML序列图和流程图
  • 离线写博客
  • 导入导出Markdown文件
  • 丰富的快捷键

上面可以看到#号越多,字体越小

快捷键

快捷键

快捷键

其实还是有基本的快捷键的
比如说加粗
直接选择字体,然后摁快捷键即可
我们来试试斜体
真是太有趣了
引用链接?

https://www.bilibili.com/video/av24979388?spm_id_from=333.338.__bofqi.18

我直接试试百度链接
https://www.baidu.com

https://www.baidu.com

插入链接,还是Ctrl L
我们来试试刚才的链接:
杨超越的翻车现场
优秀,我又学会了一个新技能。

提升标题

感觉还行

  • 加粗 Ctrl + B
  • 斜体 Ctrl + I
  • 引用 Ctrl + Q
  • 插入链接 Ctrl + L
  • 插入代码 Ctrl + K
  • 插入图片 Ctrl + G
  • 提升标题 Ctrl + H
  • 有序列表 Ctrl + O
  • 无序列表 Ctrl + U
  • 横线 Ctrl + R
  • 撤销 Ctrl + Z
  • 重做 Ctrl + Y

Markdown及扩展

Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,然后转换成格式丰富的HTML页面。 —— [ 维基百科 ]

使用简单的符号标识不同的标题,将某些文字标记为粗体或者斜体,创建一个链接等,详细语法参考帮助?。

本编辑器支持 Markdown Extra ,  扩展了很多好用的功能。具体请参考Github.

表格

Markdown Extra 表格语法:

我也来画一个表格:

性别 姓名
小明
小A
hh yo
项目 价格
Computer $1600
Phone $12
Pipe $1

可见,如果不加横线的话,是不会出现表格的,也没有必要全部加上,一个就好,但是空格必须要加

书目 数量 价格 总价
鲁滨逊漂流记 2 12 24
如何变得和你一样优秀 2 11 22

哈哈
可以使用冒号来定义对齐方式:
好像也没对齐啊?
冒号必须是英文的!也不用换行

项目 负责人 性别
机器人 小A
图像 小B
项目 价格 数量
Computer 1600 元 5
Phone 12 元 12
Pipe 1 元 234

定义列表

Markdown Extra 定义列表语法:
项目1
项目2
定义A
定义B
缩进必须是英文冒号
  • 是这样的吗?
  • 也许不对吧?
Markdown Extra 定义列表语法:
项目1
项目2
定义 A
定义 B
项目3
定义 C

定义 D

定义D内容

代码块

代码块语法遵循标准markdown代码,例如:

#Python前面的是波浪线的那个按键,不是传统的单引号
import cv2
"""什么意思呢?
    i need docstring
    所以这里的缩进还是用的tab键
好好
"""
: cv2.imshow("img",img)
: cv2.waitKey(0)
@requires_authorization
def somefunc(param1='', param2=0):
    '''A docstring'''
    if param1 > param2: # interesting
        print 'Greater'
    return (param2 - param1 + 1) or None
class SomeClass:
    pass
>>> message = '''interpreter
... prompt'''

最后是一个脚注了

生成一个脚注1
2;这里是脚注内容

脚注

生成一个脚注3.

最后的目录

[TOC]来试试
目录
1、数学公式
2、ulr图
[TOC]

目录

[TOC]来生成目录:
为啥这边没有东西呢?
好像不用尴尬,只要有标题的都是会生成目录的

测试标题

数学公式

数学公式

使用mathjax渲染LaTeX数学公式,详细请见math.stackexchange.com
使用MathJax渲染LaTex 数学公式,详见math.stackexchange.com.

  • 行内公式,数学公式为: λ ( i ) = s i n ( i 2 )
  • emmmm,再写一个: α = β / 2 + n N

  • 行内公式,数学公式为: Γ ( n ) = ( n 1 ) ! n N

  • 块级公式:

x = b ± b 2 4 a c 2 a

更多LaTex语法请参考 这儿.

UML 图:

用文本渲染出流程图:

Created with Raphaël 2.1.2 小明 小明 哈哈 哈哈 哇,我该说啥?

渲染序列图:

Created with Raphaël 2.1.2 张三 张三 李四 李四 嘿,小四儿, 写博客了没? 李四愣了一下,说: 忙得吐血,哪有时间写。

直接上流程图吧:


st=>start: Start:>http://www.google.com[blank] 
e=>end: >http://www.google.com op1=>operation: My Operation sub1=>subroutine: My Subroutine 
cond=>condition: Yes or No?:>http://www.google.com io=>inputoutput: catch something... 
para=>parallel: parallel tasks 
st->op1->cond 
cond(yes)->io->e 
cond(no)->para 
para(path1, bottom)->sub1(right)->op1 para(path2, top)->op1

或者流程图:

Created with Raphaël 2.1.2 开始 我的操作 确认? 结束 yes no
  • 关于 序列图 语法,参考 这儿,
  • 关于 流程图 语法,参考 这儿.

离线写博客

即使用户在没有网络的情况下,也可以通过本编辑器离线写博客(直接在曾经使用过的浏览器中输入write.blog.csdn.net/mdeditor即可。Markdown编辑器使用浏览器离线存储将内容保存在本地。

用户写博客的过程中,内容实时保存在浏览器缓存中,在用户关闭浏览器或者其它异常情况下,内容不会丢失。用户再次打开浏览器时,会显示上次用户正在编辑的没有发表的内容。

博客发表后,本地缓存将被删除。 

用户可以选择 把正在写的博客保存到服务器草稿箱,即使换浏览器或者清除缓存,内容也不会丢失。

注意:虽然浏览器存储大部分时候都比较可靠,但为了您的数据安全,在联网后,请务必及时发表或者保存到服务器草稿箱

浏览器兼容

  1. 目前,本编辑器对Chrome浏览器支持最为完整。建议大家使用较新版本的Chrome。
  2. IE9以下不支持
  3. IE9,10,11存在以下问题
    1. 不支持离线功能
    2. IE9不支持文件导入导出
    3. IE10不支持拖拽文件导入


  1. 这里是 脚注内容.
    嗯,上面还不是最后,下面我们来看看到底还有几个内容,
    先加一个目录试试
  2. 这里是 脚注内容.
    嗯,上面还不是最后,下面我们来看看到底还有几个内容,
    先加一个目录试试
  3. 这里是 脚注内容.
    嗯,上面还不是最后,下面我们来看看到底还有几个内容,
    先加一个目录试试

猜你喜欢

转载自blog.csdn.net/hehedadaq/article/details/81111338