type
status
date
slug
summary
tags
category
icon
password

通用自定义内容

文章卡片连接

NitionNext项目中多个主题的文章是以图文卡片的形式排版的,卡片中集成了文章标题、所在分类、概述、预览、banner图片、日期和标签等要素,并且光标在指向卡片式还有一定的动态效果,看上去属实舒服。
但在使用的时候发现要从卡片列表中打开一篇文章,需要访问者将光标移动至文章标题上才能点击进入。因为这类文章版式中每一个要素都有自己关联的链接,如下图所示。
notion image
然而,访问者在实际访问中,往往希望卡片本身可以链接至文章内容。可以通过修改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更新内容一大堆,太专业看不懂,一直都没搞清楚是哪里的问题。
此问题是之前遇到,解决以后才记录的,所以没有留下截图记录。
👉
有知道原因的伙伴们,欢迎留言告知。
 
利用CloudFLare创建自己的域名邮箱GMT快速绘制图例
  • Twikoo
  • Giscus
  • Cusdis