ReadMe微调；

Card适配夜间模式

README.md

@@ -19,13 +19,14 @@
 
 演示地址：[https://www.tangly1024.com/](https://www.tangly1024.com/)
 
-<details><summary>截图1 - Fukasawa主题</summary>
-<img src='https://github.com/tangly1024/NotionNext/blob/main/screenshot.png?raw=true'/>
-</details>
-<details><summary>截图2 - 仿Youtube主题</summary>
+
+<details><summary>截图</summary>
 <img src='https://github.com/tangly1024/NotionNext/blob/main/screenshot2.png?raw=true'/>
 </details>
 
+<details><summary>其他曾用主题样式</summary>
+<img src='https://github.com/tangly1024/NotionNext/blob/main/screenshot.png?raw=true'/>
+</details>
 ## 亮点 ✨
 
 **🚀 &nbsp;秒开，设备全适配**
@@ -53,7 +54,7 @@
 ## 快速起步
 
 - 给这个项目点个小星星 😉
-- 将 [这个 Notion 模板](https://www.notion.so/68be9021bca34b8e89f0246f27e608df) 制作副本，并分享这个页面给所有人
+- 将 [这个 Notion 模板](https://tanghh.notion.site/02ab3b8678004aa69e9e415905ef32a5) 制作副本，并分享这个页面给所有人
 - [Fork](https://github.com/tangly1024/NotionNext/fork) 这个项目
 - 在 `blog.config.js` 配置相关选项
 - _(可选)_ 用自己的图片替换 `/public` 文件夹里的 `avatar.svg`、`favicon.svg` 和 `favicon.ico`

components/BlogPostCard.js

@@ -19,7 +19,7 @@ const BlogPostCard = ({ post }) => {
           </Link>
           <div className='flex flex-nowrap'>
             <Link href={`/category/${post.category}`}>
-              <div className='cursor-pointer text-sm py-1.5 mr-2 hover:underline'><i className='fa fa-folder-open-o mr-1'/>{post.category}</div>
+              <div className='cursor-pointer dark:text-gray-200 font-bold text-sm py-1.5 mr-2 hover:underline'><i className='fa fa-folder-open-o mr-1'/>{post.category}</div>
             </Link>
             {post.tags.map(tag => (<TagItemMini key={tag} tag={tag} />))}
             <span className='mt-2 mx-2 text-gray-500 dark:text-gray-300 text-sm leading-4'>{post.date.start_date}</span>

components/TagItemMini.js

@@ -4,7 +4,7 @@ const TagItemMini = ({ tag, selected = false, count }) => (
   <Link key={tag} href={selected ? '/' : `/tag/${encodeURIComponent(tag)}`}>
     <span
       className={`cursor-pointer inline-block border rounded hover:bg-gray-300 duration-200 mr-1 my-1 p-1 font-medium font-light text-xs whitespace-nowrap
-                   dark:text-gray-300 dark:hover:bg-gray-800 ${selected ? 'text-white bg-black dark:hover:bg-gray-900 dark:bg-black dark:border-gray-800' : 'bg-gray-200 text-gray-600 dark:bg-gray-600 dark:border-gray-600'
+                   dark:text-gray-300 dark:hover:bg-gray-500 ${selected ? 'text-white bg-black dark:hover:bg-gray-900 dark:bg-black dark:border-gray-800' : 'bg-gray-200 text-gray-600 dark:bg-gray-800 dark:border-gray-600'
       }`}
     >
                   <a> {tag + (count ? `(${count})` : '')} </a>