一、自定义文章封面:

从这张图片可以看出default后面的url是原始的图片地址,文章封面使用的是cover这两个信息

Hexo butterfly 自定义文章封面 && 主页顶部图片更改

使用统一的封面

如果不想麻烦可以选择统一的封面,把上面那个url修改成自己喜欢的图片地址即可

自定义丰富的封面(举例)

Hexo butterfly 自定义文章封面 && 主页顶部图片更改

 

写文章的时候在cover后面输入你想要的封面图片的url,在top_img后面加上你想要的顶部图片的url,这里不写date后面的参数的原因是我不清楚格式,然后会导致文章在博客里显示不出来

你可以复制一下我的内容测试一下效果
---
title: Hexo的建设及踩坑
top_img: http://up.36992.com/pic/e6/c5/51/e6c551e768092c8655292d89a4034a74.jpg
cover: http://up.36992.com/pic/e6/c5/51/e6c551e768092c8655292d89a4034a74.jpg
---


二、主页图片的更改:

为了方便起见我全都改掉了,改成了一张图,具体功能都很明显,那个default最好也改一下不然个别页面还是会显示原来的那张图,括号里是我写的备注,防止我忘记哪些地方做了修改。使用到的文件是butterfly下面的config.yml文件,打开后找到image模块然后修改成你想要的图片地址就好

Hexo butterfly 自定义文章封面 && 主页顶部图片更改

 Hexo butterfly 自定义文章封面 && 主页顶部图片更改

 

官方文档

https://hexo.bootcss.com/docs/variables.html

相关文章:

  • 2022-12-23
  • 2021-07-28
  • 2022-12-23
  • 2021-05-27
  • 2022-02-08
  • 2021-07-01
  • 2021-11-09
  • 2022-02-06
猜你喜欢
  • 2021-08-20
  • 2021-09-27
  • 2022-02-12
  • 2022-12-23
  • 2022-02-15
  • 2022-12-23
  • 2021-07-14
相关资源
相似解决方案