如何使用CSDN中的Markdown写博客——纯小白篇

这篇博客用来学习如何使用CSDN中的Markdown写博客

在写这篇博客前,我找了很多教程,摸索了很长时间才会用这东西写博客,现在写一个教程方便像我一样的纯小白学习如何用这个Makedown写博客。

我第一次使用Markdown时干了什么?

那天我心血来潮,突然想写一篇博客,于是我激动的点击了写博客按钮,对于我这样没写过博客的纯小白来说,我以为写博客就像写word文档一样。可当我进入写博客的界面后一脸懵逼,欢迎使用Markdown编辑器,然后整个界面都是一堆我看不懂的动西,心想:“这是什么鬼,删了,全删了”然后我再把提前写好的复制粘贴了进来,可谁知道竟然变成了照片。不解不解不解…最后我还是发布了。后来我才意识到那是教程,我心里一万个后悔啊,呜呜呜。为了帮助像我一样的小白学习如何使用Markdown,特写此博客,如有大佬发现错误,还请指出,感激不尽!我第一次用Markdown写的博客
第一次进入markdown时的示例

界面介绍

如何使用CSDN中的Markdown写博客——纯小白篇_第1张图片

  1. 最上面那一行字:如何使用CSDN中的Markdown写博客——纯小白篇 就是将来你发布博客后的题目。紧接着那一行 B I H 什么的是工具栏。然后下面分为左右两部分,左半部分是你写博客的地方,右半部分是预览的,也就是你写的博客发布出去,别人打开后看到的情况。
  2. 那一行有 B I H 什么的工具栏把鼠标放上去停一会就会显示出功能了,如图
    鼠标停留效果
    然后例如点击 B 的话会出现这种情况,如图
    点击B的效果
    可以看到被选中的部分就是预览里显示的,如果想要改成其他字只要改选中的部分就行。

下面是正式的语法介绍

1.标题

使用 # 加上你要写的字就是标题了,目前共支持六级标题。一级标题就是一个 # ,二级标题就使用两个 # 也就是写成 ## 文字 的格式,如图
如何使用CSDN中的Markdown写博客——纯小白篇_第2张图片
注意 #与文字之间要有一个或一个以上的空格,要不然就会这样:
如何使用CSDN中的Markdown写博客——纯小白篇_第3张图片
标题的快捷键是:Ctrl/Command + Shift + H
比如我按下 Ctrl + Shift + H ,如图,默认的是二级标题。

标题快捷键
还可以点击工具栏里的 H ,这个默认的也是二级标题。
H 是标题

2.加粗

方法一:点击工具栏里的 B
方法二:自己打,格式 ** 要加粗的文字 **,注意 ** 和文字之间没有空格,我打空格是因为:如果我不打空格的话就显示不出来格式了。
方法三:快捷键 Ctrl/Command + B
加粗不要带空格

3.斜体

方法一:点击工具栏里的 I ,就是 B 右边的那个
方法二:自己打,格式 * 要斜体的文字 *,注意 * 和文字之间也没有空格。
方法三:快捷键 Ctrl/Command + I
斜体每空格

4.加粗并倾斜

方法一:点击工具栏里的 B 和 I(先后顺序不影响效果)。
方法二:自己打,格式 *** 斜体并加粗的文字 *** ,注意 *** 和文字间也没有空格。
方法三:使用快捷键 Ctrl/Command + B 后再使用快捷键 Ctrl/Command + I (先后顺序不影响效果)。
加粗并斜体

5.分隔线

就是长这样的
如何使用CSDN中的Markdown写博客——纯小白篇_第4张图片
方法一:工具栏里没有,就没有方法一了,哈哈。
方法二:连打三个 * (星号就是乘号)或三个 -(减号) 或三个_(下划线,输入法调成英文,shift + - 就可以打出来了,不是小键盘上的 - 啊,是那个大键盘上的)
方法三:嗯…好像没有快捷键。
如何使用CSDN中的Markdown写博客——纯小白篇_第5张图片

6.把自己写的代码搞上去

如果你懒得学这个,可以直接打代码,能显示,但是显示不出来头文件中<>里的东西,如图
如何使用CSDN中的Markdown写博客——纯小白篇_第6张图片
所以我们还是学一下吧
方法一:点击工具栏里的 <>
插入代码工具栏
方法二:自己打,格式三个 ` (这个键在大键盘的数字1的左边,输入法要调成英文),紧接着不要空格写上代码使用的语言,然后另起一行写代码,写完代码再另起一行打三个那符号。
方法三:快捷键 Ctrl/Command + Shift + K (注意这个快捷键如果你使用搜狗输入法,中英文模式都是无效的,可以换成微软的输入法,亲测有效)
如何使用CSDN中的Markdown写博客——纯小白篇_第7张图片

7.插入图片

方法一:点击工具栏上的插入图片工具栏
方法二:快捷键 Ctrl/Command + Shift + G
示例如图:
如何使用CSDN中的Markdown写博客——纯小白篇_第8张图片
我一般都是点这个上传图片
然后再点红色的上传图片,从自己的电脑里找就行了
如何使用CSDN中的Markdown写博客——纯小白篇_第9张图片
插入图片后你会看到这个东西:
在这里插入图片描述
这个被选中的部分是图片描述,可改可不改。
其他插入图片的方法我也没试过,大家可以自己试一下。
如何改变图片的大小
刚刚上面那张图()里的就是图片的链接,想要改变图片的大小用


代替上面的全部东西(包括图片的描述)就行了。注意width前的空格,其中50%是缩放比例,可以自己调整。如图
如何使用CSDN中的Markdown写博客——纯小白篇_第10张图片
刚刚这张图不清楚,我再贴张大的
如何使用CSDN中的Markdown写博客——纯小白篇_第11张图片
效果对比
如何使用CSDN中的Markdown写博客——纯小白篇_第12张图片

8.超链接

方法一:点击工具栏上的
超链接工具栏
方法二:自己打,其实有几种格式,这里只写一种我用的格式 [ 链接的名字](链接网址),注意是英文括号。
方法三:快捷键 Ctrl/Command + Shift + L
如何使用CSDN中的Markdown写博客——纯小白篇_第13张图片
然后把链接复制粘贴上去,再点确认就会这样
在这里插入图片描述
把选中的字换成你想要的就行了。


好了,这些基本上够用了,如果还想干别的可以点击工具栏最右边的问号,你就会看到更多语法。

在这里插入图片描述
另附上别人写的教程,我觉得也挺适合小白的
Markdown基本语法
Markdown基本语法2
这两个其实都在CSDN Markdown在线编辑专栏里


谢谢大家耐心的看完,如果觉得不错,如果您比较富裕,请支持一下吧,谢谢!

你可能感兴趣的:(其他)