chore: update readme

src/components/BaseFooter.vue

@@ -1,6 +1,16 @@
+<script lang="ts" setup>
+import { isClient } from '@vueuse/core'
+const displayICP = ref(true)
+
+onBeforeMount(() => {
+  if (isClient)
+    displayICP.value = ['www.yunyoujun.cn', 'localhost'].includes(window.location.hostname)
+})
+</script>
+
 <template>
   <div p="4" class="flex flex-col justify-center items-center" opacity="70" text="sm">
-    <a class="flex" m="1 b-2" href="https://beian.miit.gov.cn/" target="_blank">
+    <a v-if="displayICP" class="flex" m="1 b-2" href="https://beian.miit.gov.cn/" target="_blank">
       苏ICP备17038157号
     </a>
     <div class="flex justify-center items-center">

src/pages/about.md

@@ -8,13 +8,13 @@ title: 关于
 
 ### **🍜 好的，今天我们来做菜！**
 
-<br />
+> 希望大家吃的开心！
 
 <div class="inline-flex justify-center items-center">
-代码请见 <div inline-flex i-ri-github-line /><a href="https://github.com/YunYouJun/cook" target="_blank">YunYouJun/cook</a>
+代码请见：<a class="inline-flex items-center justify-center" href="https://github.com/YunYouJun/cook" target="_blank">
+<div m="r-1" inline-flex i-ri-github-line />YunYouJun/cook</a>
 </div>
 
-<br />
 <br />
 
 <div class="inline-flex justify-center items-center">

src/styles/index.scss

@@ -1,3 +1,5 @@
+@import './markdown.scss';
+
 html {
   color: var(--c-text);
   background-color: var(--c-bg);

src/styles/main.css

@@ -1,5 +1,3 @@
-@import './markdown.css';
-
 html,
 body,
 #app {

src/styles/markdown.scss

@@ -1,15 +1,8 @@
 /* https://github.com/antfu/prism-theme-vars */
-@import 'prism-theme-vars/base.css';
+@use 'prism-theme-vars/base.css';
+@use 'star-markdown-css/src/scss/theme/yun.scss';
 
-.prose {
-  --prism-font-family: 'DM Mono', monospace;
-}
-
-.prose img {
-  width: 100%;
-}
-
-html:not(.dark) .prose {
+html:not(.dark) .markdown-body {
   --prism-foreground: #393a34;
   --prism-background: #fbfbfb;
   --prism-comment: #a0ada0;
@@ -31,7 +24,7 @@ html:not(.dark) .prose {
   --prism-json-property: #698c96;
 }
 
-html.dark .prose {
+html.dark .markdown-body {
   --prism-foreground: #d4cfbf;
   --prism-background: #151515;
   --prism-comment: #758575;