本文主要是介绍杂货铺 | hexo设置文章置顶及封面(Keep主题),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
文章目录
- 📚设置文章置顶
- 📚设置文章封面
📚设置文章置顶
Front-Matter
是指 /source/_posts目录下文章 .md 文件最上方以---
分隔的区域,用于设置文章的变量。- 在文章的 Front Matter 中添加
sticky
属性,即可实现在 Home(首页)置顶该文章。sticky 值越大,置顶越靠前。
📚设置文章封面
-
keep主题官方文档中对于类似的需求都有说明。
-
Home 页文章封面
- 在 Front-Matter 中,通过配置
home_cover
和home_cover_height
来设置 Home 页面文章封面。home_cover: /images/home-cover-img.png home_cover_height: 120
home_cover
填写 Home 页面的封面图片链接,可以是本地图片路径 或 图片链接。home_cover_height
设置 Home 页面的封面图片高度,可以不填,不填则使用内置高度。·
- 在 Front-Matter 中,通过配置
-
Post 页文章封面
- 在 Front-Matter 中,通过配置
post_cover
和post_cover_height
来设置 Post 页面文章封面。post_cover: /images/post-cover-img.png post_cover_height: 120
- 如果只填写了
home_cover
,那么 Post 页面的封面也使用home_cover
。
- 在 Front-Matter 中,通过配置
-
关于图片链接
- 几经尝试后,结论是:source外的图片,除了logo,avatar这些内置制定项,其余在
hexo g -d
部署后,都会被渲染吞掉。 - 解决办法:在source文件夹下新创建一个medias文件夹,然后里面放入图片,再用对应路径引入。
- 几经尝试后,结论是:source外的图片,除了logo,avatar这些内置制定项,其余在
hexo更新文章实在是麻烦o(╥﹏╥)o,所以就挂一个导航,直接链接csdn好了。不过自带tag针对个人代码刷题梳理似乎还有点神奇的用处,菜鸟coder之后再更吧o(╥﹏╥)o。
这篇关于杂货铺 | hexo设置文章置顶及封面(Keep主题)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!