杂货铺 | 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

相关文章

前端 CSS 动态设置样式::class、:style 等技巧(推荐)

《前端CSS动态设置样式::class、:style等技巧(推荐)》:本文主要介绍了Vue.js中动态绑定类名和内联样式的两种方法:对象语法和数组语法,通过对象语法,可以根据条件动态切换类名或样式;通过数组语法,可以同时绑定多个类名或样式,此外,还可以结合计算属性来生成复杂的类名或样式对象,详细内容请阅读本文,希望能对你有所帮助...

MySQL8.0设置redo缓存大小的实现

《MySQL8.0设置redo缓存大小的实现》本文主要在MySQL8.0.30及之后版本中使用innodb_redo_log_capacity参数在线更改redo缓存文件大小,下面就来介绍一下,具有一... mysql 8.0.30及之后版本可以使用innodb_redo_log_capacity参数来更改

Nginx设置连接超时并进行测试的方法步骤

《Nginx设置连接超时并进行测试的方法步骤》在高并发场景下,如果客户端与服务器的连接长时间未响应,会占用大量的系统资源,影响其他正常请求的处理效率,为了解决这个问题,可以通过设置Nginx的连接... 目录设置连接超时目的操作步骤测试连接超时测试方法:总结:设置连接超时目的设置客户端与服务器之间的连接

mybatis和mybatis-plus设置值为null不起作用问题及解决

《mybatis和mybatis-plus设置值为null不起作用问题及解决》Mybatis-Plus的FieldStrategy主要用于控制新增、更新和查询时对空值的处理策略,通过配置不同的策略类型... 目录MyBATis-plusFieldStrategy作用FieldStrategy类型每种策略的作

CSS弹性布局常用设置方式

《CSS弹性布局常用设置方式》文章总结了CSS布局与样式的常用属性和技巧,包括视口单位、弹性盒子布局、浮动元素、背景和边框样式、文本和阴影效果、溢出隐藏、定位以及背景渐变等,通过这些技巧,可以实现复杂... 一、单位元素vm 1vm 为视口的1%vh 视口高的1%vmin 参照长边vmax 参照长边re

Windows设置nginx启动端口的方法

《Windows设置nginx启动端口的方法》在服务器配置与开发过程中,nginx作为一款高效的HTTP和反向代理服务器,被广泛应用,而在Windows系统中,合理设置nginx的启动端口,是确保其正... 目录一、为什么要设置 nginx 启动端口二、设置步骤三、常见问题及解决一、为什么要设置 nginx

vue基于ElementUI动态设置表格高度的3种方法

《vue基于ElementUI动态设置表格高度的3种方法》ElementUI+vue动态设置表格高度的几种方法,抛砖引玉,还有其它方法动态设置表格高度,大家可以开动脑筋... 方法一、css + js的形式这个方法需要在表格外层设置一个div,原理是将表格的高度设置成外层div的高度,所以外层的div需要

电脑密码怎么设置? 一文读懂电脑密码的详细指南

《电脑密码怎么设置?一文读懂电脑密码的详细指南》为了保护个人隐私和数据安全,设置电脑密码显得尤为重要,那么,如何在电脑上设置密码呢?详细请看下文介绍... 设置电脑密码是保护个人隐私、数据安全以及系统安全的重要措施,下面以Windows 11系统为例,跟大家分享一下设置电脑密码的具体办php法。Windo

如何设置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设置永久生效步骤