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

一、自定义文章封面:

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

使用统一的封面

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

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

 

写文章的时候在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模块然后修改成你想要的图片地址就好

 

 

官方文档

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

  • 9
    点赞
  • 42
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值