type
status
date
slug
summary
tags
category
icon
password
通用自定义内容
文章卡片连接
NitionNext项目中多个主题的文章是以图文卡片的形式排版的,卡片中集成了文章标题、所在分类、概述、预览、banner图片、日期和标签等要素,并且光标在指向卡片式还有一定的动态效果,看上去属实舒服。
但在使用的时候发现要从卡片列表中打开一篇文章,需要访问者将光标移动至文章标题上才能点击进入。因为这类文章版式中每一个要素都有自己关联的链接,如下图所示。
然而,访问者在实际访问中,往往希望卡片本身可以链接至文章内容。可以通过修改NotionNext项目仓库中对应主题(具有卡片式文章列表)的
components/BlogPostCard.js
来实现。下面是原始代码,我们需要在
return
的第一个<div>
中添加文章链接。文章链接的表达式或变量可根据脚本内容获取,如hexo主题下文章的链接存储在变量
url
中,classname
等其他参数参考./BlogPostCardInfo.js
。修改后的脚本为:保存后将修改更新到远程仓库,等待vercel重新biuld后便可通过点击卡片跳转至文章页。
以上修改,对于卡片中分类、概述、预览、日期和标签等其他元素的链接没有影响,访问者仍可以在点击对应位置跳转至不同页面。
主题自定义
hexo
略
问题解决记录
1. 点击进入任一分类页都无法正常加载
Q:之前遇到一个问题,无论通过何种途径进入某一分类的页面,都无法正常加载网页的内容,并且是该页面的所有内容,除了博文列表无法加载外,头像、名称、最新发布等内容均无法加载,这时必需通过刷新网页才能正常显示。
S:对于这个问题之前一直没找到解决方法。
之前认为可能是链接和按钮slug不一致所致,notion数据库中有的链接有
www
有的没有,有的有https
有的没有,折腾、修改、测试了一圈也没好。
本来打算咨询一下tangly1024大神,后来发现NotionNext有更新就更新了一下,重新配置更新后的仓库后就在没遇到这个问题了。NotionNext4.2.3更新内容一大堆,太专业看不懂,一直都没搞清楚是哪里的问题。此问题是之前遇到,解决以后才记录的,所以没有留下截图记录。
有知道原因的伙伴们,欢迎留言告知。