hexo添加外部链接

打开主题配置文件(_config.yml),搜索social_icons:,在图标库找自己喜欢的小图标,并将名字复制在如下位置,保存即可
在这里插入图片描述

### 如何在 Hexo 中插入图片链接 在 Hexo 博客框架中,可以通过多种方式来插入图片链接。以下是几种常见的方法: #### 方法一:使用 Markdown 的语法插入本地图片 如果图片存储在本地路径下,可以按照如下方式进行插入: ```markdown ![替代文字](相对路径或绝对路径) ``` 这里的 `替代文字` 是当图片无法加载时显示的文字说明,而括号中的内容则是图片的实际路径。例如,假设有一张名为 `example.jpg` 的图片位于博客项目的 `/source/images/` 文件夹中,则可以这样写[^1]: ```markdown ![示例图片](/images/example.jpg) ``` #### 方法二:通过 Base64 编码嵌入图片 对于小型图标或者不需要频繁更新的图片,可以直接将其转换为 Base64 字符串并嵌入到文章中。这种方式的优点是可以减少 HTTP 请求次数,缺点是会增加文件大小。例如: ```html <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA..." alt="Base64 图片"> ``` 需要注意的是,这种方法适合较小尺寸的图像。 #### 方法三:引用外部 URL 链接 如果图片托管于第三方服务(如 GitHub、Imgur 或其他 CDN),则可以直接提供其公网访问地址作为链接来源。例如[^2]: ```markdown ![在线图片](https://example.com/path/to/image.png) ``` #### 方法四:配置 Post Front-matter 使用自定义字段 为了更灵活地管理资源位置,在撰写博文前可以在 YAML 前置事项部分设置一些全局变量供后续调用。比如先声明一个 baseurl 参数指向静态资产目录,之后再利用 Liquid Template 语法动态拼接完整的 URI 地址。 ```yaml --- title: Sample Title date: 2023-03-15 12:00:00 img_base_url: /assets/ --- ``` 接着就可以像下面这样简化书写过程了: ```liquid ![]( {{ page.img_base_url }}my-image-file-name.jpg ) ``` 以上就是关于如何在 Hexo 平台里添加不同类型的影像资料的一些技巧介绍。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值