Hexo写作技巧

本文分享了在Hexo中写作时如何插入图片的技巧,包括原生Markdown语法的本地图片、网络图片和Base64编码方式,以及通过Hexo插件实现更便捷的图片管理,如设置_post_asset_folder和使用hexo-asset-image插件。
摘要由CSDN通过智能技术生成

Hexo 写作的技巧与备忘,不喜勿喷。

文章插入图片

原生Markdown语法

原生Markdown语法插入图片有三种方式

1. 插入本地图片

只需要在基础语法的括号中填入图片的位置路径即可,支持绝对路径和相对路径。
例如:

![image](/home/picture/1.png)

评价:不灵活不好分享,本地图片的路径更改或丢失都会造成markdown文件调不出图。

2. 插入网络图片

只需要在基础语法的括号中填入图片的网络链接即可,现在已经有很多免费/收费图床和方便传图的小工具可选。
例如:

![image](http://baidu.com/pic/doge.png)

评价:将图片存在网络服务器上,非常依赖网络和网络图片存储

3. 把图片存入markdown文件

用base64转码工具把图片转成一段字符串,然后把字符串填到基础格式中链接的那个位置。
基础用法:

![avatar](data:image/png;bas
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值