feat: #1 代码块优化，项目结构重构

terwer · Feb 24, 2023 · a9dcaf4 · a9dcaf4
1 parent b4ebff3
commit a9dcaf4
Show file tree

Hide file tree

Showing 17 changed files with 260 additions and 143 deletions.
diff --git a/index.html b/index.html
@@ -29,10 +29,10 @@
   <meta charset="UTF-8" />
   <link href="/vite.svg" rel="icon" type="image/svg+xml" />
   <meta content="width=device-width, initial-scale=1.0" name="viewport" />
-  <title>Vite + React + TS</title>
+  <title>基于思源笔记的在线博客</title>
 </head>
 <body>
 <div id="root"></div>
-<script src="/src/main.tsx" type="module"></script>
+<script src="/src/blog-main.tsx" type="module"></script>
 </body>
 </html>
diff --git a/src/App.tsx → src/apps/blog/BlogApp.tsx b/src/App.tsx → src/apps/blog/BlogApp.tsx
@@ -24,17 +24,17 @@
  */
 
 import { useState } from "react"
-import reactLogo from "./assets/react.svg"
-import "./App.css"
+import reactLogo from "../../assets/react.svg"
+import "../../styles/app/BlogApp.sass"
 
-function App() {
+function BlogApp() {
   const [count, setCount] = useState(0)
 
   return (
     <div className="App">
       <div>
         <a href="https://vitejs.dev" target="_blank">
-          <img src="./vite.svg" className="logo" alt="Vite logo" />
+          <img src={"./vite.svg"} className="logo" alt="Vite logo" />
         </a>
         <a href="https://reactjs.org" target="_blank">
           <img src={reactLogo} className="logo react" alt="React logo" />
@@ -56,4 +56,4 @@ function App() {
   )
 }
 
-export default App
+export default BlogApp
diff --git a/src/zhi/Lifecycle.ts → src/apps/zhi/Lifecycle.ts b/src/zhi/Lifecycle.ts → src/apps/zhi/Lifecycle.ts
diff --git a/src/zhi/bootstrap.ts → src/apps/zhi/bootstrap.ts b/src/zhi/bootstrap.ts → src/apps/zhi/bootstrap.ts
@@ -23,7 +23,7 @@
  * questions.
  */
 
-import Lifecycle from "~/src/zhi/Lifecycle"
+import Lifecycle from "~/src/apps/zhi/Lifecycle"
 
 /**
  * zhi主题唯一激活入口

diff --git a/src/main.tsx → src/blog-main.tsx b/src/main.tsx → src/blog-main.tsx
@@ -25,13 +25,13 @@
 
 import React from "react"
 import ReactDOM from "react-dom/client"
-import App from "./App"
-import "./index.css"
+import BlogApp from "./apps/blog/BlogApp"
+import "./blog-theme.sass"
 import zhi from "~/src/zhi-theme"
 
 ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
   <React.StrictMode>
-    <App />
+    <BlogApp />
   </React.StrictMode>
 )
 

diff --git a/src/blog-theme.css b/src/blog-theme.css
diff --git a/src/blog-theme.css.map b/src/blog-theme.css.map
diff --git a/src/index.css b/src/index.css
diff --git a/src/App.css → src/styles/app/BlogApp.css b/src/App.css → src/styles/app/BlogApp.css
diff --git a/src/styles/app/BlogApp.css.map b/src/styles/app/BlogApp.css.map