styles: add font for homepage

README.md

@@ -5,31 +5,13 @@
 
 # Lionad's Blog
 
-My personal websites，build with NuxtPro. Online URL: [https://www.lionad.art](https://www.lionad.art)
+My personal knowledge base，also a blog，build with NuxtPro，online url: [https://www.lionad.art](https://www.lionad.art)
 
 ## Homepage
 
 <img src="https://mgear-image.oss-cn-shanghai.aliyuncs.com/assets/home.png" alt="Homepage" style="border: 1px solid" />
 
-## How to Run
-
-### Commit Style
-
-* chore：项目配置等杂项变动
-* gist（gists）: 零散的思绪
-* blog（blogs）：技术博客
-* text：细小的修复，如文本、图片链接
-* feat：项目功能变动（或是博客内容相关功能）
-* format：代码格式化
-* style：页面样式变动
-
-大体参考 [LeanCode Git Commit Style](https://open.leancloud.cn/git-commit-message/)。Commit Message 控制在一行以内，格式如：chore: 加入 fflate 依赖。如果有需要详细说明的内容，请再空一行后补充内容，如：
-
-```
-chore: install package fflate
-
-see http://github.com/issue/xxxx
-```
+thanks [cmykpixels@codepen](https://codepen.io/cmykpixels/pen/akYxmW) for beautiful backgrounds
 
 ## License
 
@@ -40,7 +22,3 @@ see http://github.com/issue/xxxx
 <br />
 如需转载部分内容，请邮件联系作者。
 </center>
-
-## Thanks
-
-* [cmykpixels](https://codepen.io/cmykpixels/pen/akYxmW)

app.vue

@@ -51,7 +51,7 @@ provide('navigation', navigation)
 </template>
 
 <style lang="stylus">
-// @import "./styles/index.styl";
+@import "./styles/index.styl";
 
 #app-page > div:first-child {
   padding-left: 12px;

components/Header.vue

@@ -13,7 +13,7 @@ const { header } = useAppConfig()
         <UColorModeImage v-bind="{ class: 'h-6 w-auto', ...header?.logo }" />
       </template>
       <template v-else>
-        Lionad's Blog
+        LIONAD'S BLOG
       </template>
     </template>
 

styles/index.styl

@@ -4,9 +4,9 @@
 /* Tools */
 @import 'tools.styl';
 /* Components */
-@import 'components/article.styl';
+/* @import 'components/article.styl'; */
 /* Themes */
-@import 'page.styl';
+/* @import 'page.styl';
 @import 'effects.styl';
 @import 'atomic.styl';
 
@@ -19,14 +19,14 @@
 }
 
 /* ********************************************** Selection */
-::selection {
+/* ::selection {
   background-color: rgba(230, 230, 250, 0.5);
 }
 
 div[class*='language-'] {
   background-color: rgba(0, 0, 0, 0.85);
-}
-
+} */
+/*
 .first-letter {
   overflow-wrap: break-word;
   font-size: 3.25rem;
@@ -36,4 +36,4 @@ div[class*='language-'] {
   position: relative;
   float: left;
   margin: 0px 0.75rem 0 0px;
-}
+} */

styles/setting.styl

@@ -94,6 +94,5 @@ useFontBaseURL(path) {
 }
 
 html, body {
-    font-family: var(--font-text--general);
-    font-size: 16px;
+    /* font-family: var(--font-text--general); */
 }