feat: add link to projects in bear

public/markdown/about-me.md

@@ -1,6 +1,6 @@
 # About Me
 
-## Bio graphy
+## Biography
 
 Hey there! I'm Xiaohan Zou, ~~a dragon lost in human world~~ now an intern at CETC and a research assistant at Peking University. Before that, I got my bachelor's degree in [Software Engineering](http://sse.tongji.edu.cn/) at [Tongji University](https://www.tongji.edu.cn/). I'm trying to find a balance between research and engineering.
 

public/markdown/github-stats.md

@@ -3,3 +3,5 @@
 My GitHub stats (powered by [github-readme-stats](https://github.com/anuraghazra/github-readme-stats)):
 
 [![github stats](https://github-readme-stats.vercel.app/api?username=Renovamen&show_icons=true&hide_title=true&hide_border=true)](https://zxh.io)
+
+[![top langs](https://github-readme-stats.vercel.app/api/top-langs/?username=Renovamen&layout=compact&hide_border=true)](https://zxh.io)

src/components/apps/Bear.js

@@ -6,6 +6,7 @@ import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
 import { dracula, prism } from "react-syntax-highlighter/dist/esm/styles/prism";
 import { IoCloudOfflineOutline } from "react-icons/io5";
 import { GiSettingsKnobs } from "react-icons/gi";
+import { AiOutlineLink } from "react-icons/ai";
 
 const Highlighter = (dark) => {
   return {
@@ -72,8 +73,18 @@ class Middlebar extends Component {
                 <div className="w-10 text-gray-500 flex flex-none justify-center">
                   {item.icon}
                 </div>
-                <span className="text-gray-900 flex-grow font-medium">
+                <span className="relative text-gray-900 flex-grow font-medium">
                   {item.title}
+                  {item.link && (
+                    <a
+                      className="absolute top-1 right-4"
+                      href={item.link}
+                      target="_blank"
+                      rel="noreferrer"
+                    >
+                      <AiOutlineLink className="text-gray-500" />
+                    </a>
+                  )}
                 </span>
               </div>
               <div className="h-16 ml-10 pb-2 pr-1 border-b border-gray-300 text-sm text-gray-500">

src/configs/bear.js

@@ -47,63 +47,72 @@ const bear = [
         file:
           "https://raw.githubusercontent.com/Renovamen/playground-macos/main/README.md",
         icon: <RiGamepadLine />,
-        excerpt: "My portfolio website simulating macOS's GUI..."
+        excerpt: "My portfolio website simulating macOS's GUI...",
+        link: "https://github.com/Renovamen/playground-macos"
       },
       {
         id: "flint",
         title: "Flint",
         file:
           "https://raw.githubusercontent.com/Renovamen/flint/main/README.md",
         icon: <HiFire />,
-        excerpt: "A toy deep learning framework implemented in Numpy..."
+        excerpt: "A toy deep learning framework implemented in Numpy...",
+        link: "https://github.com/Renovamen/flint"
       },
       {
         id: "metallic",
         title: "Metallic",
         file:
           "https://raw.githubusercontent.com/Renovamen/metallic/master/README.md",
         icon: <GiJumpingDog />,
-        excerpt: "A meta-learning library base on PyTorch..."
+        excerpt: "A meta-learning library base on PyTorch...",
+        link: "https://github.com/Renovamen/metallic"
       },
       {
         id: "alkaid",
         title: "Alkaid",
         file:
           "https://raw.githubusercontent.com/Renovamen/alkaid/main/README.md",
         icon: <GiCat />,
-        excerpt: "A reinforcement-learning toolbox for PyTorch..."
+        excerpt: "A reinforcement-learning toolbox for PyTorch...",
+        link: "https://github.com/Renovamen/alkaid"
       },
       {
         id: "oh-vue-icons",
         title: "Oh, Vue Icons!",
         file:
           "https://raw.githubusercontent.com/Renovamen/oh-vue-icons/master/README.md",
         icon: <FaVuejs />,
-        excerpt: "Importing icons from different icon packs in Vue easily..."
+        excerpt: "Importing icons from different icon packs in Vue easily...",
+        link: "https://oh-vue-icons.netlify.app"
       },
       {
         id: "gungnir",
         title: "Gungnir",
         file:
           "https://raw.githubusercontent.com/Renovamen/vuepress-theme-gungnir/main/README.md",
         icon: <GiEnergySword />,
-        excerpt: "A blog theme for VuePress (there is also a Jekyll version)..."
+        excerpt:
+          "A blog theme for VuePress (there is also a Jekyll version)...",
+        link: "https://vuepress-theme-gungnir.vercel.app"
       },
       {
         id: "text-classification",
         title: "Text Classification",
         file:
           "https://raw.githubusercontent.com/Renovamen/Text-Classification/master/README.md",
         icon: <CgFormatText />,
-        excerpt: "PyTorch implementation of some text classificaiton models..."
+        excerpt: "PyTorch implementation of some text classificaiton models...",
+        link: "https://github.com/Renovamen/Text-Classification"
       },
       {
         id: "image-captioning",
         title: "Image Captioning",
         file:
           "https://raw.githubusercontent.com/Renovamen/Image-Captioning/master/README.md",
         icon: <BsFillImageFill />,
-        excerpt: "PyTorch implementation of some papers on image captioning..."
+        excerpt: "PyTorch implementation of some papers on image captioning...",
+        link: "https://github.com/Renovamen/Image-Captioning"
       },
       {
         id: "cube-solver",
@@ -112,15 +121,17 @@ const bear = [
           "https://raw.githubusercontent.com/Renovamen/Just-a-Cube/master/README.md",
         icon: <BiCube />,
         excerpt:
-          "A rubik's cube solver (supports layer-by-layer and two-phase)..."
+          "A rubik's cube solver (supports layer-by-layer and two-phase)...",
+        link: "https://cube.zxh.io"
       },
       {
         id: "fishmail",
         title: "Fishmail",
         file:
           "https://raw.githubusercontent.com/Renovamen/Fishmail/master/README.md",
         icon: <GiFishEscape />,
-        excerpt: "上班的时候装作在 Gmail 上查邮件的样子看知乎摸鱼..."
+        excerpt: "上班的时候装作在 Gmail 上查邮件的样子看知乎摸鱼...",
+        link: "https://fishmail.vercel.app"
       }
     ]
   }