前言:继上一篇简单的阐述标题和分割线后,笔者一直在排版美观的路上努力。这篇文章介绍下如何在文章中插入一些其他的元素:图片、链接、代码块。


链接

  我们都希望在网页上显示一个网址时,它可以被直接点击而不是需要我们手动将网址复制粘贴到浏览器的地址栏中。下面介绍几种将链接文字转化为可跳转链接的做法。

1.自动链接

  自动链接就是将地址原封不动的显示出来,同时它也将生成该地址的超链接,它常用于邮箱地址和较短网址的显示。操作方法是在该链接地址前后加上一对< >,可见形式如下:

<https://www.baidu.com>
<luliangyi.c@qq.com>

  它的显示为:
  https://www.baidu.com
  luliangyi.c@qq.com

2.行内链接

  行内链接通常用于在一个段落中插入一个链接,同时我们希望链接不要突兀地显示出来影响阅读体验。这时,我们可以为链接起一个介绍名字,将其关联起来,读者可以直接点击该名字就能实现跳转,而不用显示冗长的链接地址。操作方法是在链接别名前后加一对[ ],将紧跟在其后面的链接地址用( )括起来,可见形式如下:

[点我进百度](https://www.baidu.com)

  实现效果如下:
  点我进百度

3.参考链接

  参考链接通常用于在全文多处引用某个链接的时候,并且如果该链接很长,我们还像行内链接一样在每次需要使用它的地方就复制粘贴一次,不仅操作很复杂,也看上去很愚蠢。因此我们可以另起一个段落专门用于放置链接和它的别名,然后在全文每次需要这个链接的时候,再对它的别名进行引用,这和论文的参考文献引用十分类似。操作方式如下:

我需要引用百度的网址,点[这里][1],我还需要引用CSDN的网址,点[这里][2]。[1]:https://www.baidu.com
[2]:https://mp.csdn.net

  参考效果如下:
  我需要引用百度的网址,点这里,我还需要引用CSDN的网址,点这里。

(需要注意的是参考链接必须另起一个段落存放,不然可能会出现问题)


代码块

1.行内代码

  我们很多时候并不需要大量列出代码,而是进行小范围的展示,并加以文字说明。这时候最推荐使用的是行内代码,它不仅可以插在文字当中作为代码说明,还可以用作关键字等重要的高亮提示。
  使用方法是将所需要展示的代码或者需要高亮的语句用一对 `` 括起来。这个符号是由键盘上数字1旁边的键打出,以下是操作例子和效果显示。
例子:

`print("hello")`
这是我的`关键字`

效果:
print("hello")
这是我的关键字

2.多行代码

  如果我们想大范围的展示代码,并且使的展示的代码根据不同的语言进行语法高亮,就要选取多行代码块的展示。多行代码块的引用方法是采用一对 ```符号将目标代码括出,并在第一行的的符号后,写明使用何种编程语言的高亮方法。以下是操作实例和效果显示:

  高亮python代码块:

 ```python
#!/usr/bin/env python3
print("Hello, World!");```
   #!/usr/bin/env python3print("Hello, World!");

  高亮C代码块

#include  <stdio.h>
int main(void)
{printf("Hello world\n");
}
#include  <stdio.h>int main(void){printf("Hello world\n");}

3.缩进式插入

  还有一些时候,我们不需要展示代码的语法高亮,我们只想展示最原始的代码,例如,我们在展示markdown操作语法时,不希望浏览器把它解码,而仅仅是把它当成普通文本展示处理,这时候就可以用到缩进式插入。操作方法为:另起一个段落(空出一行,在行首插入Tab键)

这是缩进式插入的展示。

Markdown语法(二)——链接代码块相关推荐

  1. MarkDown中插入的代码块无法自动识别换行

    MarkDown中插入的代码块无法自动识别换行 1.插入代码块的两种方式 单行的代码,就一个 ` 多行的代码块就三个```补充说明,可根据自己编写代码块的语言,设定对应的标签(比如Java-java, ...

  2. 关于Typora编辑器编写markdown文档的代码块出现前字吞后字的解决方法

    关于Typora编辑器编写markdown文档的代码块出现前字吞后字的解决方法 最近使用Typora编辑器编写markdown文档的代码块出现前字吞后字的情况,结果我在网上并未搜到什么解决方法(或者并 ...

  3. jt2go转不了转为html,使用TS时,markdown 转 html,代码块不能转换

    项目用的是tsx结尾的文件,使用markdown 转 html的 loader转 MD文档时 代码块不会被解析 "```jsx" 这样的代码块标识会被解析出来,JS结尾的文件就不会 ...

  4. [LaTeX] 同时调整文字的背景颜色和文字颜色 (像MarkDown语法一样高亮显示代码)(附完整代码)

    前言 如题.我写博客的时候代码显示会高亮,其背景色和文字颜色都与正常文字不一样,感觉还挺好看的,所以想在latex里面也实现类似的操作. 主要使用LaTeX中的soul这个包. 方案 直接上方案: \ ...

  5. Java笔记017-类变量和类方法、理解main方法语法、代码块、单例设计模式、final关键字

    目录 面向对象编程(高级部分) 类变量和类方法 类变量-提出问题 传统方法解决 问题分析: 类变量快速入门 类变量内存布局 什么是类变量 如何定义类变量定义语法: 如何访问类变量 定义语法: 类变量使 ...

  6. Pandoc中的Markdown语法

    概述 Pandoc中支持扩展修订版本的Markdown语法 使用pandoc中支持的Markdown语法用 -f markdown 使用标准Markdown语法用 -f markdown_strict ...

  7. java 同步块原理_Java同步代码块和同步方法原理与应用案例详解

    Java同步代码块和同步方法原理与应用案例详解 发布于 2020-8-7| 复制链接 摘记: 本文实例讲述了Java同步代码块和同步方法.分享给大家供大家参考,具体如下:一 点睛所谓原子性:一段代码要 ...

  8. Markdown语法文档,Markdown教程,Markdown语法大全,

    写在前面 最近一段时间学习的同时也在做一些笔记,想着将笔记发布出来加深印象并能够方便查找,看了一些大佬的文章后,不得不感慨大佬们编写文章的整洁度和可读性,因此经过仔细斟酌后,只有Markdown才是用 ...

  9. Typora 的 Markdown 语法

    概述 Markdown 由 Daring Fireball 创建,原始指南在 这里.但是,它的语法因不同的解析器或编辑器而异.Typora 正在使用 GitHub Flavored Markdown. ...

最新文章

  1. java动态代理【一】
  2. yii框架的下拉框多选,设置默认值等(dropDownList)
  3. Microsoft 顺序分析和聚类分析算法
  4. JS实现刷新iframe的方法
  5. HDFS分布式文件系统设计原理
  6. 笨方法“学习python笔记之元组(tuple)
  7. OUTLOOK2019 解决 无法验证您连接到的服务器使用的安全证书
  8. tcp/ip协议初识
  9. python获取淘宝服务器时间_分享淘宝时间服务器同步时间接口api和苏宁时间服务器接口api...
  10. 更新pip版本的方法
  11. 道格拉斯普克算法(简化线段点)
  12. 椭圆形印章核心算法浅析及使用GDI+绘制椭圆印章的方法
  13. JavaScript 进阶 35 -- 构造函数、原型对象、实例之间的关系详解
  14. KubeVela解读
  15. android云测如何使用教程,iTestin使用教程-Testin云测.PDF
  16. Matlab图像的灰度直方图
  17. SDWebImage如何避免复用
  18. docker容器时间错误解决方案
  19. i++和++i的区别
  20. 键鼠共享工具Barrier

热门文章

  1. Android4.4 Input 输入上层分析
  2. Android相关属性的介绍:android:exported = true
  3. 用户收货地址h5页面_如何实现H5可视化编辑器的实时预览和真机扫码预览功能?...
  4. linux发布成服务,linux服务简单部署
  5. java在dos命令_JAVA中如何执行DOS命令
  6. linux 命令之df持续更新中~
  7. windows脚本bat批处理 关闭显示器 关闭显示器脚本bat
  8. 22考研计算机专业课——数据结构【❤️考研复习指导❤️】
  9. 【leetcode】只出现一次的数字(位运算)
  10. php中unset函数是在哪一章_PHP引用(amp;)使用详解