更新Logo

blog.config.js

@@ -1,9 +1,9 @@
 const BLOG = {
-  title: '汤里博客',
+  title: '1024技术分享',
   author: 'tangly1024',
   email: 'tlyong1992@hotmail.com',
   link: 'https://tangly1024.com',
-  description: '思考、学习、成长',
+  description: '分享有趣的技术',
   lang: 'zh-CN', // ['zh-CN','en-US']
   notionPageId: process.env.NOTION_PAGE_ID || 'bee1fccfa3bd47a1a7be83cc71372d83', // Important page_id！！！
   notionAccessToken: process.env.NOTION_ACCESS_TOKEN || '', // Useful if you prefer not to make your database public

components/Drawer.js

@@ -6,6 +6,7 @@ import TocBar from '@/components/TocBar'
 import React, { useImperativeHandle, useState } from 'react'
 import InfoCard from '@/components/InfoCard'
 import TagList from '@/components/TagList'
+import Logo from '@/components/Logo'
 
 /**
  * 抽屉面板，可以从侧面拉出
@@ -30,17 +31,12 @@ const Drawer = ({ post, currentTag, cRef, tags }) => {
         className={(showDrawer ? 'shadow-2xl' : '-ml-72') + ' overflow-y-auto duration-200 w-72 h-full bg-white dark:bg-gray-800 border-r dark:border-gray-600'}>
         {/* LOGO */}
         <div
-          className='sticky top-0 z-20 bg-white w-72  flex space-x-4 px-5 py-3.5 dark:border-gray-500 border-b dark:bg-gray-600 '>
+          className='sticky top-0 z-20 bg-white w-72 flex space-x-4 px-5 py-1 dark:border-gray-500 border-b dark:bg-gray-600 '>
           <div
-            className='z-10 p-1 duration-200 mr-2 bg-white dark:bg-gray-600 text-gray-600 text-xl cursor-pointer dark:text-gray-300'>
+            className='z-10 py-2 duration-200 mr-2 bg-white dark:bg-gray-600 text-gray-600 text-xl cursor-pointer dark:text-gray-300'>
             <i className='fa hover:scale-125 transform duration-200 fa-bars ' onClick={handleMenuClick} />
           </div>
-          <Link href='/'>
-            <a
-              className='flex text-lg justify-center font-bold font-semibold hover:bg-gray-800 hover:text-white px-2 py-1 duration-200
-               dark:text-gray-300
-              '>{BLOG.title}</a>
-          </Link>
+         <Logo/>
         </div>
       </div>
 

components/Logo.js

@@ -4,8 +4,11 @@ import React from 'react'
 
 const Logo = () => {
   return <Link href='/'>
-    <div
-      className='mx-auto text-center cursor-pointer text-3xl dark:bg-gray-900 dark:text-gray-300 font-semibold dark:hover:bg-gray-600 bg-gray-700 text-white p-2 hover:scale-105 hover:shadow-2xl duration-200 transform'>{BLOG.title}</div>
+     {/* <div */}
+     {/* className='mx-auto text-center cursor-pointer text-3xl dark:bg-gray-900 dark:text-gray-300 font-semibold dark:hover:bg-gray-600 bg-gray-700 text-white p-2 hover:scale-105 hover:shadow-2xl duration-200 transform'>{BLOG.title}</div> */}
+
+     <div className='transform hover:scale-110 duration-200 cursor-pointer'><img src='http://to-a.ru/DmOleR/img1' width={100} alt={BLOG.title} /></div>
+
   </Link>
 }
 export default Logo

components/TopNav.js

@@ -5,6 +5,7 @@ import DarkModeButton from '@/components/DarkModeButton'
 import SearchInput from '@/components/SearchInput'
 import Drawer from '@/components/Drawer'
 import DrawerRight from '@/components/DrawerRight'
+import Logo from '@/components/Logo'
 
 const TopNav = ({ tags, currentTag, post }) => {
   const drawer = useRef()
@@ -25,12 +26,7 @@ const TopNav = ({ tags, currentTag, post }) => {
             <i className='fa hover:scale-125 transform duration-200 fa-bars '
             />
           </div>
-          <Link href='/'>
-            <a
-              className='flex text-xl py-1 px-3 justify-center align-middle my-auto font-bold font-semibold hover:bg-gray-800 hover:text-white duration-200
-               dark:text-gray-300
-              '>{BLOG.title}</a>
-          </Link>
+          <Logo/>
         </div>
 
         {/* 中间搜索框 */}

pages/article/[slug].js

@@ -1,6 +1,5 @@
 import { getAllPosts, getAllTags, getPostBlocks } from '@/lib/notion'
 import BLOG from '@/blog.config'
-import { createHash } from 'crypto'
 import { getPageTableOfContents } from 'notion-utils'
 import { useRouter } from 'next/router'
 import Progress from '@/components/Progress'