当前位置: 首页 > news >正文

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

编辑器: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.jsqmd.com/news/7377/

相关文章:

  • 华为wlan无线配置 - 教程
  • 开源 C# 飞快研发(十三)进程--管道通讯
  • Spring Boot 内置日志框架 Logback - 以及 lombok 介绍 - 教程
  • PINN训练新思路:把初始条件和边界约束嵌入网络架构,解决多目标优化难题
  • 图的匹配
  • Tarjan 算法
  • 临项交换
  • CF VP 记录
  • 华为设备MSTP - 指南
  • LabVIEW与PLC 汽车驻车制动自动调整 - 实践
  • 04. 布局管理
  • 关于安装博客园皮肤中有关于配置音乐播放器的补充(awescnb)
  • AGC VP 记录 2
  • 2025 --【J+S 二十连测】-- 第四套 总结
  • 深入解析:AI-调查研究-90-具身智能 机器人数据采集与通信中间件全面解析:ROS/ROS2、LCM 与工业总线对比
  • 函数-装饰器基础知识+推导式
  • 机器人产业学院 —— 教培机构 —— 职业发展 —— 全国性比赛
  • VUE - 实战 2
  • QBXT2025S刷题 Day1
  • 2025多校冲刺CSP模拟赛1(螳臂复活祭)
  • 短剧小程序核心专业的技术拆解:视频加载优化、用户留存与商业化落地​
  • 完整教程:Apache Doris 入门与技术替代方案
  • 福州市 2025 国庆集训 Day2 前三题题解
  • 2025 年马赛克厂家 TOP 企业品牌推荐排行榜,陶瓷,游泳池,喷墨,冰裂,拼花,防滑,复古,家装马赛克推荐这十家公司!
  • 原来你是这样的claude code aciton:没想象中好
  • 2025/9/29
  • FlareOn1 -- 5get_it
  • 2025/10/1
  • 2025 年阀门厂家 TOP 企业品牌推荐排行榜,管道阀门,气动,调节,电动执行器,生产,电磁,不锈钢,进口,耐高温阀门推荐这十家公司
  • 爬虫逆向-AST科技