写博客,建议你学习使用MarkDowm

简介: 学习使用MarkDowm

🍎道阻且长,行则将至。🍓


@Toc


一.初见Markdown

Markdown是一种普通文本标记语言,简称md,例如我们使用Typora写的文档后缀名就是 “.md”。对于标记语言我们最常见的可能就是HTML了,就是网页常用的语言,那么Markdown就是类似的这种语言。

我们在CSDN写博客的时候有两种文本编辑器:富文本和Markdown编辑器,而默认的是富文本。那么这两种编辑器有什么不一样?

1.富文本和Markdown

所谓 富文本 就是像你在word、WPS里面写文档一样,想设置格式、修改格式、张贴内容只需要通过鼠标键盘控制软件,选择你需要的功能就能成为你想要的格式,这最大的特点就是所谓的 所见即所得。而标记语言例如HTML我们都知道是有一定编写规则、纯代码化的,你需要的格式都是一个个代码设置出来的,就不是所见即所得了。Markdown也是如此,你所见的只不过是==一行行带有标记的语言==。

2.为什么还要用Markdown

既然富文本如此便捷使用,那我们怎么还要学习使用Markdown?我认为的原因有这几个

  • 纯文本。Markdown是纯文本的编写方法,这样可以让你在写作的时候更加专注于写作本身,而且很多情况下只需要敲打你的键盘,使用标记来调整你的格式,而富文本的格式调整多用鼠标,所以可以在一定程度上提高效率。
  • 语法易。其实语法也没那么难,我们写作常用的格式无非就那么几个,而且这个标签不像HTML那么复制,可能看看两遍就记住了,记不住的在CSDN右边也有语法说明查阅,写个两篇博客就记住了。
  • 可读性和兼容性。可能这个才是更重要的吧,作为一个文字编辑来说可读性还是很高,而且在CSDN也开启了同步预览模式,这也是弥补了不能所见即所得的一个问题吧。这个文档格式是完全标准的,无论你把这个Markdown文本贴到哪去都不会出现格式乱码,而其他富文本就不一定了,就像以前的WPS和Word存在一些不兼容现象。

推荐你们试试 -_-
image.png


二.进入Markdown

这一节整理了我们写文最常用的几个格式。我区分为了文本、表格、图片几块。

1.文本类

文本类主要包括了标题、正文、序列、代码块、超链接等。

1.1标题

标题是使用#来设置的,一个有六级标题,几个#就是几级,从大到小为一级到六级。其中一到三级可以生成目录,使@[Toc](目录)就可以在编写位置生成目标了。

示例:
# 一级标题
## 二级标题

1.2正文

普通的正文部分直接写就ok了。
对于其他特殊类型:

  • 1.斜体 *内容*

内容

  • 2.加粗 **内容**
    内容
  • 3.标记 ==内容==

==内容==
==p:注意这几个符号后面无空格~!==
例如:== a==

  • 4.删除段 ~~内容~~

内容

  • 5.上下标~下~ ^上^

正常 ==~下~== 正常 ^上^ 正常

  • 6.分割线 --- *** 三个以上的减号或者星号

  • 7.序列

无序+ - * ,就是前面一个个黑点的序列,后面的数是我写的。
有序1. ,点后面有个空格,序号只是格式,后面的序号尽管出现无序也会自动排序。
可选序列 - [x] - []

   - [x] 选
 - [ ] 不选
  • 8.引用块 >
引用
  • 9.代码段
用三个`包裹,在```后面可以表示对应的代码类型,如java、xml等

代码内容

  • 10.超链接

链接: [link](链接)
链接: link


2.表格类

就是使用竖线|分割列,横线-减号分割主键。在横线==哪边加:冒号就居哪,两边加就是居中==。

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

| Column 1 | Column 2      |
|:--------:| -------------:|
| centered 文本居中 | right-aligned 文本居右 |
项目 Value
电脑 $1600
手机 $12
导管 $1
Column 1 Column 2
centered 文本居中 right-aligned 文本居右

3.图片类

图片在这个编辑器里其实也可以直接复制粘贴。

图片:  ![提示文本](链接)
有格式图片:  ![提示文本](链接 =【图片大小尺寸:axb、ax、xb  ,ab是数值】)
            ![提示文本](链接 #【图片位置:pic_left、pic_center、pic_right】)

==混合格式需要先#=,注意#前面无空格,=前面有空格。==
图片: [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zluX6GIN-1678693757315)(https://img-home.csdnimg.cn/images/20220524100510.png)]

带尺寸的图片: [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-OtiaGDIa-1678693757318)(https://img-home.csdnimg.cn/images/20220524100510.png#pic_center =60x60 )]


三.再看Markdown

为了让内容更好看一点,文本还有一些标签,字体大小颜色等,在了解一下快捷键。

1.字体与颜色

<font face="楷体">楷体</font>
<font face "黑体">黑体</font>
<font color=yellow>字体</font>
<font color=red>字体</font>
也可以使用#类颜色
<font size=5>大小</font>

楷体
黑体
字体
字体
大小8
大小5
大小4

2.文本背景

md默认不支持字体背景色,可以通过html的table来实现字体背景色.

<table><tr><td bgcolor=yellow>背景色yellow</td></tr></table>
背景色yellow

3.文字对齐

居中和居右。

居中对齐

<p align="right">居右对齐</p>

-----------------------------居中对齐

----------------------------------------居右对齐

缩进:&emsp;
 缩进了!

4.页内跳转

在位置添加跳转点/描点:<a id="req"></a>
添加点击跳转:[上一节](#req)
#后面的内容匹配到id跳转。

5.快捷键

上面也是可以预览快捷键方法的。
image.png

Markdown 快捷键
撤销 Ctrl /⌘+Z
重做 Ctrl /⌘+Y
加粗 Ctrl /⌘+B
斜体 Ctrl /⌘+I
标题 Ctrl /⌘+Shift +H
有序列表 Ctrl /⌘+Shift +O
无序列表 Ctrl /⌘+Shift +U
待办列表 Ctrl /⌘+Shift +C
插入代码 Ctrl /⌘+Shift +K
插入链接 Ctrl /⌘+Shift +L
插入图片 Ctrl /⌘+Shift +G
查找 Ctrl /⌘+F
替换 Ctrl /⌘+G

☕物有本末,事有终始,知所先后。🍭

☞我的博客

相关文章
|
JSON 前端开发 API
利用Swagger UI接口文档同步本地Mock数据
什么是Mock Mock顾名思义是一种模拟。通常利用相同的接口来模拟出一个对象以代替真实对象,这样能有效隔离外部依赖,便于测试。对于前端开发,Mock作为重要一环,能带来很多好处: 前后端并行开发 模拟各种响应值,便于测试 可及早发现一些极端响应值下的页面布局问题等 背景 前端开发可简单分为三个阶段:并行开发阶段、联调阶段和测试阶段。
7087 0
|
弹性计算 Go 数据安全/隐私保护
开年王炸!三分钟搭建雾锁王国联机服务器
薪谷王国已经陷入沉沦。出于对魔法力量的贪念,你的祖先们释放了一种吞噬世界的疫病。如何在这个开放世界中自由选择前进的方向,如何塑造自己的命运?这趟旅程,邀你来探索。花上三分钟,使用阿里云计算巢一键搭建好云服务器,拉上你的搭子一起冲。
7359 22
开年王炸!三分钟搭建雾锁王国联机服务器
|
存储 JavaScript 前端开发
Vue3 详细教程及实例(完整版)
Vue3 详细教程及实例(完整版)
1251 0
|
4月前
|
存储 物联网 数据中心
拒绝玄学炼丹:大模型微调显存需求精确计算指南,全参数微调与LoRA对比全解析
本文揭秘大模型微调显存消耗的本质,系统拆解模型权重、梯度、优化器状态、激活值四大组成部分的计算逻辑,推导可复用的显存估算公式;对比全量微调、LoRA、QLoRA等方案的显存需求,提供实用工具与配置建议,助开发者告别“玄学估算”,精准规划GPU资源。
|
6月前
|
人工智能 Rust 运维
这个神器让你白嫖ClaudeOpus 4.5,Gemini 3!还能接Claude Code等任意平台
加我进AI讨论学习群,公众号右下角“联系方式”文末有老金的 开源知识库地址·全免费
10314 22
|
小程序 iOS开发
微信小程序下载文件和转发文件给好友总结
微信小程序下载文件和转发文件给好友总结
2804 0
微信小程序下载文件和转发文件给好友总结
|
机器学习/深度学习 人工智能 编解码
月之暗面开源16B轻量级多模态视觉语言模型!Kimi-VL:推理仅需激活2.8B,支持128K上下文与高分辨率输入
月之暗面开源的Kimi-VL采用混合专家架构,总参数量16B推理时仅激活2.8B,支持128K上下文窗口与高分辨率视觉输入,通过长链推理微调和强化学习实现复杂任务处理能力。
924 5
月之暗面开源16B轻量级多模态视觉语言模型!Kimi-VL:推理仅需激活2.8B,支持128K上下文与高分辨率输入
|
前端开发 UED 开发者
React 模态对话框 Modal Dialog
本文介绍如何在 React 中实现模态对话框,涵盖基本概念、常见问题及解决方案。模态对话框是一种阻止用户与页面其他部分交互的弹出窗口,常用于显示重要信息或收集输入。通过状态管理控制其显示和隐藏,需注意多组件状态同步、关闭行为一致性及样式冲突等问题。文中还介绍了动画效果和键盘导航支持等进阶功能,帮助开发者提升用户体验并确保代码的可维护性。
476 80
|
人工智能 架构师 决策智能
agentUniverse X 浙大太乙平台,开源共建招募令来啦,3万奖金等你拿!
agentUniverse 首期开源共建活动正式上线啦!3万奖金池等大家贡献瓜分~
|
8月前
|
人工智能 Kubernetes Cloud Native
Higress(云原生AI网关) 架构学习指南
Higress 架构学习指南 🚀写在前面: 嘿,欢迎你来到 Higress 的学习之旅!
2992 0