.md文件以及markdown语法书写md文档

article/2025/11/1 19:05:55

.md文件以及markdown语法书写md文档

  • 1. .md文件如何打开
  • 2. markdown是什么?
    • 2.1 markdown用来干嘛?
    • 2.2 怎样书写和读取markdown?
  • 3. markdown语法
    • 3.1 基本符号
    • 3.2 标题(从大到小取决于#号的数量)
    • 3.3 正文
    • 3.4 段落
    • 3.5 字体样式
    • 3.6 引用
    • 3.7 分隔符
    • 3.8 列表
      • 3.8.1 无序列表
      • 3.8.2 有序列表
    • 3.9 链接
    • 3.10 图片
    • 3.11 代码
      • 3.11.1 代码块
      • 3.11.2 代码段
    • 3.12 表格
    • 3.13 保存
    • 3.14 怎样在简书开始书写你的第一个markdown文档?

参考文章
原文链接:https://blog.csdn.net/HouHouEr/article/details/119818080
用markdown写下你的第一个md文档 https://www.jianshu.com/p/de9c98bba332
Typora 0.11.18 最后免费版本下载 + 特性简介 https://www.cnblogs.com/wonux/p/15693229.html

1. .md文件如何打开

可能有些朋友会看到以md为结尾的文件,但是不知道用什么打开。下面就来说一下.md文件如何打开,markdown文件用什么打开。
  1、首先来普及一下什么是md文件, md全称markdown,markdown也是一种标记语言。  
  2、md文件其实可以用常用的文本编辑器都可以打开,例如记事本、EditPlus、sublime等等。  
  3、用记事本打开,把markdown文件拖到记事本图标上就可以打开 。  
  4、用 sublime打开方法也一样 ,当然也可以在文件上右击选择打开方式。  
  5、当然 打开markdown文件最专业的还是markdownPad软件 。左边是源码,右边可以看展示效果。

但是:以上方法只针对一般文字的参阅,一些自带图片的MD文件,用以上打开的方式就不会太友好,也有很多配有图片的MD文件用以上方式打开图片就有丢失问题。

比如这种的:在这里插入图片描述
md文件里面的图片放到了assets文件夹里面了,
最好的软件就是他:https://www.typora.io/(Typora)或者中文网站https://typoraio.cn/
在这里插入图片描述
typora软件现在要收费啦,以前不收费,可以找免费版安装,如:https://blog.csdn.net/qq_44627608/article/details/121734682
在这里插入图片描述
把md文件和文件图片,统一放到一个文件夹。之后用Typoar打开就可以了。
在这里插入图片描述

2. markdown是什么?

同HTML一样,markdown也是一种标记语言,但与HTML相比,简直不能再简单!这主要体现在两个地方:

  • 标记符的数量,HTML文档需要用到数量繁多的标记符,再辅以CSS来控制样式和排版,而markdown文档只需要四个基本的标记符号就能完成同样的事。
  • 标记符的书写。HTML文档内容需要同时标记开始和结束 <html><body> 这是一个网页</body></html>,而markdown文档则只要在开始位置标记即可#这是一个md文档

2.1 markdown用来干嘛?

主要是用来解决文档快速排版快速读取的问题。当我们需要让文档看起来层次分明,但又想不依赖于像Word这样的重型编辑工具来书写、排版和读取时,markdown易写易读的优势就非常明显了。

并且在我使用一段时间后,发现markdown的编写方式还有助于作者快速梳理逻辑思路和文章层次。

2.2 怎样书写和读取markdown?

同HTML一样,你可以使用任何一款纯文本编辑工具(如记事本)来编辑和读取包含markdown格式的文本,但只有在一些网站(如简书)或者工具(如有道云笔记)下,才能呈现出美观的渲染样式。

当然,markdown也可以使用HTML的标记符来控制格式和排版,这意味着,你即可以使用标准的markdown语法,也可以在其中嵌入HTML标记符,但只有一小部分会起作用。

3. markdown语法

我再次强调,真的非常简单!花几分钟跟随我熟悉一下语法,相信你也可以马上写出你的第一个markdown文档。

3.1 基本符号

基本符号:* - + >
你只需要记住这四个基本符号就能控制文档的排版和样式,因为基本上所有的markdown标记都是基于这四个符号及其组合。需要注意的是,基本符号后有一个用于分割标记符和内容的空格。

3.2 标题(从大到小取决于#号的数量)

一级标题 # 一级标题
二级标题 ## 二级标题
三级标题 ### 三级标题
四级标题 #### 四级标题
五级标题 ##### 五级标题
六级标题 ###### 六级标题

或者选择标题,按快捷将也可以

# 一级标题 快捷键为 Ctrl + 1
## 二级标题 快捷键为 Ctrl + 2
......
###### 六级标题 快捷键为 Ctrl + 6

3.3 正文

换行以后直接开始书写,不用加任何符号。

3.4 段落

一个段落以一个自然的 回车 作为换行分隔。

3.5 字体样式

倾斜 *倾斜*
加粗 **加粗**
倾斜并加粗 ***倾斜并加粗***
文字删除线 ~~文字删除线~~

3.6 引用

这是一段引用 > 引用内容

3.7 分隔符

连续输入三个以上的 --- 添加分隔符,下面就会出现一条横线:

3.8 列表

3.8.1 无序列表

使用 * - + 中的任何一个符号加空格就可以创建无序列表,但如我这样的强迫症患者 完美主义者可以进一步使用+和-来表现层次关系。

* 这是一个无序列表
* 这是一个无序列表+ 这是一个父无序列表- 这是一个子无序列表

3.8.2 有序列表

使用 数字+点+空格+内容 创建有序列表。

1. 这是一个有序列表
2. 这是一个有序列表
3. 这是一个有序列表1. 这是一个嵌套有序列表2. 这是一个嵌套有序列表3. 这是一个嵌套有序列表

列表可以嵌套,使用时在嵌套列表前按 tab 或 空格 来控制缩进。如你所见,这篇文章的排版就使用了嵌套列表的样式。

3.9 链接

用markdown写下你的第一个md文档 的文章链接是这样构成的

[用markdown写下你的第一个md文档](http://www.jianshu.com/p/de9c98bba332) 

也可以直接用尖括号包含网址的方式<http://www.jianshu.com>来直接构造一个可点击的链接 http://www.jianshu.com

3.10 图片

像构造一个链接一样,只需要在前面加!

![图片名称](图片地址)

在这里插入图片描述

3.11 代码

markdown也常用来编写代码文档,因此文档中引入代码必不可少。

3.11.1 代码块

使用`` 符号包裹代码构建一个代码块, 符号在左上角esc键下方,请在半角状态输入。一些markdown工具支持更简单的按tab缩进方式。
console.log('这是一个代码块');

3.11.2 代码段

使用代码段,这样的方式来构建一个多行的代码段。在这里插入图片描述

代码段
print("这是一个")
print("由markdowns标记符构成")
print("多行代码段")

3.12 表格

  • 使用- |符号把内容分割为你认为合适的表格样式就好。
  • 使用:符号标识对齐。
表头1|表头2|表头3
:----|:-----:|-----:
左对齐|居中对齐|右对齐
表头1表头2表头3
左对齐居中对齐右对齐

3.13 保存

最后将markdown编写的文档存为 .md 格式,就可以用对应的工具查看效果和编辑了。

3.14 怎样在简书开始书写你的第一个markdown文档?

  1. 首先你要注册一个账号
  2. 然后点击右上角 写文章
  3. 点击右下脚角 设置
  4. 默认编辑器选择 MarkDown编辑器
  5. 最后 新建文章

http://chatgpt.dhexx.cn/article/xAFTgkuM.shtml

相关文章

md文档的阅读查看

前言&#xff1a; md文档可以用vscode看&#xff0c;也可以直接拖入浏览器看&#xff0c;但看起来不太好看&#xff0c;效果如下&#xff1a; 改进方法&#xff1a; 方法1、假如你的电脑安装了node.js &#xff08;1&#xff09;判断是否安装&#xff1a;WindowsR&#xff0…

如何将md文件完美转化为 PDF?

今天在网上搜kali相关教程时&#xff0c;无意中找到一本很好的教程&#xff0c;但是它是以*.md的文件形式放在github上&#xff0c;我试了将原文件zip下载到本地&#xff0c;但怎么能将.md文件转成PDF文件呢&#xff1f;&#xff08;如果你用Visual Studio code, 那么安装Markd…

如何编写.md格式文件?

文章目录 如何编写.md格式文件&#xff1f;1.标题2.字体3.插入图片操作4.不带快捷键Markdown书写操作5.Markdown拓展功能6.主题替换 如何编写.md格式文件&#xff1f; md即markdown&#xff0c;百度的解释&#xff1a;Markdown是一种可以使用普通文本编辑器编写的标记语言&…

加载.md文件

webpack是不能直接加载.md文件的&#xff0c;但是一些博客或者文章指导类的内容通过markdown进行编辑管理是比较常见的&#xff0c;这就需要我们进行一些配置&#xff0c;使webpack能够加载.md文件&#xff0c;并将文件内容展示到网页上。 1、先写一个md加载器 在这之前&…

.md文件的打开

今天终于知道.md文件是markdown格式的了&#xff0c; windows下可以安装markdownpad来打开md文件&#xff1a; http://blog.csdn.net/github_35160620/article/details/52158604 ubuntu下则可安装retext&#xff0c;查看时 retext xxx.md即可 例子&#xff1a; ubuntu下&…

pdf文件转为md文件

针对Windows 方法一&#x1f4a1; 下载Pandoc 由于Pandoc不支持PDF直接转为md形式&#xff0c;先将PDF文档转换为Word形式&#xff0c;再使用Typora将你的Word文件导入。 途径 1 &#xff1a; \textcolor{green}{途径1&#xff1a;} 途径1&#xff1a;&#x1f528; 官网下载…

md文件的相关使用

天已雪&#xff0c;一杯否&#xff1f; —— 南风落尽 前言 因为天冷&#xff0c;已经很久没有更新博客了&#xff0c;想了想&#xff0c;还是决定写一篇水文&#xff0c;一是促使自己记得写文章&#xff0c;二是记录自己平时学到的杂七杂八的东西&#xff0c;免得忘了又到处…

md是什么类型的文件?怎么打开md文件,Markdown的编写,Markdown转化为html

md 就是 Markdown 的文件&#xff0c;Markdown 是一种轻量级标记语言。CSDN 的博客就是用 markdown 来编写的呢&#xff01;html 大家不陌生吧&#xff0c;他是超文本标记语言&#xff0c;他们都是标记语言&#xff0c;那有什么区别呢&#xff1f; html 要比 Markdown 复杂很多…

md文件用什么打开

如果想要阅读本地的.md文件&#xff0c;又懒得下markdown笔记软件或者电脑上内存紧张的话&#xff0c;一个好方法就是在电脑浏览器里面添加相关的markdown阅读插件&#xff0c;以Win10自带的Edge浏览器为例&#xff1a; Chrome浏览器类似 Microsoft Edge AddonsMake Microsoft …

win10打开.md文件

工具/原料 DELL 台式机 Windows 10 Microsoft Edge103.0.1264.49 方法/步骤 1 从网络上下载一些技术文档&#xff0c;有些通常是以md后缀格式提供的&#xff0c;这是一种MarkDown语言格式的文档&#xff0c;有时下载MarDown编辑器仍然会无法正常显示&#xff0c;如下图所示&…

如何将.md文件转换为pdf

目录 1.step1&#xff1a; 安装Visual Studio Code&#xff08;简称VScode&#xff09; 2.step2&#xff1a; 安装定制化插件 3.step3&#xff1a; 进入预览窗口模式 4.step4&#xff1a; 进行格式转换 1.step1&#xff1a; 安装Visual Studio Code&#xff08;简称VScode&a…

.md文件转.pdf文件

一、安装VS code vscode是一个轻量级的、可扩展性十分强的开发编辑器。过程略&#xff0c;比较简单。 二、安装插件Markdown PDF 直接 install 就可以了。 我这里出现了安装失败的情景&#xff0c;这时候可以通过它给的提示&#xff0c;安转markdown-pdf 的 .vsix 文件&#…

使用CSDN-markdown编辑器入门

这里写自定义目录标题 欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题&#xff0c;有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants 创建一个自定义列表如何创建一个…

md 文件的常用编辑介绍

正文&#xff1a; 1、标题的几种写法&#xff1a; 第一种&#xff1a; 前面带#号&#xff0c;后面带文字&#xff0c;分别表示h1-h6,上图可以看出&#xff0c;只到h6&#xff0c;而且h1下面会有一条横线&#xff0c;注意&#xff0c;#号后面有空格 第二种&#xff1a; 这种方…

.md文件格式详解,即markdown文件语法(图文并茂),新生代农民工必备技能

示例源码 lishuoboy-markdown CSND 目录 介绍 0.目录[toc] 1.标题&#xff08;#&#xff09; 2.段落&#xff08;空行&#xff09; 3.换行&#xff08;2个空格或\&#xff09; 4.文字格式&#xff08;*&#xff09; 5.引用&#xff08;>&#xff09; 6.列表&…

apicloud Frame页bgColor设置不起作用的问题

<link rel"stylesheet" type"text/css" href"../css/api.css"/> 这个在Frame页删掉 亲测

html5元素简介p、br/、、background属性与bgcolor属性

本文是我自己在学习过程中总结出来的一些基础标签的使用&#xff0c;以及它们之间存在的细微区别。 1、<p>标签和<br/>标签 打开chrome浏览器查看执行效果如下图&#xff1a; 可以看到<p>标签是段落元素&#xff0c;标签中的内容以段落的形式显示&#xff0c…

[JS9] document's bgColor改变背景颜色

1 <HTML>2 <HEAD>3 <TITLE>设置背景颜色</TITLE>4 </HEAD>5 <BODY>6 <CENTER>7 <FORM>8 <BR>9 <H1> 10 利用 documents bgColor 属性 11 …

【HTML】背景色(bgcolor),背景图片(background),字体(font)

<!-- 内容&#xff1a; 1.body的背景颜色设置--bgcolor 2.body的背景图片设置--background 3.table的背景色设计--bgcolor 4.字体属性设置--color,size --> <html> <head><meta charset"UTF-8"><title>背景色和背景图片</title>…

html的表格的属性设置颜色,HTML表格标记教程(20):行的背景色属性BGCOLOR

HTML表格标记教程(20):行的背景色属性BGCOLOR 互联网 发布时间&#xff1a;2008-10-17 18:56:42 作者&#xff1a;佚名 我要评论 通过BGCOLOR属性&#xff0c;可以设定行的背景颜色。 基本语法 语法解释 定义颜色的时候&#xff0c;可以使用英文颜色名称或十六进制颜色值…