Merge pull request #86 from FriedRiceNoodles/feat/docs-site

feat(docs-site): added logo and favicon for docs-site and README

.dumi/global.css

@@ -11,3 +11,7 @@
 .dumi-default-table-content th {
   text-align: left;
 }
+
+.main-info-logo {
+  width: 400px;
+}

.dumirc.ts

@@ -2,6 +2,13 @@ import { defineConfig } from 'dumi';
 
 export default defineConfig({
   outputPath: 'docs-dist',
+  favicons: [
+    '/favicons/favicon.ico',
+    '/favicons/favicon-16x16.png',
+    '/favicons/favicon-32x32.png',
+    '/favicons/favicon-64x64.png',
+  ],
+  logo: '/logos/nav-logo-375.png',
   themeConfig: {
     name: 'Banana UI',
     footer: false,

README.md

@@ -8,6 +8,8 @@
 
 `Banana UI` 是一套底层基于 `Web Components` 的组件库，它提供了一套常用的组件。
 
+<img height="160" src="./public/logos/main-logo-800.png">
+
 官方文档: https://banana-ui.com/
 
 ## ⭐️ 特性

docs/doc-components/main-info/index.css

@@ -0,0 +1,5 @@
+.main-info-wrapper {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}

docs/doc-components/main-info/index.tsx

@@ -0,0 +1,10 @@
+import './index.css';
+
+export default function MainInfo() {
+  return (
+    <div className="main-info-wrapper">
+      {/* <div className="main-info-canvas"></div> */}
+      <img className="main-info-logo" src="/logos/main-logo-800.png" />
+    </div>
+  );
+}

docs/index.md

@@ -1,6 +1,6 @@
 ---
 hero:
-  title: Banana
+  title: <img class="main-info-logo" src="/logos/main-logo-800.png" />
   description: 一套可<strong>跨框架</strong>使用的、支持SSR的组件库
   actions:
     - text: 快速上手
@@ -9,4 +9,6 @@ hero:
       link: /example/button
 ---
 
+<!-- <code inline src="./doc-components/main-info/index.tsx"></code> -->
+
 <code inline src="./doc-components/features/index.tsx"></code>