first commit

Author: zhangshuai

.gitignore

@@ -0,0 +1 @@
+node_modules

docs/.vitepress/config.ts

@@ -0,0 +1,70 @@
+import { defineConfig } from 'vitepress'
+
+export default defineConfig({
+  title: '个人文档',
+  description: '个人学习过程中的笔记',
+  lastUpdated: true,
+  themeConfig: {
+    siteTitle: '个人文档',
+    outlineTitle: '本页目录',
+    outline: 'deep',
+    socialLinks:[
+      { icon: 'github', link: 'https://github.com/zscumt123' }
+    ],
+    nav: [
+      { text: 'Guide', link: '/guide' },
+      {
+        text: 'Dropdown Menu',
+        items: [
+          {
+            // Title for the section.
+            text: 'Section A Title',
+            items: [
+              { text: 'Section A Item A', link: '...' },
+              { text: 'Section B Item B', link: '...' }
+            ]
+          }
+        ]
+      },
+      {
+        text: 'Dropdown Menu',
+        items: [
+          {
+            // You may also omit the title.
+            items: [
+              { text: 'Section A Item A', link: '...' },
+              { text: 'Section B Item B', link: '...' }
+            ]
+          }
+        ]
+      }
+    ],
+    sidebar: [
+      {
+        text: '前端',
+        collapsible: true,
+        items: [
+          { 
+            text: 'Nuxt',
+            // collapsible: true,
+            // collapsed: true,
+            link:'/nuxt/',
+            items: [
+              { text: '快速开始', link: '/nuxt/start' }
+            ]
+           },
+          { text: 'Vue', link: '/item-b' }
+        ]
+      },
+      {
+        text: '后端',
+        collapsible: true,
+        items: [
+          { text: 'Rust', link: '/item-c' },
+          { text: '数据库', link: '/item-d' }
+        ]
+      }
+    ],
+
+  }
+})

docs/index.md

@@ -0,0 +1,26 @@
+---
+layout: home
+title: Docs with VitePress
+editLink: true
+hero:
+  name: learning notes
+  # text: 记录学习过程.
+  tagline: study study study
+  actions:
+    - theme: brand
+      text: 快速开始
+      link: /guide/what-is-vitepress
+    - theme: alt
+      text: View on GitHub
+      link: https://github.com/zscumt123
+features:
+  - icon: ⚡️
+    title: Vite, The DX that can't be beat
+    details: Lorem ipsum...
+  - icon: 🖖
+    title: Power of Vue meets Markdown
+    details: Lorem ipsum...
+  - icon: 🛠️
+    title: Simple and minimal, always
+    details: Lorem ipsum...
+---

docs/nuxt/index.md

@@ -0,0 +1,20 @@
+
+## 概念
+  ### 客户端渲染csr
+  > 普通的vue单页应该，页面由js生成虚拟dom，再根据虚拟dom渲染出真实的页面，所有html的生成都是在浏览器端完成
+  ### 服务端渲染ssr 
+  > node.js 服务器将基于 Vue 的组件渲染成 HTML 并传输到客户端，而不是纯 javascript。与传统的 Vue SPA 相比，使用 SSR 将带来巨大的 SEO 提升、更快的首屏加载、更好的用户体验。
+::: tip
+  截至目前，Google 和 Bing 可以很好地对同步 JavaScript 应用进行索引。这里的“同步”是关键词。如果你的应用以一个 loading 动画开始，然后通过 Ajax 获取内容，爬虫并不会等到内容加载完成再抓取。也就是说，如果 SEO 对你的页面至关重要，而你的内容又是异步获取的，那么 SSR 可能是必需的。
+:::
+  ### 静态站点生成ssg(Static-Site Generation)
+ > 也被称为预渲染，是另一种流行的构建快速网站的技术。如果用服务端渲染一个页面所需的数据对每个用户来说都是相同的，那么我们可以只渲染一次，提前在构建过程中完成，而不是每次请求进来都重新渲染页面。预渲染的页面生成后作为静态 HTML 文件被服务器托管。
+ 
+##  Nuxt是什么
+  > **创建一个现代的应用需要什么？**
+  > 1. javascript框架  ` vuejs `
+  > 2. 开发时候支持热更新和生产环境打包 ` webpack5 ` 或者 ` vite `
+  > 3. 最新的js语法转换  ` esbuild `
+  > 4. 服务端渲染的服务器  [h3](https://github.com/unjs/h3)
+  > 5. 客户端路由 ` vue-router `
+  > 6.  ...

docs/nuxt/start.md

@@ -0,0 +1 @@
+# nuxt start

package.json

@@ -0,0 +1,17 @@
+{
+  "name": "my-doc",
+  "scripts": {
+    "docs:dev": "vitepress dev docs",
+    "docs:build": "vitepress build docs",
+    "docs:serve": "vitepress serve docs"
+  },
+  "version": "1.0.0",
+  "main": "index.js",
+  "author": "zs",
+  "license": "MIT",
+  "private": true,
+  "devDependencies": {
+    "vitepress": "^1.0.0-alpha.20",
+    "vue": "^3.2.40"
+  }
+}