ZhangYc 的博客

记录漫漫开发之旅


  • 首页

  • 关于

  • 标签

  • 分类

  • 归档

Hexo中如何用Markdown插入本地图片

发表于 2019-08-15 分类于 Hexo , markdown 阅读次数:
本文字数: 400 阅读时长 ≈ 1 分钟

虽然在官方语法中,Markdown插入图片的格式是这样的:

1
![Alt text](/path/to/img.jpg)

然而,如果你用了Hexo框架,那你得小心了。

为什么要用Hexo,Octopress之类的框架呢?无非是为了让页面更加丰富多彩,以及让操作更加简便。这些用jeklly直接来做是十分繁琐,费时的。

好了,回归正题。首先,你不可能在网页里用绝对路径,这样怎么部署到服务器上呢?所以必定是相对路径。Markdown本来的语法中,只要img和md文件的相对路径是对的就行,然而Hexo不知道对路径做了什么处理,你需要在source文件夹中新建一个images文件夹,然后把图片放在images文件夹里。路径也必须是这样的:

1
![Alt text](/images/img.jpg)

这样做的好处是,图片资源的管理比较有序。坏处是给初学者带来一定的疑惑,而且在markdown的编辑器里,无法实时预览。

ZhangYc 微信支付

微信支付

ZhangYc 支付宝

支付宝

markdown插入图片

本文标题:Hexo中如何用Markdown插入本地图片

文章作者:ZhangYc

发布时间:2019年08月15日 - 09:30

最后更新:2019年08月15日 - 09:47

原始链接:http://zyclovehyp.github.io/2019/08/15/Hexo中如何用Markdown插入本地图片/

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。

Hexo 实现图片点击预览
安装cnpm(npm淘宝镜像)
ZhangYc

ZhangYc

ZhangYc,zyc
6 日志
5 分类
9 标签
GitHub E-Mail
© ZhangYc | 8k | 7 分钟
由 Hexo 强力驱动 v3.9.0
|
主题 – NexT.Gemini v7.3.0
|
0%