hexo-vivia的缩略图以及头图添加方法

699 词

Viviva是一个hexo的主题模板,在主题的github仓库中,有关于缩略图和头图的代码,但是没有具体的操作方法,所以这里记录一下。当然也希望作者能够加快更新,这个主题真的特别好看

准备

首先,这个主题主要是ejs的语法,大致上和js差不多,这里不做赘述,直接上代码。这里要找到两个文件,首页的文件和文章页的文件,这两个文件在主题的layout文件夹和该文件夹下的post文件夹中,分别是article.ejsgallery.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 %>

article.ejs修改的位置

article.ejs中修改的位置

gallery.ejs中修改的位置

留言