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

相关文章

PyCharm如何设置新建文件默认为LF换行符

《PyCharm如何设置新建文件默认为LF换行符》:本文主要介绍PyCharm如何设置新建文件默认为LF换行符问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录PyCharm设置新建文件默认为LF换行符设置换行符修改换行符总结PyCharm设置新建文件默认为LF

Linux上设置Ollama服务配置(常用环境变量)

《Linux上设置Ollama服务配置(常用环境变量)》本文主要介绍了Linux上设置Ollama服务配置(常用环境变量),Ollama提供了多种环境变量供配置,如调试模式、模型目录等,下面就来介绍一... 目录在 linux 上设置环境变量配置 OllamPOgxSRJfa手动安装安装特定版本查看日志在

Ubuntu中Nginx虚拟主机设置的项目实践

《Ubuntu中Nginx虚拟主机设置的项目实践》通过配置虚拟主机,可以在同一台服务器上运行多个独立的网站,本文主要介绍了Ubuntu中Nginx虚拟主机设置的项目实践,具有一定的参考价值,感兴趣的可... 目录简介安装 Nginx创建虚拟主机1. 创建网站目录2. 创建默认索引文件3. 配置 Nginx4

如何关闭 Mac 触发角功能或设置修饰键? mac电脑防止误触设置技巧

《如何关闭Mac触发角功能或设置修饰键?mac电脑防止误触设置技巧》从Windows换到iOS大半年来,触发角是我觉得值得吹爆的MacBook效率神器,成为一大说服理由,下面我们就来看看mac电... MAC 的「触发角」功能虽然提高了效率,但过于灵敏也让不少用户感到头疼。特别是在关键时刻,一不小心就可能触

Nginx配置系统服务&设置环境变量方式

《Nginx配置系统服务&设置环境变量方式》本文介绍了如何将Nginx配置为系统服务并设置环境变量,以便更方便地对Nginx进行操作,通过配置系统服务,可以使用系统命令来启动、停止或重新加载Nginx... 目录1.Nginx操作问题2.配置系统服android务3.设置环境变量总结1.Nginx操作问题

grom设置全局日志实现执行并打印sql语句

《grom设置全局日志实现执行并打印sql语句》本文主要介绍了grom设置全局日志实现执行并打印sql语句,包括设置日志级别、实现自定义Logger接口以及如何使用GORM的默认logger,通过这些... 目录gorm中的自定义日志gorm中日志的其他操作日志级别Debug自定义 Loggergorm中的

前端 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类型每种策略的作