【Markdown速成】半小时入门Markdown教程(后缀.md文件详解)

简介: 作为程序员我们经常会看到README.md这种说明文件,以.md为后缀的文件就是我们所说的Markdown的文件。

 一.认识Markdown

Markdown

       作为程序员我们经常会看到README.md这种说明文件,以.md为后缀的文件就是我们所说的Markdown的文件。 image.gif 编辑

       实际上,Markdown是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,然后转换成结构化的HTML代码。

Typora

      Typora则是一款轻量级的Markdown编辑器,采用的是实时预览的模式,启动速度快,界面简洁,是一款极其优秀的软件。 image.gif 编辑

二.Typora设置

单击文件->偏好设置进入到设置界面

这里的Markdown扩展语法最好全部勾选上

image.gif 编辑

自动保存最好也勾选上

image.gif 编辑

三.Markdown语法

1.标题

       标题:使用'#'+' '来表示标题,一级标题用一个#,二级标题用两个##,以此类推,最多六级标题。!!!后面要加空格才能正确表示!!!

image.gif 编辑

2.正文

2.1分割线

  • "+++"/"***"/"---"+回车

image.gif 编辑

2.2删除线

"~~"+文本+"~~"

image.gif 编辑

2.3下划线

"<u>"+文本+"</u>"

image.gif 编辑

2.4斜体

单个符号:

  • '*'+文本+‘*’
  • ’_‘+文本+‘_’

image.gif 编辑

2.5粗体

两个符号:

  • '**'+文本+‘**’
  • ’__‘+文本+‘__’

image.gif 编辑

2.6斜粗体

三个符号:

  • '***'+文本+‘***’
  • ’___‘+文本+‘___’

image.gif 编辑

2.7高亮

"=="+文本+"=="

image.gif 编辑

2.8字体属性(大小及颜色)

<font size=3 color="red">文本</font>

image.gif 编辑

2.9对齐方式

<p align="center">文本</p>

image.gif 编辑

2.10引用

  • '>'一级引用
  • ‘>>’二级引用
  • ... ...

image.gif 编辑

3.列表

有序列表

'-'+空格

image.gif 编辑

无序列表

"1."+空格

image.gif 编辑

4.超链接

["文本"]("链接")

image.gif 编辑

image.gif 编辑

<"链接">

image.gif 编辑

5.表格

表格的创建建议自动创建或者快捷键Ctrl+T

image.gif 编辑

image.gif 编辑

6.代码

"```"+对应语言

image.gif 编辑

image.gif 编辑

不定语言代码块CTRL+shift+k:

image.gif 编辑 四.总结

       至此,markdown的基础大概都讲完了,运用以上样式方法可以写出一篇很不错的文章了,祝大家用Typora都能够”下笔如有神“!

相关文章
|
4月前
|
存储 自然语言处理 前端开发
Star 6.9k!开源的全能Markdown格式文件提取器:MinerU
总的来说,MinerU是一款非常实用且强大的数据提取工具。无论你是开发者、互联网从业者,还是有具体需求的新人小白,MinerU都能极大地提升你的工作效率,让你专注于更有价值的工作。 最后,如果你对MinerU感兴趣,不妨亲自尝试一下,相信你会爱上这款全能的Markdown格式文件提取器。
|
4月前
|
Web App开发 Linux Windows
解决Markdown文件上传至CSDN无法显示本地图片问题-白嫖版,分享给别人的md文件图片不显示的解决方案
解决Markdown文件上传至CSDN无法显示本地图片问题-白嫖版,分享给别人的md文件图片不显示的解决方案
105 3
|
5月前
|
JavaScript Java
Java 将Markdown文件转换为Word和PDF文档
【7月更文挑战第5天】Java中使用`Spire.Doc for Java`库可方便地将Markdown转换为Word或PDF。基本步骤包括导入模块,创建`Document`对象,加载Markdown文件,然后保存为目标格式(`.docx`或`.pdf`)。若遇到`Invalid UTF-8 stream`错误,需确保Markdown文件是UTF-8无BOM编码。页面设置可通过`PageSetup`类调整。注意,实际应用会依据具体需求和环境有所调整。
299 6
文本,vitepress两栏怎样设置,应用场景是每个导航都是单独的markdown文件
文本,vitepress两栏怎样设置,应用场景是每个导航都是单独的markdown文件
|
5月前
|
JavaScript
vue 加载展示md文件(markdown语法 .md后缀的文件)
vue 加载展示md文件(markdown语法 .md后缀的文件)
816 0
|
7月前
|
程序员 Linux iOS开发
一款比Typora更简洁优雅的Markdown编辑器神器(完全开源免费)
一款比Typora更简洁优雅的Markdown编辑器神器(完全开源免费)
273 1
|
2月前
|
Ubuntu Linux 测试技术
Linux系统之部署轻量级Markdown文本编辑器
【10月更文挑战第6天】Linux系统之部署轻量级Markdown文本编辑器
103 1
Linux系统之部署轻量级Markdown文本编辑器
|
4月前
|
存储 安全 数据安全/隐私保护
Django 后端架构开发:富文本编辑器权限管理与 UEditor 、Wiki接入,实现 Markdown 文本编辑器
Django 后端架构开发:富文本编辑器权限管理与 UEditor 、Wiki接入,实现 Markdown 文本编辑器
157 0
|
6月前
|
存储 移动开发 编解码
基于HTML5开发的Markdown在线编辑器
Markdown是一种轻量级标记语言,以其简洁易读的格式而备受程序员和作者们的青睐。随着互联网的发展,越来越多的在线Markdown编辑器应运而生,为用户提供了更加便捷、高效的写作和编辑环境。本文将探讨基于HTML5开发的Markdown在线编辑器的设计原理、功能特点以及技术优势。
123 4
|
3月前
|
JavaScript 前端开发 API
vue3 v-md-editor markdown编辑器(VMdEditor)和预览组件(VMdPreview )的使用
本文介绍了如何在Vue 3项目中使用v-md-editor组件库来创建markdown编辑器和预览组件。文章提供了安装步骤、如何在main.js中进行全局配置、以及如何在页面中使用VMdEditor和VMdPreview组件的示例代码。此外,还提供了一个完整示例的链接,包括编辑器和预览组件的使用效果和代码。
vue3 v-md-editor markdown编辑器(VMdEditor)和预览组件(VMdPreview )的使用