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

2024-04-18 17:44

本文主要是介绍杂货铺 | hexo设置文章置顶及封面(Keep主题),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

文章目录

  • 📚设置文章置顶
  • 📚设置文章封面

📚设置文章置顶

  • 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。

这篇关于杂货铺 | hexo设置文章置顶及封面(Keep主题)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/915455

相关文章

如何设置vim永久显示行号

《如何设置vim永久显示行号》在Linux环境下,vim默认不显示行号,这在程序编译出错时定位错误语句非常不便,通过修改vim配置文件vimrc,可以在每次打开vim时永久显示行号... 目录设置vim永久显示行号1.临时显示行号2.永www.chinasem.cn久显示行号总结设置vim永久显示行号在li

Linux:alias如何设置永久生效

《Linux:alias如何设置永久生效》在Linux中设置别名永久生效的步骤包括:在/root/.bashrc文件中配置别名,保存并退出,然后使用source命令(或点命令)使配置立即生效,这样,别... 目录linux:alias设置永久生效步骤保存退出后功能总结Linux:alias设置永久生效步骤

Spring MVC如何设置响应

《SpringMVC如何设置响应》本文介绍了如何在Spring框架中设置响应,并通过不同的注解返回静态页面、HTML片段和JSON数据,此外,还讲解了如何设置响应的状态码和Header... 目录1. 返回静态页面1.1 Spring 默认扫描路径1.2 @RestController2. 返回 html2

四种简单方法 轻松进入电脑主板 BIOS 或 UEFI 固件设置

《四种简单方法轻松进入电脑主板BIOS或UEFI固件设置》设置BIOS/UEFI是计算机维护和管理中的一项重要任务,它允许用户配置计算机的启动选项、硬件设置和其他关键参数,该怎么进入呢?下面... 随着计算机技术的发展,大多数主流 PC 和笔记本已经从传统 BIOS 转向了 UEFI 固件。很多时候,我们也

Linux中chmod权限设置方式

《Linux中chmod权限设置方式》本文介绍了Linux系统中文件和目录权限的设置方法,包括chmod、chown和chgrp命令的使用,以及权限模式和符号模式的详细说明,通过这些命令,用户可以灵活... 目录设置基本权限命令:chmod1、权限介绍2、chmod命令常见用法和示例3、文件权限详解4、ch

SpringBoot项目引入token设置方式

《SpringBoot项目引入token设置方式》本文详细介绍了JWT(JSONWebToken)的基本概念、结构、应用场景以及工作原理,通过动手实践,展示了如何在SpringBoot项目中实现JWT... 目录一. 先了解熟悉JWT(jsON Web Token)1. JSON Web Token是什么鬼

使用Spring Cache时设置缓存键的注意事项详解

《使用SpringCache时设置缓存键的注意事项详解》在现代的Web应用中,缓存是提高系统性能和响应速度的重要手段之一,Spring框架提供了强大的缓存支持,通过​​@Cacheable​​、​​... 目录引言1. 缓存键的基本概念2. 默认缓存键生成器3. 自定义缓存键3.1 使用​​@Cacheab

java如何调用kettle设置变量和参数

《java如何调用kettle设置变量和参数》文章简要介绍了如何在Java中调用Kettle,并重点讨论了变量和参数的区别,以及在Java代码中如何正确设置和使用这些变量,避免覆盖Kettle中已设置... 目录Java调用kettle设置变量和参数java代码中变量会覆盖kettle里面设置的变量总结ja

基于Qt实现系统主题感知功能

《基于Qt实现系统主题感知功能》在现代桌面应用程序开发中,系统主题感知是一项重要的功能,它使得应用程序能够根据用户的系统主题设置(如深色模式或浅色模式)自动调整其外观,Qt作为一个跨平台的C++图形用... 目录【正文开始】一、使用效果二、系统主题感知助手类(SystemThemeHelper)三、实现细节

Android实现任意版本设置默认的锁屏壁纸和桌面壁纸(两张壁纸可不一致)

客户有些需求需要设置默认壁纸和锁屏壁纸  在默认情况下 这两个壁纸是相同的  如果需要默认的锁屏壁纸和桌面壁纸不一样 需要额外修改 Android13实现 替换默认桌面壁纸: 将图片文件替换frameworks/base/core/res/res/drawable-nodpi/default_wallpaper.*  (注意不能是bmp格式) 替换默认锁屏壁纸: 将图片资源放入vendo