fix: seo

Signed-off-by: Innei <i@innei.in>

README.md

@@ -4,6 +4,14 @@ A minimalist personal website embodying the purity of paper and freshness of sno
 
 A theme for [Mix Space](https://github.com/mx-space)
 
+## 动机
+
+Kami 的代码已经超过 3 年，实在变得难以维护，一堆屎一样的代码。自己看了都感到恶心。其次是太多的 Hydration Error 看着心烦，换个风格也挺好。
+
+本次重写不仅在风格上的不同，在代码层面上也更加符合 React 哲学，使用了非常牛逼的 Jotai 作为状态管理，🍞老师果然说的没错，Jotai yyds。
+
+几乎重写了 80% 的原代码，覆盖了几个主要页面。
+
 ## Status
 
 **WIP**

src/app/robots.ts

@@ -0,0 +1,11 @@
+import type { MetadataRoute } from 'next'
+
+export default function robots(): MetadataRoute.Robots {
+  return {
+    rules: {
+      userAgent: '*',
+      allow: '/',
+      disallow: ['/login/', '/preview/'],
+    },
+  }
+}

src/app/timeline/layout.tsx

@@ -5,6 +5,7 @@ import type { PropsWithChildren } from 'react'
 import { TimelineType } from '@mx-space/api-client'
 
 import { QueryHydrate } from '~/components/common/QueryHydrate'
+import { SearchFAB } from '~/components/widgets/shared/SearchFAB'
 import { REQUEST_QUERY } from '~/constants/system'
 import { attachUA } from '~/lib/attach-ua'
 import { getQueryClient } from '~/lib/query-client.server'
@@ -50,6 +51,8 @@ export default async (props: NextPageParams<{}, PropsWithChildren>) => {
       })}
     >
       {props.children}
+
+      <SearchFAB />
     </QueryHydrate>
   )
 }

src/components/layout/header/internal/AnimatedLogo.tsx

@@ -36,6 +36,7 @@ const TapableLogo = () => {
   return (
     <button onClick={fn}>
       <SiteOwnerAvatar className="cursor-pointer" />
+      <span className="sr-only">Owner Avatar</span>
     </button>
   )
 }

src/components/widgets/comment/Comments.tsx

@@ -5,7 +5,6 @@ import { memo, useMemo } from 'react'
 import type { FC } from 'react'
 import type { CommentBaseProps } from './types'
 
-import { BottomToUpSoftScaleTransitionView } from '~/components/ui/transition/BottomToUpSoftScaleTransitionView'
 import { apiClient } from '~/lib/request'
 
 import { LoadMoreIndicator } from '../shared/LoadMoreIndicator'
@@ -72,10 +71,8 @@ export const Comments: FC<CommentBaseProps> = ({ refId }) => {
 const CommentListItem: FC<{ comment: any; refId: string; index: number }> =
   memo(function CommentListItem({ comment, refId, index }) {
     return (
-      <BottomToUpSoftScaleTransitionView>
-        <CommentBoxProvider refId={refId}>
-          <Comment comment={comment} showLine={index > 0} />
-        </CommentBoxProvider>
-      </BottomToUpSoftScaleTransitionView>
+      <CommentBoxProvider refId={refId}>
+        <Comment comment={comment} showLine={index > 0} />
+      </CommentBoxProvider>
     )
   })

src/components/widgets/note/NoteTopic.tsx

@@ -38,6 +38,7 @@ export const NoteTopic: FC = () => {
           text={textToBigCharOrWord(name)}
           className="flex-shrink-0"
           shadow={false}
+          alt={`专栏 ${name} 的头像`}
         />
         <div className="flex flex-grow flex-col self-start">
           <span className="text-md mb-2 font-medium">

tailwind.config.ts

@@ -244,9 +244,9 @@ const twConfig: Config = {
       {
         dark: {
           'color-scheme': 'dark',
-          primary: '#91bef0',
+          primary: '#1F7BE0',
           secondary: '#39C5BB',
-          accent: '#91bef0',
+          accent: '#1F7BE0',
 
           neutral: UIKitColors.grey3.dark,