Markdown语法入门三:链接,图片,分隔线与引用

news/2025/10/2 21:48:57/文章来源:https://www.cnblogs.com/Goblinscholar/p/19124047

编辑器:obsidian


1.链接

常见的操作之一,用于显示网址链接或图片等,可以分为内联链接或者引用链接,一般来说,后者更便于统一管理。

1.1 内联链接

内联链接的格式为:[链接显示文本](URL "悬停时显示文字")
其中:

  1. 链接显示文本,可忽略(中括号为空),为空时显示网址
  2. URL即为链接网址
  3. 悬停文字见名知意,可省略
    举例键入如下文本:
    [哥布林学者的博客园主页](https://www.cnblogs.com/Goblinscholar "欢迎光临")
    效果如下:
    哥布林学者的博客园主页

1.2 引用链接

内联链接的格式较为建议直观,但当较大规模使用时,添加和修改都变得越发麻烦,相比之下,引用链接通过统一管理链接解决了这个问题。
引用链接的格式如下:

[链接显示文本][标号]
[标号]:链接网址

举例输入以下文本:

[哥布林学者的博客园主页][1]
[1]:https://www.cnblogs.com/Goblinscholar

效果如下:

哥布林学者的博客园主页

通过这种方式,实现了对链接的统一管理。


2.图片

作为最常见的操作之一,obsidian和博客园都支持直接复制粘贴图片到笔记中。
图片和链接大同小异,只在链接格式前增加了一个!
插入图片的语法格式为: ![图片代替文本](图片路径或者URL "悬停时显示文字")
其中:

  1. 图片代替文本是当图片无法加载时显示的文本,可省略(中扩号中为空)
  2. 图片路径或者URL,前者为加载本地图片时使用,后者则为访问网络图片。
  3. 同样,悬停文字见名知意,可省略
    演示如下,我们输入如下文本(将图片粘贴进博客园自动填充格式):
    Pasted image 20251002202210
    显示结果:
    演示图片

要说明的一点是,当我在本地的obsidian创建笔记并粘入图片时,实际上粘入的是本地图片的路径,在这种情况下,直接复制笔记中的图片语法到博客园的随笔中并发布时,是无法显示的,格式如下图所示:
Pasted image 20251002203149
而我们在网页上,在博客园中浏览别人博客中的图片时,语法中相应位置都是URL地址
以博客园为例,当我们希望用markdown上传一张图片并显示在自己的随笔中时,会经历这样的步骤:

  1. 粘贴图片至文本框,博客园自动上传该图片至论坛服务器,会显示如下文本:
    Pasted image 20251002203619
  2. 上传完成,博客园自动填充格式,此时的地址,即为图片在博客园服务器中地址。
    Pasted image 20251002202210
  3. 完成上传后,便可让图片显示在自己的博客中。

3.分隔线

使用分隔线来凸显布局,其格式较多样,但都很简易:

三种格式显示效果相同,以个人喜好觉得决定即可:
1.三个或以上相连的短横线-  ---
2.三个或以上相连的星号* ***
3.三个或以上相连的下划线——  ——————  

显示效果如下:


4.引用

这种引用并非之前提到的脚注,链接等的引用,而是更直接的引用一段话或者名人名言时所使用的格式,语法同样简单:> 引用内容
直接展示效果:

给你糖完了兄弟 ——柯洁


总结

通过三篇博客,基本将我目前所学的关于Markdown的基本语法的常见使用内容总结完毕,实际上Markdown还有很多扩展,以及和HTML标签结合使用的地方,尤其是后者,还有很多可以展开介绍的地方。
只是本人目前尚且才疏学浅,这几篇博客也是自己学习,熟悉语法的过程,后续应该会再介绍一些和HTML结合的应用,但应该需要隔一段时间,近期应该会发一些AI,深度学习方面的入门内容。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/925326.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

网站开发 保密期限惠城发布最新通知

表的故障检测和修正的一般过程如下:检查出错的表。如果该表检查通过,则完成任务,否则必须修复出错的数据库表。在开始修复之前对表文件进行拷贝,以保证数据的安全。开始修复数据库表。如果修复失败,从数据库的备份或更…

华为wlan无线配置 - 教程

华为wlan无线配置 - 教程pre { white-space: pre !important; word-wrap: normal !important; overflow-x: auto !important; display: block !important; font-family: "Consolas", "Monaco", &q…

开源 C# 飞快研发(十三)进程--管道通讯

开源 C# 飞快研发(十三)进程--管道通讯2025-10-02 21:39 tlnshuju 阅读(0) 评论(0) 收藏 举报pre { white-space: pre !important; word-wrap: normal !important; overflow-x: auto !important; display: block…

Spring Boot 内置日志框架 Logback - 以及 lombok 介绍 - 教程

pre { white-space: pre !important; word-wrap: normal !important; overflow-x: auto !important; display: block !important; font-family: "Consolas", "Monaco", "Courier New", …

PINN训练新思路:把初始条件和边界约束嵌入网络架构,解决多目标优化难题

PINNs出了名的难训练。主要原因之一就是这个多目标优化问题。优化器很容易找到投机取巧的路径——比如拼命降低微分方程残差,但完全不管初始条件和边界约束。只要给初始条件和边界损失配的权重够低,它们增加的那点损…

微信公众网站开发2345网址导航浏览器

从此记录工作、学习、生活的那些事儿!转载于:https://www.cnblogs.com/alwaysjava/p/4221362.html

Tarjan 算法

Tarjan 算法有向图的强连通分量 SCC 定义:从其中的任意一个节点出发,都能经过其中的所有点,即其中任意两个节点相通。 遍历方式:DFS 序遍历。 有向边分类:树枝边,前向边,后向边,横叉边。 时间戳与追溯值:记 \…

数学章节总结

一、矩阵乘法介绍一个 \(m \times n\) 的矩阵是一个由 \(m\) 行 \(n\) 列元素排列成的矩形阵列。即形如: \[A = \begin{bmatrix} a_{(1,1)} & a_{(1,2)} & \cdots & a_{(1,n)} \\ a_{(2,1)} & a_{(2,…

安徽省建设工程造价管理网站苏州自助建站

在上一篇文章中,我们介绍了jQuery前端PHP在线测试题效果。这篇文章将结合实例给大家介绍如何使用jQueryPHPMySQL来实现在线测试题,包括动态读取题目,答题完毕后台评分,并返回答题结果。查看演示下载资源:1332次 下载资…

运城做网站价格百度关键词热度

目录 一、监督学习 (一)回归 (二)分类 二、无监督学习 聚类 一、监督学习 介绍:监督学习是指学习输入到输出(x->y)映射的机器学习算法,监督即理解为:已知正确答案…

临项交换

知周所众,10月2日是一个学贪心的好日子(不是 写一下学习总结吧 先写一下印象最深的最简单的(其实不然临项交换 临项交换 例题一:排队接水 知周所众,排队接水的正解是把接水时间少的人放在队伍的前面,那么这背后的…

华为设备MSTP - 指南

华为设备MSTP - 指南2025-10-02 21:11 tlnshuju 阅读(0) 评论(0) 收藏 举报pre { white-space: pre !important; word-wrap: normal !important; overflow-x: auto !important; display: block !important; font-f…

CF VP 记录

CF2129 B 因为是排列所以我们可以从小到大考虑每个数。对于一个数,如果不变那么贡献是前面比它大的数个数,如果改变那么贡献是后面比它大的数的个数,取最小值即可。 C 首先我们得找到一个确定的括号,这样我们才可以…

实用指南:Autudl华为昇腾系列NPU简介和部署推理yolo11 yolov8 yolov5目标检测模型

pre { white-space: pre !important; word-wrap: normal !important; overflow-x: auto !important; display: block !important; font-family: "Consolas", "Monaco", "Courier New", …

LabVIEW与PLC 汽车驻车制动自动调整 - 实践

LabVIEW与PLC 汽车驻车制动自动调整 - 实践pre { white-space: pre !important; word-wrap: normal !important; overflow-x: auto !important; display: block !important; font-family: "Consolas", "…

04. 布局管理

一、什么是布局在 Qt Quick 中有两套与元素布局相关的类库,一套叫作 Item Positioner(定位器),一套叫作 Item Layout(布局)。其实在 Qt Quick 中还有一个 锚布局,它通过 Item 的 anchors 属性实现,是 Qt Quick…

关于安装博客园皮肤中有关于配置音乐播放器的补充(awescnb)

首先,关于安装博客园皮肤的教程,请看教程: https://www.yuque.com/awescnb/user 大佬的教程非常详细且通俗易懂,只要有一点点前端基础,很短时间就能安装完成 但有关于音乐播放器的配置中,获取音乐url以及lrc歌词…

AGC VP 记录 2

AGC VP 记录 为了防止上一个内容太多比较卡,故新开了一个。 AGC041~AGC060 AGC060 [AGC060A] No Majority skip。Submission #69562933 - AtCoder Grand Contest 060 [AGC060B] Unique XOR Path给定一个 \(n\times m\…

婚纱定制网站哪个好做特卖网站

第二期云开发0基础训练营热力来袭!课程升级、更佳体验、依旧免费!每年的 “金九银十” 都是传说中的学习黄金期!这期间在校的小伙伴面临开学季/求职季/考研季挑战,已经步入社会的也即将步入年终前的冲刺阶段。所以,这段…

2025 --【J+S 二十连测】-- 第四套 总结

总结 T1 考场上很快想出了正解,并打出了代码,没什么问题 T2 考场上很快就打出了正解,但是由于精度问题,导致失分 T3 考场上没有想到解法,打了个部分分,但是挂0 T4 考场上打了个部分分,哪全了 题解 T1 不难发现,…