Update

Author: T-miracle

.vitepress/config.ts

@@ -55,7 +55,7 @@ export default defineConfig({
             md.use(mathjax3);
             md.use(taskLists);
             const orig = md.renderer.rules.link_open!;
-            md.renderer.rules.link_open = function (tokens, idx, ...args) {
+            md.renderer.rules.link_open = (tokens, idx, ...args) => {
                 const token = tokens[idx];
                 const href = token.attrGet('href')!;
                 if (!/:\/\//.test(href) && !/(?:\.html|\/)$/.test(href)) {

.vitepress/sidebar/bugs.ts

@@ -21,7 +21,7 @@ const bugsSidebar: SidebarType[] = [
     {
         icon: webIcon,
         text: '前端',
-        collapsed: true,
+        collapsed: false,
         items: [
             {
                 icon: htmlIcon,
@@ -91,7 +91,7 @@ const bugsSidebar: SidebarType[] = [
     {
         icon: editorIcon,
         text: '编辑器',
-        collapsed: true,
+        collapsed: false,
         items: [
             {
                 icon: androidStudioIcon,

.vitepress/sidebar/learn.ts

@@ -32,7 +32,7 @@ const learnSidebar: SidebarType[] = [
     {
         icon: webIcon,
         text: '前端',
-        collapsed: true,
+        collapsed: false,
         items: [
             {
                 icon: conceptIcon,
@@ -99,7 +99,7 @@ const learnSidebar: SidebarType[] = [
     {
         icon: rearEndIcon,
         text: '后端',
-        collapsed: true,
+        collapsed: false,
         items: [
             {
                 icon: javaIcon,
@@ -131,7 +131,7 @@ const learnSidebar: SidebarType[] = [
     {
         icon: sqlIcon,
         text: '数据库',
-        collapsed: true,
+        collapsed: false,
         items: [
             {
                 icon: mySQLIcon,
@@ -144,7 +144,7 @@ const learnSidebar: SidebarType[] = [
     {
         icon: deployIcon,
         text: '部署',
-        collapsed: true,
+        collapsed: false,
         items: [
             {
                 icon: dockerIcon,
@@ -157,7 +157,7 @@ const learnSidebar: SidebarType[] = [
     {
         icon: versionControlIcon,
         text: '版本控制',
-        collapsed: true,
+        collapsed: false,
         items: [
             {
                 icon: gitIcon,
@@ -203,7 +203,7 @@ const learnSidebar: SidebarType[] = [
     {
         icon: editorIcon,
         text: '编辑器',
-        collapsed: true,
+        collapsed: false,
         items: [
             {
                 icon: ideaIcon,

package.json

@@ -16,6 +16,7 @@
     "dayjs": "^1.11.13",
     "element-plus": "^2.9.5",
     "floating-vue": "^5.2.2",
+    "hls.js": "^1.5.20",
     "lodash-es": "^4.17.21",
     "markdown-it-mathjax3": "^4.3.2",
     "markdown-it-task-lists": "^2.1.1",

src/nav/nav.vue

@@ -53,9 +53,9 @@
                 v-for="project in list"
                 :key="project.name"
                 class="relative rounded-2 p-3 bg-white transform transition-all transition-250"
-                hover="shadow-emerald shadow-md transition-all transition-250"
-                border="~ solid .25 gray-300 dark:gray-700"
-                shadow="sm gray"
+                un-hover="shadow-emerald shadow-md transition-all transition-250"
+                un-border="~ solid .25 gray-300 dark:gray-700"
+                un-shadow="sm gray"
                 dark="bg-#2c2e2f shadow-neutral"
             >
                 <div class="relative">
@@ -76,8 +76,8 @@
                                 {{ project.name }}
                             </strong>
                             <div
-                                class="line-clamp-2 h-8 whitespace-pre-wrap"
-                                un-text="gray-400 .85em!"
+                                class="line-clamp-2 h-8 line-height-4 whitespace-pre-wrap"
+                                un-text="gray-400 .875em!"
                                 line-height-3.75
                                 :title="project.description"
                             >
@@ -86,7 +86,7 @@
                         </div>
                     </div>
                     <div class="mt-2 flex justify-between">
-                        <div class="flex items-center justify-start gap-2">
+                        <div class="flex flex-wrap items-center justify-start gap-2">
                             <ElTag
                                 v-for="tag in project.type"
                                 :key="tag"

src/new-tools/docker_install_artalk.md

@@ -23,7 +23,7 @@ docker pull nginx
 ```
 
 如果超时，可以先配置一下国内镜像，这里有教程
-[点击查看](../learn/deploy/docker/docker_configure_domestic_image)
+[点击查看](../learn/deploy/docker/docker_configure_domestic_image){target=_blank}
 
 ## 第二步：docker 创建共同网络