照片集点击图片

components/NotionPage.js

@@ -61,12 +61,20 @@ const NotionPage = ({ post }) => {
         const cards = document.getElementsByClassName('notion-collection-card')
         for (const e of cards) {
           e.removeAttribute('href')
+          const links = e.querySelectorAll('.notion-link')
+          if (links && links.length > 0) {
+            for (const l of links) {
+              l.onclick = function() {
+                window.open('http://' + l.innerText)
+              }
+            }
+          }
         }
       }
     }, 800)
 
     addWatch4Dom()
-  }, [])
+  })
 
   return <div id='container' className='max-w-4xl mx-auto'>
     <NotionRenderer

styles/notion.css

@@ -1352,8 +1352,13 @@ svg.notion-page-icon {
   margin-right: 6px;
 }
 
+.notion-collection-card{
+  cursor: default !important;
+}
+
 .notion-collection-card-property .notion-link {
   border-bottom: 0 none;
+  cursor: pointer
 }
 
 .notion-collection-card-property .notion-page-title {