feat:#27 添加fork me on Github

components/themes/default/css/header.module.css

@@ -0,0 +1,5 @@
+.forkMe{
+    position: fixed;
+    right: 8%;
+    z-index: 99;
+}

components/themes/default/css/layout.module.css

@@ -1,5 +1,9 @@
 .main {
     padding-top: 10px;
+    word-break: break-all;
+}
+.main p{
+    word-break: break-all;
 }
 
 .sKeywordInfo {

components/themes/default/defaultHeader.tsx

@@ -1,6 +1,8 @@
 import Head from "next/head";
 import DefaultNavbar from "./defaultNavbar";
 import SiteConfig from "../../../lib/common/siteconfig";
+import Image from "next/image";
+import headerStyles from "./css/header.module.css"
 
 export default function DefaultHeader({props,keyword}: { props: SiteConfig,keyword?:string }) {
     return (
@@ -11,6 +13,14 @@ export default function DefaultHeader({props,keyword}: { props: SiteConfig,keywo
                 <meta name="description" content={props?.description}/>
             </Head>
             <header>
+                <div className={headerStyles.forkMe}>
+                    <a href="https://github.com/you">
+                        <Image loading="lazy" width="149" height="149"
+                               src="https://github.blog/wp-content/uploads/2008/12/forkme_right_green_007200.png?resize=149%2C149"
+                               className="attachment-full size-full" alt="Fork me on GitHub"
+                               data-recalc-dims="1"/>
+                    </a>
+                </div>
                 <DefaultNavbar props={props}/>
             </header>
         </>

next.config.js

@@ -2,6 +2,9 @@
 const nextConfig = {
   reactStrictMode: true,
   swcMinify: true,
+  images: {
+    domains: ['github.blog'],
+  },
 }
 
 module.exports = nextConfig