transitive-bullshit · whalejun · Apr 26, 2024 · Apr 26, 2024 · Apr 26, 2024 · Apr 26, 2024
diff --git a/components/Footer.tsx b/components/Footer.tsx
@@ -1,3 +1,4 @@
+import { FaCat } from '@react-icons/all-files/fa/FaCat'
 import { FaEnvelopeOpenText } from '@react-icons/all-files/fa/FaEnvelopeOpenText'
 import { FaGithub } from '@react-icons/all-files/fa/FaGithub'
 import { FaLinkedin } from '@react-icons/all-files/fa/FaLinkedin'
@@ -7,6 +8,7 @@ import { FaYoutube } from '@react-icons/all-files/fa/FaYoutube'
 import { FaZhihu } from '@react-icons/all-files/fa/FaZhihu'
 import { IoMoonSharp } from '@react-icons/all-files/io5/IoMoonSharp'
 import { IoSunnyOutline } from '@react-icons/all-files/io5/IoSunnyOutline'
+import { SiPixiv } from '@react-icons/all-files/si/SiPixiv'
 import * as React from 'react'
 
 import * as config from '@/lib/config'
@@ -54,6 +56,16 @@ export function FooterImpl() {
       </div>
 
       <div className={styles.social}>
+        {config.myCat && (
+          <a
+            className={styles.myCat}
+            href={config.myCat}
+            rel='me'
+          >
+            <FaCat/>
+          </a>
+        )}
+
         {config.twitter && (
           <a
             className={styles.twitter}
@@ -77,6 +89,16 @@ export function FooterImpl() {
           </a>
         )}
 
+        {config.pixiv && (
+          <a
+            className={styles.pixiv}
+            href={`https://www.pixiv.net/users/${config.pixiv}`}
+            rel='me'
+          >
+            <SiPixiv />
+          </a>
+        )}
+
         {config.zhihu && (
           <a
             className={styles.zhihu}

diff --git a/components/NotionPage.tsx b/components/NotionPage.tsx
@@ -1,3 +1,4 @@
+
 import cs from 'classnames'
 import dynamic from 'next/dynamic'
 import Image from 'next/legacy/image'
@@ -23,7 +24,6 @@ import { searchNotion } from '@/lib/search-notion'
 import { useDarkMode } from '@/lib/use-dark-mode'
 
 import { Footer } from './Footer'
-import { GitHubShareButton } from './GitHubShareButton'
 import { Loading } from './Loading'
 import { NotionPageHeader } from './NotionPageHeader'
 import { Page404 } from './Page404'
@@ -191,6 +191,30 @@ export function NotionPage({
 }: types.PageProps) {
   const router = useRouter()
   const lite = useSearchParam('lite')
+// 添加禁止鼠标右键、禁止选中和禁止文字复制粘贴的逻辑
+React.useEffect(() => {
+  const handleContextMenu = (event: MouseEvent) => {
+    event.preventDefault();
+  };
+
+  const handleSelectStart = (event: Event) => {
+    event.preventDefault();
+  };
+
+  const handleCopy = (event: ClipboardEvent) => {
+    event.preventDefault();
+  };
+
+  document.addEventListener('contextmenu', handleContextMenu);
+  document.addEventListener('selectstart', handleSelectStart);
+  document.addEventListener('copy', handleCopy);
+
+  return () => {
+    document.removeEventListener('contextmenu', handleContextMenu);
+    document.removeEventListener('selectstart', handleSelectStart);
+    document.removeEventListener('copy', handleCopy);
+  };
+}, []);
 
   const components = React.useMemo<Partial<NotionComponents>>(
     () => ({
@@ -328,7 +352,6 @@ export function NotionPage({
         footer={footer}
       />
 
-      <GitHubShareButton />
     </>
   )
 }
diff --git a/components/PageSocial.module.css b/components/PageSocial.module.css
@@ -79,13 +79,18 @@
   border-color: #3b5998;
 }
 
-.twitter .actionBgPane {
+.myCat .actionBgPane, .myCat:hover {
+  background: #ffbf5a;
+}
+.twitter .actionBgPane, .twitter:hover {
   background: #2795e9;
 }
-.twitter:hover {
-  border-color: #2795e9;
+.mastodon .actionBgPane, .mastodon:hover {
+  background: #6364FF;
+}
+.pixiv .actionBgPane, .pixiv:hover  {
+  background: #0096fa;
 }
-
 .linkedin .actionBgPane {
   background: #0077b5;
 }

diff --git a/components/PageSocial.tsx b/components/PageSocial.tsx
@@ -11,8 +11,16 @@ interface SocialLink {
   icon: React.ReactNode
   href?: string
 }
-
+// SNS图标管理部分
 const socialLinks: SocialLink[] = [
+  config.myCat && {
+    name: 'myCat',
+    href: `${config.myCat}`,
+    title: `MyCat ${config.myCat}`,
+    icon: (
+      <svg fill="#000000" width="800px" height="800px" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M290.59 192c-20.18 0-106.82 1.98-162.59 85.95V192c0-52.94-43.06-96-96-96-17.67 0-32 14.33-32 32s14.33 32 32 32c17.64 0 32 14.36 32 32v256c0 35.3 28.7 64 64 64h176c8.84 0 16-7.16 16-16v-16c0-17.67-14.33-32-32-32h-32l128-96v144c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16V289.86c-10.29 2.67-20.89 4.54-32 4.54-61.81 0-113.52-44.05-125.41-102.4zM448 96h-64l-64-64v134.4c0 53.02 42.98 96 96 96s96-42.98 96-96V32l-64 64zm-72 80c-8.84 0-16-7.16-16-16s7.16-16 16-16 16 7.16 16 16-7.16 16-16 16zm80 0c-8.84 0-16-7.16-16-16s7.16-16 16-16 16 7.16 16 16-7.16 16-16 16z"/></svg>
+    )
+  },
   config.twitter && {
     name: 'twitter',
     href: `https://twitter.com/${config.twitter}`,
@@ -23,7 +31,6 @@ const socialLinks: SocialLink[] = [
       </svg>
     )
   },
-
   config.github && {
     name: 'github',
     href: `https://github.com/${config.github}`,
@@ -66,6 +73,28 @@ const socialLinks: SocialLink[] = [
         <path d='M10,15L15.19,12L10,9V15M21.56,7.17C21.69,7.64 21.78,8.27 21.84,9.07C21.91,9.87 21.94,10.56 21.94,11.16L22,12C22,14.19 21.84,15.8 21.56,16.83C21.31,17.73 20.73,18.31 19.83,18.56C19.36,18.69 18.5,18.78 17.18,18.84C15.88,18.91 14.69,18.94 13.59,18.94L12,19C7.81,19 5.2,18.84 4.17,18.56C3.27,18.31 2.69,17.73 2.44,16.83C2.31,16.36 2.22,15.73 2.16,14.93C2.09,14.13 2.06,13.44 2.06,12.84L2,12C2,9.81 2.16,8.2 2.44,7.17C2.69,6.27 3.27,5.69 4.17,5.44C4.64,5.31 5.5,5.22 6.82,5.16C8.12,5.09 9.31,5.06 10.41,5.06L12,5C16.19,5 18.8,5.16 19.83,5.44C20.73,5.69 21.31,6.27 21.56,7.17Z' />
       </svg>
     )
+  },
+
+  config.mastodon && {
+    name: 'mastodon',
+    href: `${config.mastodon}`,
+    title: `Mastodon ${config.mastodon}`,
+    icon: (
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
+        <path d="M433 179.1c0-97.2-63.7-125.7-63.7-125.7-62.5-28.7-228.6-28.4-290.5 0 0 0-63.7 28.5-63.7 125.7 0 115.7-6.6 259.4 105.6 289.1 40.5 10.7 75.3 13 103.3 11.4 50.8-2.8 79.3-18.1 79.3-18.1l-1.7-36.9s-36.3 11.4-77.1 10.1c-40.4-1.4-83-4.4-89.6-54a102.5 102.5 0 0 1 -.9-13.9c85.6 20.9 158.7 9.1 178.8 6.7 56.1-6.7 105-41.3 111.2-72.9 9.8-49.8 9-121.5 9-121.5zm-75.1 125.2h-46.6v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.3V197c0-58.5-64-56.6-64-6.9v114.2H90.2c0-122.1-5.2-147.9 18.4-175 25.9-28.9 79.8-30.8 103.8 6.1l11.6 19.5 11.6-19.5c24.1-37.1 78.1-34.8 103.8-6.1 23.7 27.3 18.4 53 18.4 175z"/>
+      </svg>
+    )
+  },
+
+  config.pixiv && {
+    name: 'pixiv',
+    href: `https://www.pixiv.net/users/${config.pixiv}`,
+    title: `Pixiv ${config.pixiv}`,
+    icon: (
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
+        <path d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm171.5 84c41 0 76.3 12.9 101.4 35.2l0 0c25.2 22.2 39.8 54.1 39.8 88.8c.1 35.3-16.6 66.3-42.4 87c-25.9 20.8-60.6 32.4-98.8 32.4c-43.5 0-83.8-16.1-83.8-16.1v51.8c7.4 2.2 19.7 7 11.9 14.8H104.8c-7.7-7.8 3.6-12.4 12.1-14.8V175.5C97.1 190.9 87 204.3 81.8 214.2c6 19.4-5.3 18.5-5.3 18.5L56 199.7s72.7-83.7 179.5-83.7zm-3.6 222.9c30 0 56-11.3 73.9-29.2c17.9-18.1 27.9-41.6 28-70.2c-.1-29.3-9.5-54.6-26.7-73.6c-17.2-18.9-42.7-31.3-75.2-31.4c-26.7-.1-59.8 9-80.2 23.7V323.1c18.6 9.3 46.8 15.9 80.2 15.8z"/>
+      </svg>
+    )
   }
 ].filter(Boolean)
 

diff --git a/components/styles.module.css b/components/styles.module.css
@@ -71,7 +71,7 @@
 .social a {
   cursor: pointer;
   font-size: 2em;
-  display: inline-flex;
+  display: table-cell;
   padding: 0.25em;
   margin-right: 1vw;
   transition: color 250ms ease-out;
@@ -90,15 +90,18 @@
 .toggleDarkMode:hover {
   color: #2795e9;
 }
-
+.myCat:hover {
+  color: #ffbf5a;
+}
 .twitter:hover {
   color: #2795e9;
 }
-
 .mastodon:hover {
-  color: #5a4be1;
+  color: #6364FF;
+}
+.pixiv:hover {
+  color: #0096fa;
 }
-
 .zhihu:hover {
   color: #0066ff;
 }

diff --git a/lib/config.ts b/lib/config.ts
@@ -20,6 +20,9 @@ import {
   type Site
 } from './types'
 
+export const pixiv = '2781527'
+export const myCat = "https://seto-life.vercel.app/"
+
 export const rootNotionPageId: string = parsePageId(
   getSiteConfig('rootNotionPageId'),
   { uuid: false }
@@ -56,6 +59,7 @@ export const description: string = getSiteConfig('description', 'Notion Blog')
 export const language: string = getSiteConfig('language', 'en')
 
 // social accounts
+
 export const twitter: string | undefined = getSiteConfig('twitter')
 export const mastodon: string | undefined = getSiteConfig('mastodon')
 export const github: string | undefined = getSiteConfig('github')
@@ -65,6 +69,7 @@ export const newsletter: string | undefined = getSiteConfig('newsletter')
 export const zhihu: string | undefined = getSiteConfig('zhihu')
 
 export const getMastodonHandle = (): string | undefined => {
+
   if (!mastodon) {
     return
   }

diff --git a/lib/site-config.ts b/lib/site-config.ts
@@ -11,11 +11,14 @@ export interface SiteConfig {
   language?: string
 
   twitter?: string
+  myCat?: string
+  pixiv?: string
   github?: string
   linkedin?: string
   newsletter?: string
   youtube?: string
   zhihu?: string
+
   mastodon?: string
 
   defaultPageIcon?: string | null

diff --git a/public/favicon-128x128.png b/public/favicon-128x128.png
diff --git a/public/favicon-192x192.png b/public/favicon-192x192.png
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/favicon.png b/public/favicon.png
diff --git a/site.config.ts b/site.config.ts
@@ -2,27 +2,29 @@ import { siteConfig } from './lib/site-config'
 
 export default siteConfig({
   // the site's root Notion page (required)
-  rootNotionPageId: '7875426197cf461698809def95960ebf',
+  rootNotionPageId: '858447c91db0434282b31b8d08d8df83',
 
   // if you want to restrict pages to a single notion workspace (optional)
   // (this should be a Notion ID; see the docs for how to extract this)
   rootNotionSpaceId: null,
 
   // basic site info (required)
-  name: 'Next.js Notion Starter Kit',
+  name: 'KujiraTiku',
   domain: 'nextjs-notion-starter-kit.transitivebullsh.it',
-  author: 'Travis Fischer',
+  author: 'KujiraTiku',
 
   // open graph metadata (optional)
-  description: 'Example Next.js Notion Starter Kit Site',
+  description: '清熱鯨騰草',
 
   // social usernames (optional)
-  twitter: 'transitive_bs',
-  github: 'transitive-bullshit',
-  linkedin: 'fisch2',
-  // mastodon: '#', // optional mastodon profile URL, provides link verification
+  myCat:'https://seto-life.vercel.app/',
+  twitter: 'KujiraTiku',
+  // github: 'transitive-bullshit',
+  // linkedin: 'fisch2',
+  mastodon: 'https://fedibird.com/@TikuTalk', // optional mastodon profile URL, provides link verification
   // newsletter: '#', // optional newsletter URL
   // youtube: '#', // optional youtube channel name or `channel/UCGbXXXXXXXXXXXXXXXXXXXXXX`
+  pixiv: '2781527',
 
   // default notion icon and cover images for site-wide consistency (optional)
   // page-specific values will override these site-wide defaults
@@ -50,16 +52,24 @@ export default siteConfig({
 
   // whether to use the default notion navigation style or a custom one with links to
   // important pages. To use `navigationLinks`, set `navigationStyle` to `custom`.
-  navigationStyle: 'default'
-  // navigationStyle: 'custom',
-  // navigationLinks: [
-  //   {
-  //     title: 'About',
-  //     pageId: 'f1199d37579b41cbabfc0b5174f4256a'
-  //   },
-  //   {
-  //     title: 'Contact',
-  //     pageId: '6a29ebcb935a4f0689fe661ab5f3b8d1'
-  //   }
-  // ]
-})
+  // navigationStyle: 'default'
+  navigationStyle: 'custom',
+  navigationLinks: [
+    {
+      title: 'Home',
+      pageId: '858447c91db0434282b31b8d08d8df83'
+    },
+    {
+      title: 'About',
+      pageId: 'About-8ff57d87b0654b0b8c38b5e05947d5d7'
+    },
+    {
+      title: 'Blog',
+      pageId: 'Blog-6d3fa135bc944d3d93d5c71007f874c9'
+    },
+    {
+      title: 'Gallery',
+      pageId: 'Gallery-8135fc5f12fb4115970586bd53484963'
+    }
+  ]
+})