关于 gitee+hexo+typora 如何设置各种封面和顶部图片

关于 gitee+hexo+typora 如何设置文章封面、文章顶部图片和总封面

以下相对于主题butterfly而言:

封面与顶部图像的设置
  • 首先,打开所搭建博客框架的img文件夹 路径为:public/img,在这个文件夹里新建一个文件夹命名为 top-img(可以是别的名称)用来存放将要设置的封面与顶部图片。

  • 然后打开themes主题下的_config.yml,路径为themes/butterfly/config.yml
  • 然后使用文本编辑器的查找功能(我使用的是VScode)找到这里

  • 在这里 favicon 后直接跟图片路径为网站头标在这里插入图片描述也就是在这里显示的图标

  • avatarimg: 后的路径为博客头像,是这个地方的图像:在这里插入图片描述

  • default_top_img:后面是当图片显示错误是的代替图片

  • index_img:后是当你进入你的网站时显示的图像

  • archive_img:是你点击头像下面的文章进入的页面的顶部图

  • tag_img:是你点击头像下面的标签进入的页面的顶部图

  • category_img:是你点击头像下面的分类进入的页面的顶部图

关于路径的设置

对于路径的设置可以有绝对路径和相对路径两种方式。

绝对路径无话可说。

对于相对路径就使用img/top-img/XX.XX

这里top-img是刚刚创建的文件夹。

对于文章封面和顶部图的设置

采用相似的方法即可,打开public中的img文件夹,新建一个这个md文档所需要的文件夹存放图片,然后使用相对路径引用或者使用网络图片绝对路径引用。

引用方式

在所需要的md文档中

在这里插入图片描述

头部添加cover作为文章封面,top-img作为文章打开后的头部图。

可以使用相对路径和绝对路径,但是需要注意,引用绝对路径时,不能添加date那一项标签,否则会发生未知错误。

对于每次使用 hexo new生成md文档模板改动

  • 打开scaffolds文件夹里面的post.md文件,进行自定义更改即可。

可以点击这里进入我的我的博客查看效果

  • 6
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

_南明_离火_

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值