Viviva是一个hexo的主题模板,在主题的github仓库中,有关于缩略图和头图的代码,但是没有具体的操作方法,所以这里记录一下。当然也希望作者能够加快更新,这个主题真的特别好看
准备
首先,这个主题主要是ejs的语法,大致上和js差不多,这里不做赘述,直接上代码。这里要找到两个文件,首页的文件和文章页的文件,这两个文件在主题的layout
文件夹和该文件夹下的post
文件夹中,分别是article.ejs
和gallery.ejs
。
相关代码
这里两个文件夹中所用到的代码都是基本相同的,获取图片的路径是/2023/07/31/title/banner.png
,其中除了最后的banner.png
是固定的(当然也不用固定),前面都可以用代码自动获取
<% let date = new Date(post.date) %>
<% let year = date.getFullYear() %>
<% let month = String(date.getMonth() + 1).padStart(2, '0') %>
<% let day = String(date.getDate()).padStart(2, '0') %>
<% let formattedDate = year + '/' + month + '/' + day + '/' %>
<% let newPhoto = formattedDate + post.title + '/' + photo %>