【吐血整理】怎样用markdown写出一篇好的博客?

相信在csdn大家都忍不住写写博客了吧,不过该怎么再能写一篇好的博客呢?

前言

本文将带领大家了解,入门markdown。
本文也是用markdown写下的,所以,我把本文markdown源码上传到了csdn下载0积分,若不是0积分了,可以私聊我,或者评论区告诉我,我会把源码发给你。

源码地址(审核需要一定的时间)

为什么要用markdown

大家写博客都发现了,有两种编辑器:富文本markdown
在这里插入图片描述

用那个好呢?
我们来对比一下:

Markdown
在这里插入图片描述
富文本
在这里插入图片描述

其实两种编辑器各有各的好处。富文本最简洁易懂,但是功能没有markdown强大。而markdown有一些难度,不过功能十分强大。富文本编辑时时不时需要用鼠标点击,而markdown可以做到不用鼠标、


因此,建议大家写随笔,或者简短的文章是用富文本,大型,用心写的那种,用markdown。

必须的标题(这是一个一级标题)

标题,是好文章必须的组件。标题,可以让文章的层次分的更清楚。那么markdown怎么插入一个标题呢?

我推荐,不用鼠标点上面的标题,打井号(#)来创建标题。如果你的键盘没有问题的话,是用shift+3打出井号。
创建标题用井号+空格,井号越少,标题就越大。有几个井号,就是说几个井号,就是几级标题。我们来看一下:

二级标题

三级标题

四级标题

五级标题
六级标题

加粗文本

####### 没有七级标题
大家发现了吗?六级标题已经和加粗文本一样了。十分不常用。但是,他还是和加粗文本有区别的。详情见目录,可以立刻点一下。(可是有回家的路的哦!)

看完了目录这一章,你就知道标题的作用了。
附上标题markdown代码:

## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
**加粗文本**

####### 没有七级标题

如何改变文本的样式

文本样式,可以增加文章的可读性,把重点标出来,让别人更有兴趣看文章。想象一下,如果一个文章没有任何加粗,斜体,标题……你会看这篇文章吗?

加粗

加粗是最基本的强调的最基本的,一个文章可以没有斜体下划线但是加粗是要有的。添加一个加粗,很简单。在你要加粗的文本前后加两个星号(*)就可以了。

**加粗文本**

但是,markdown有的时候会混淆。如果要加粗的句子里面也有星号,那么结果恐怕就不是你想要的了,所以,你也要会使用 HTML 标签编辑markdown:html加粗的代码是:<b>加粗文本</b>

斜体

斜体也是强调,不过通常不需要。加粗就行了。当然,也要知道。
斜体的代码就是一个星号(*)

*斜体*

斜体的html是<i>斜体</i>

删除线

用的不多 (才怪)
markdown是~~删除~~,html是<s>删除</s>

上标和下标

用到的也不多 (你一定觉得什么用到的都不多)
当然,要用到的时候很头疼。
没事,下标是一个~ ,~下标~比如说H2O。html是<sub></sub>

上标(次方)是两个^, ^上标^,比如说210=1024,html是<sup></sup>

荧光笔标记

这个,比加粗更强调!看起来就像荧光笔一样。就是两个等于号==xxx==

引用

这个用的十分多,不仅可以引用,还可以修饰:

Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。
Markdown具有一系列衍生版本,用于扩展Markdown的功能(如表格、脚注、内嵌HTML等等),这些功能原初的Markdown尚不具备,它们能让Markdown转换成更多的格式,例如LaTeX,Docbook。Markdown增强版中比较有名的有Markdown Extra、MultiMarkdown、 Maruku等。这些衍生版本要么基于工具,如Pandoc;要么基于网站,如GitHub和Wikipedia,在语法上基本兼容,但在一些语法和渲染效果上有改动。

——————引用于百度百科

还可以引用自己的理解:

我认为markdown只是简化版的html,而且完全支持html标签。

引用,只需要加一个“>”就可以引用了

对了,注意,引用后记得回一下车,按一下enter,不然下面的句子也会被引用

链接

博客里面难免会有一些外部链接,比如说csdn是个好网站!
那么,有个简单的方法:还记得上面的工具栏吗?
在这里插入图片描述
点一下超链接,嘿嘿!

图片

图片可以增强文章可读性,更多的图片,比全部都是文字要好。在这里插入图片描述
本地图片直接拖拽进来,外部链接就点上面的工具栏。图片描述就是图片加载失败后展示的词语,图片保存在csdn服务器应该就不会丢失了,不用管。

一个文章图片多会大大增加读者的兴趣哦!

更改图片大小

简单,只需要在图片的url后面加一个“ =长x宽”就可以了
在这里插入图片描述
这是一张50x50 的图片。

代码片

第一种:直接点击上面的“代码块”

# 一个python程序员自杀前的遗书
print("Goodbye,world!")

第二种,行内代码,也是点上面导航:print('嘿嘿')

列表

分别有无序列表,和有序列表,上面导航都有:

无序

  • 无2
  • 无3
  • 无4
    • 按下几个空格创建儿子
      • 还有孙子!
        • !!!

有序

  1. 第一个(前面的数字不会被选中
  2. 2
  3. 3
  4. 4
  5. 第五个

前面的序列不会波选中
在这里插入图片描述
发现了吗?上面的工具栏是很有用的!

表格!

我们点一下上面的表格

会发现:

|  |  |                     <<<————————表头
|--|--|                     <<<————————现在先不管他
|  |  |                     <<<————————内容

接下来,你就有一个表格了!

1(表头) 2
内容 内容
添加列仅需几个竖线||| 这个是添加的列

更改文字位置(左对齐,右对齐)

表格默认都是居中的

第二列其实也很有用,你想让这列往哪里对齐,就在哪里放一个冒号:
比如说:

左对齐的 右对齐的
嘿嘿 右!右右右右右右右右右右

简单,但是鲜为人知的技巧

注释

注释十分简单添加,比如说我想注释HTML:

*[HTML]:   描述

紧接着,大家把鼠标挪到 HTML 上。

在这里插入图片描述

鼠标截不进去,谅解啊。

鼠标会变样式,然后会出现描述。
是否很简单?

创建待办/已完成

仅需点击上面,然后,在预览处点击复选框,就OK了!

居中,右对齐

右对齐

当然了,默认都是左对齐。如果想要右对齐的话,先添加一个 HTMLp标签

<p></p>
然后,加一个align属性:<p align=right></p>
p标签 里面写上要左对齐的文字,就可以了

居中

最简单的方法,就是用 HTML 的center标签:<center></center>,中间写文字,搞定!

目录

哈哈,看着标题呢,点过来了?看完后,点击下面传送门回去看标题一章吧吧!

          
          
          

很简单,添加一个@[toc](描述),文章目录就出来了!

是不是很漂亮?

个人经验

文章开头

首先,先用>加一个引用,简单描述这篇文章要说什么
然后,@[TOC]加标题

前言和结语

前言就详细说一下文章,没有结语的话,显得有头无尾。

结语

谢谢大家!如果有问题的话,欢迎大家指出!希望大家多写博客,有问题欢迎大家指出!

谢谢大家!
©️2020 CSDN 皮肤主题: 技术工厂 设计师: CSDN官方博客 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值