快速入门上手Markdown

第一次接触 Markdown是写代码初期看很多大佬的 github,他们的项目一定会有一份文件叫 Readme.md的文件
他们由一些简单美观的符号和汉字字母组成,编译之后成为一篇简单直观的文档
深入了解之后我才知道,原来还有这样一种神奇的标记语言,可以写出这么好看的文档

当然,在我们记录一些技术文档或者写技术博客的时候,也经常会头疼,如何写一篇技术文档,能够同时以美观的格式发布到多个博客平台呢?

Markdown就可以解决我们快速书写和多个平台适配的痛点,他可以用一些简单的标记符,来格式化你的文档,并且保证不同平台统一的格式

当然,由于各个平台的 Markdown解析器的配置不同,解析后的一些样式,比如字体粗细,超链接颜色,代码块颜色之类的,可能会稍有不同

可以说, Markdown就是为简单而生

因为我个人是从js开始接触代码世界,所以我选择的第一个编辑器是Hbuilder(注意官网已经不提供更新版本下载),
不过目前它已经升级版本到HbuilderX,这不是一个专门的 Markdown编辑器
但是他的内部集成了插件具有直接编写 Markdown的功能,就我个人而言我觉得非常适合写 Markdown文档,不仅不耽误写代码,
而且它的 Markdown文本标注的颜色非常符合我的审美。当然萝卜青菜各有所爱,还有以下一些 Markdown编译器大家都可以试试

_注意!!!_这里是我自己平时写文档和技术博客常用的一些Markdown标记,标注为我自己写文档使用的位置,不是这个标记的官方定义

大标题
### 段落标题
#### 特殊tip(会加粗成为目录中的标题,慎用,我是因为橘黄色才用这个作tip)
1. 有序列表
+ 无序列表
> 引用(需要垂直连续使用)
*文字* 倾斜
**文字** 加粗
***文字*** 加粗倾斜
[外部链接标题](外部链接地址 "标题") 外部链接,标题就是类似脚注,鼠标悬浮后显示的文字
单行代码 行内代码块
*2 多行代码块(注意这里是两排,中间写代码即可)
[锚链接标题](#锚链接id) +    组合使用可以完成锚链接,在当前文章内跳转到指定位置
一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
~需要标注删除线的文字~
~~需要标注删除线的文字~~
[^需要注明的文字]: 悬浮后显示的文字
1. 第一项
2. 第二项
3. 第三项
* 第一项
* 第二项
* 第三项

+ 第一项
+ 第二项
+ 第三项

- 第一项
- 第二项
- 第三项
1. 第一项:
    * 第一项嵌套的第一个元素
    * 第一项嵌套的第二个元素
2. 第二项:
    + 第二项嵌套的第一个元素
    + 第二项嵌套的第二个元素
3. 第三项
    - 第三项嵌套的第一个元素
    - 第三项嵌套的第二个元素
4. 引用内容
    > 引用一(注意如果要换行就加两个空格,默认是不换行,会自动把下面引用内容拼接过来)
    > 引用二
> 引用一
> 引用二
> 引用三

> 最外层
> > 第一层嵌套
> > > 第二层嵌套
> 区块中使用列表
> 1. 第一项
> 2. 第二项
> + 第一项
> + 第二项
> + 第三项

* 列表中使用区块
* 第一项
    > 引用一
    > 引用二
* 第二项
code() 函数
// 这里用括号包裹防止误认为代码块
()javascript
$(document).ready(function () {
    alert('RUNOOB');
});
()
// 完整格式,可以重命名,另外可选外加标题,标题可以不写,标题类似脚注,悬浮显示文字
[链接名称](链接地址 "链接标题")

// 简洁格式
<链接标题>
</链接标题>
&#x8FD9;&#x4E2A;&#x94FE;&#x63A5;&#x7528; 1 &#x4F5C;&#x4E3A;&#x7F51;&#x5740;&#x53D8;&#x91CF; [Google][1]
&#x8FD9;&#x4E2A;&#x94FE;&#x63A5;&#x7528; abc123 &#x4F5C;&#x4E3A;&#x7F51;&#x5740;&#x53D8;&#x91CF; [Baidu][abc123]
&#x8FD9;&#x4E2A;&#x94FE;&#x63A5;&#x7528; runoob &#x4F5C;&#x4E3A;&#x7F51;&#x5740;&#x53D8;&#x91CF; [Runoob][runoob]
&#x7136;&#x540E;&#x5728;&#x6587;&#x6863;&#x7684;&#x7ED3;&#x5C3E;&#x4E3A;&#x53D8;&#x91CF;&#x8D4B;&#x503C;&#xFF08;&#x7F51;&#x5740;&#xFF09;

  [1]: http://www.google.com/
  [abc123]: http://www.baidu.com/
  [rb]: http://www.rb.com/
![alt &#x5C5E;&#x6027;&#x6587;&#x672C;](&#x56FE;&#x7247;&#x5730;&#x5740;&#x6216;&#x56FE;&#x7247;&#x7F51;&#x5740;)
![alt &#x5C5E;&#x6027;&#x6587;&#x672C;](&#x56FE;&#x7247;&#x5730;&#x5740;&#x6216;&#x56FE;&#x7247;&#x7F51;&#x5740; "&#x53EF;&#x9009;&#x6807;&#x9898;")
&#x8FD9;&#x4E2A;&#x94FE;&#x63A5;&#x7528; a &#x4F5C;&#x4E3A;&#x7F51;&#x5740;&#x53D8;&#x91CF; [RB][a].

&#x7136;&#x540E;&#x5728;&#x6587;&#x6863;&#x7684;&#x7ED3;&#x5C3E;&#x4E3A;&#x53D8;&#x91CF;&#x8D4B;&#x503C;&#xFF08;&#x56FE;&#x7247;&#x5730;&#x5740;&#x6216;&#x56FE;&#x7247;&#x7F51;&#x5740;&#xFF09;

  [a]: &#x56FE;&#x7247;&#x5730;&#x5740;&#x6216;&#x56FE;&#x7247;&#x7F51;&#x5740;
<img src="http://static.rb.com/images/rb-logo.png" width="50%">
|  &#x8868;&#x5934;   | &#x8868;&#x5934;  |
|  ----  | ----  |
| &#x5355;&#x5143;&#x683C;  | &#x5355;&#x5143;&#x683C; |
| &#x5355;&#x5143;&#x683C;  | &#x5355;&#x5143;&#x683C; |
| &#x5DE6;&#x5BF9;&#x9F50; | &#x53F3;&#x5BF9;&#x9F50; | &#x5C45;&#x4E2D;&#x5BF9;&#x9F50; |
| :-----| ----: | :----: |
| &#x5355;&#x5143;&#x683C; | &#x5355;&#x5143;&#x683C; | &#x5355;&#x5143;&#x683C; |
| &#x5355;&#x5143;&#x683C; | &#x5355;&#x5143;&#x683C; | &#x5355;&#x5143;&#x683C; |
<table>
    <tr>
        <th colspan="3">js-pratice</th>
    </tr>
    <tr>
        <th>&#x4E00;&#x7EA7;&#x76EE;&#x5F55;</th>
        <th>&#x4E8C;&#x7EA7;&#x76EE;&#x5F55;</th>
        <th>&#x63CF;&#x8FF0;</th>
    </tr>
    <tr>
        <td rowspan="3">Array</td>
        <td>Basic</td>
        <td>&#x6570;&#x7EC4;&#x57FA;&#x672C;&#x64CD;&#x4F5C;</td>
    </tr>
    <tr>
        <td>Repeat</td>
        <td>&#x6570;&#x7EC4;&#x53BB;&#x91CD;&#x64CD;&#x4F5C;</td>
    </tr>
    <tr>
        <td>Sort</td>
        <td>&#x6570;&#x7EC4;&#x6392;&#x5E8F;&#x64CD;&#x4F5C;</td>
    </tr>
    <tr>
        <td>Date</td>
        <td>Date</td>
        <td>&#x65E5;&#x671F;&#x5BF9;&#x8C61;&#x64CD;&#x4F5C;</td>
    </tr>
    <tr>
        <td>Inherit</td>
        <td>Inherit</td>
        <td>&#x7EE7;&#x627F;&#x5BF9;&#x8C61;&#x64CD;&#x4F5C;</td>
    </tr>
    <tr>
        <td>Promise</td>
        <td>Promise</td>
        <td>Promise&#x5BF9;&#x8C61;&#x64CD;&#x4F5C;</td>
    </tr>
</table>

我是 fx67ll.com,如果您发现本文有什么错误,欢迎在评论区讨论指正,感谢您的阅读!
如果您喜欢这篇文章,欢迎访问我的 本文github仓库地址,为我点一颗Star,Thanks~ 😃
转发请注明参考文章地址,非常感谢!!!

Original: https://www.cnblogs.com/fx67ll/p/15439422.html
Author: fx67ll
Title: 快速入门上手Markdown

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/599483/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

  • Java常用类解析

    包装类 包装类值基本数据类型对应的引用类型,包装类封装好的方法能够很方便的让我们操作基本数据类型而不需要自己再去编写不必要的代码。 基本数据类型 包装类 boolean Boole…

    数据库 2023年6月16日
    070
  • 2018年最新JAVA面试题总结之框架(4)

    转自于:https://zhuanlan.zhihu.com/p/40098726 1、谈谈对spring框架的了解 ,spring有什么作用(IOC,AOP),spring的核心…

    数据库 2023年6月16日
    092
  • day40-网络编程02

    Java网络编程02 4.TCP网络通信编程 基本介绍 基于客户端–服务端的网络通信 底层使用的是TCP/IP协议 应用场景举例:客户端发送数据,服务端接收并显示控制台…

    数据库 2023年6月11日
    076
  • DevOps

    Docker: ## 安装Docker yum remove docker docker-client docker-client-latest docker-common doc…

    数据库 2023年6月9日
    076
  • 了解HTML/CSS/JS/JQuery/ajax等前端知识

    什么是HTML 超文本标记语言 浏览器通过识别相应的标签来加载页面 通过HTTP协议传输,不是编程语言 HTML常用标签 title script style link meta …

    数据库 2023年6月16日
    0137
  • 赞!7000 字学习笔记,一天搞定 MySQL

    MySQL近两年一直稳居第二,随时有可能超过Oracle计晋升为第一名,因为MySQL的性能一直在被优化,同时安全机制也是逐渐成熟,更重要的是开源免费的。 MySQL是一种关系数据…

    数据库 2023年6月9日
    081
  • Python–线程

    进程与线程的区别: 线程是程序执行的最小单位,而进程是操作系统分配资源的最小单位; 一个进程由一个或多个线程组成,线程是一个进程中代码的不同执行路线; 进程之间相互独立,但同一进程…

    数据库 2023年6月9日
    062
  • 小公司比较吃亏的两道微服务面试题

    其实选择工作的时候,很多技术牛人都会选择一些小而美的公司,技术全面,能够以一个更全面的视角看整个公司的运作,人和人之间的相处也很简单。但是,有两道微服务的面试题,小公司的朋友们会比…

    数据库 2023年6月6日
    0131
  • 「萌新指南」SOA vs. 微服务:What’s the Difference?

    实话实说,在我还没有实习之前,我是连 SOA 是啥都不知道的,只听说过微服务,毕竟微服务实在太火了,想不知道都难,我觉得实习的时候肯定也是微服务,进组之后发现是 SOA 架构,当时…

    数据库 2023年6月6日
    0111
  • Nginx 代理超时

    Nginx代理超时 内部测试并未出现问题 但是再客户那边出现了 BUG System.InvalidOperationException: Response Content-Len…

    数据库 2023年6月11日
    072
  • windows与linux查看文件md5值

    windows CertUtil -hashfile FilePath MD5 linux md5sum FilePath Original: https://www.cnblog…

    数据库 2023年6月11日
    088
  • knn算法详解

    1.什么是knn算法 俗话说:物以类聚,人以群分。看一个人什么样,看他身边的朋友什么样就知道了(这里并没歧视谁,只是大概率是这样) 对于判断下图绿色的球是哪种数据类型的方法就是根据…

    数据库 2023年6月16日
    087
  • 【已解决】关于echarts的splitArea分割区域背景闪烁问题

    (x轴)使用时间类型(type: “time”),并且x轴使用splitArea划分后使用color属性设定分割区域颜色。同时使用dataZoom设置区域缩…

    数据库 2023年6月6日
    084
  • 01-MySQL连接查询、聚合函数

    1、连接查询 1.1、左连接 以左表为基准进行查询,左表数据回全部显示出来 右表中如果匹配连接条件的数据则显示相应字段的数据,如果不匹配,则显示为NULL 1.2、右连接 以右表为…

    数据库 2023年6月16日
    0109
  • leetcode 105. Construct Binary Tree from Preorder and Inorder Traversal 从前序与中序遍历序列构造二叉树(中等)

    一、题目大意 给定两个整数数组 preorder 和 inorder ,其中 preorder 是二叉树的先序遍历, inorder 是同一棵树的中序遍历,请构造二叉树并返回其根节…

    数据库 2023年6月16日
    0108
  • Mysql终端Terminal操作

    datebase管理 1.创建数据库-create 语法:create database 数据库名 character set 编码 注意:默认会存在四个数据库,其数据库中存储的是…

    数据库 2023年5月24日
    0101
亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球