如何使用我的hexo博客的相对链接作为缩略图?

时间:2018-05-07 23:47:51

标签: node.js hexo

我想在hexo中为我的图片素材使用相对链接将它们显示为缩略图,我使用的是hueman主题,所以我有以下帖子(下面只显示标题部分):

---
title: ChocolateLove
date: 2018-05-08 04:55:56
tags: [css, chocolate]
thumbnail: /ChocolateLove/choco.jpg
---

使用hueman主题你可以设置上面的帖子的缩略图,但这不起作用,在浏览器控制台中我得到图像资源的404错误,当然如果我使用来自的图像网络,IE像这样:

---
title: APostAboutCss
date: 2018-05-08 03:38:38
tags: [CSS , jQuery]
thumbnail: https://matthewhorne.me/wp-content/uploads/2016/03/coding-screen-1280x500.jpg
---

缩略图显示并呈现完美。所以我的问题是如何在我的hexo博客中使用相对链接?

1 个答案:

答案 0 :(得分:0)

解决方案正在改变:

thumbnail: /ChocolateLove/choco.jpg

到这个

thumbnail: /2018/05/08/ChocolateLove/choco.jpg

基本上你会从日期属性中追加YY/MM/DD,如下所示:

---
title: ChocolateLove
date: 2018-05-08 04:55:56
tags: [css, chocolate]
thumbnail: /2018/05/08/ChocolateLove/choco.jpg
---