杂货铺 | hexo设置文章置顶及封面(Keep主题)

本文介绍了如何在Hexo博客中设置文章的置顶功能以及在Home和Post页面设置封面图片,包括Front-Matter的配置和外部图片管理的解决方案。
摘要由CSDN通过智能技术生成

📚设置文章置顶

  • Front-Matter是指 /source/_posts目录下文章 .md 文件最上方以---分隔的区域,用于设置文章的变量。
  • 在文章的 Front Matter 中添加 sticky属性,即可实现在 Home(首页)置顶该文章。sticky 值越大,置顶越靠前。
    在这里插入图片描述

📚设置文章封面

  • keep主题官方文档中对于类似的需求都有说明。

  • Home 页文章封面

    • 在 Front-Matter 中,通过配置home_coverhome_cover_height来设置 Home 页面文章封面。
      home_cover: /images/home-cover-img.png
      home_cover_height: 120
      
    • home_cover填写 Home 页面的封面图片链接,可以是本地图片路径 或 图片链接。
    • home_cover_height设置 Home 页面的封面图片高度,可以不填,不填则使用内置高度。·
  • Post 页文章封面

    • 在 Front-Matter 中,通过配置post_coverpost_cover_height来设置 Post 页面文章封面。
      post_cover: /images/post-cover-img.png
      post_cover_height: 120
      
    • 如果只填写了home_cover,那么 Post 页面的封面也使用home_cover
  • 关于图片链接

    • 几经尝试后,结论是:source外的图片,除了logo,avatar这些内置制定项,其余在hexo g -d部署后,都会被渲染吞掉
    • 解决办法:在source文件夹下新创建一个medias文件夹,然后里面放入图片,再用对应路径引入。
      在这里插入图片描述

    在这里插入图片描述


在这里插入图片描述
在这里插入图片描述

hexo更新文章实在是麻烦o(╥﹏╥)o,所以就挂一个导航,直接链接csdn好了。不过自带tag针对个人代码刷题梳理似乎还有点神奇的用处,菜鸟coder之后再更吧o(╥﹏╥)o。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

啦啦右一

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

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

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

打赏作者

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

抵扣说明:

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

余额充值