用Markdown写CSDN博客超详细攻略

用Markdown写CSDN博客超详细攻略

    • 标题目录
    • 分割线
    • 强调
    • 改变字体、大小、颜色
    • 引用文本的嵌套
    • 缩进/换行
    • 图片的标题
    • 发图片html方式
    • 表格
    • 页内跳转
    • 快捷键
    • 奇葩用法


  为了方便讲解,笔记内容中出现下面(代码行或粉红背景红字)的格式均为Markdown的语法使用。如果csdn帮助文档已经写了的教程,这边我就不提了。我就发的它没有提及的。

注意:这里的格式仅仅针对csdn博客,亲测有效,其他的markdown编辑器不知道有没有效果

标题目录

首先看看我的标题和目录怎么搞出来的?如下即可:

@[TOC](用Markdown写博客超详细攻略)

分割线

目录搞定了,我们将正文和目录分开的分割线:

---

三个减号独占一行就ok了

强调

  • 1:按键盘的左上角的 ` 符号两次,把文字写在其中即可。
    ( 看我干嘛,看背景)

我们可以让它居中:

`看我干嘛,看背景`

改变字体、大小、颜色

比如:我是楷体
格式如下:

我是楷体

当然也可以改标题的格式大小字体啦。

引用文本的嵌套

拉拉

哈哈

格式:

> 拉拉
>> 哈哈

缩进/换行

  缩进我用的是  
换行
即可

图片的标题

图片的居中和改变尺寸帮助文档有,这里说一下给图片加标题:
标题就是鼠标移动上图片去显示的内容
用Markdown写CSDN博客超详细攻略_第1张图片

![啦啦啦](https://img-blog.csdnimg.cn/2019102220040573.png#pic_center "你瞅啥?")

发图片html方式

来一个图片,

用Markdown写CSDN博客超详细攻略_第2张图片

代码附上:首先你要把图片先上传上去,可以自己开一个博客专门放,不过这样比较烦。不推荐。

<div >
<center>
<img src="//pic.cnblogs.com/avatar/1287015/20171226191229.png"  width="220" height="220"  alt="可达鸭"><br>
div>

你也可以把表格和图片结合起来:把图片放在一个表格里面(不过效果也就这样了)

用Markdown写CSDN博客超详细攻略_第3张图片

代码:

![啦啦啦](https://img-blog.csdnimg.cn/20191025093933182.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NDI4ODg5,size_16,color_FFFFFF,t_70#pic_center =300x300 )| 
-------- | 

表格

表格太难写了有没有,别怕,给你一个连接,生成n*m的格式。自己偷着乐吧。
点击:表格转换网址
当然里面的字体也可以像之前一样改变,不过写起来挺烦的。

项目 Value
电脑 $1600
手机 $12
导管 $1

自己研究哈。

还有就是html支持的表格方式,并且我们可以通过这个设置里面的字体和各种样式,csdn是支持的。

效果图:

看背景颜色
看背景颜色

感觉是不是高大上了一点

代码附上

<table>
<tr>
<td bgcolor=#faf2ea>
<font size=3 color=#ca0c16 >看背景颜色 
<br>
td>
<td bgcolor=#ca0c16>
<font size=3 color=#ffffff >看背景颜色 
td>
tr>
table>

这样其实我们可以发现MarkDown是支持部分HTML语法的。知道这一点,我们就可以使用更多高级的样式了。但是就不太方便了。如果偶尔有一点特殊的想法或无聊的荒可以这样把博客装饰一下。

页内跳转

点击回到标题目录大法

首先在你要跳转的地方用下面第一行标记一下,然后在需要跳额地方,用链接方式就好了。

## <span id="goback">标题目录span>
[点击回到目录大法](#goback)

快捷键

这个还是比较重要的,虽然csdn帮助文档已经说了,但是我还是要复制过来一些用起来方便的:

首先是查找和替换,这个帮助文档说的是command+F/G,其实就是ctrl+F/G就好了.

插入链接(ctrl+shift+L)插入代码(ctrl+shift+k)用快捷键是比较方便的。
图片就直接拖入即可。列表、加粗的快捷键都是常用的,不必为了缩进慢慢调。

奇葩用法

  搞什么哈哈哈把指数用法用来做这样的的效果…额,好像有点无聊

搞什么^哈哈哈^
来~做这样的~的



用Markdown写CSDN博客超详细攻略_第4张图片
先就分享到这里了。拜拜。

你可能感兴趣的:(前端技术知识)