From a96e69843f40d0c3fd045ead1420d6f0df135403 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=90=95=E5=BE=90=E6=9D=AD?= <522806548@qq.com> Date: Sun, 12 May 2024 15:41:53 +0000 Subject: [PATCH 1/3] =?UTF-8?q?=E7=AC=94=E8=AE=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: 吕徐杭 <522806548@qq.com> --- ...52\344\272\272\345\215\232\345\256\242.md" | 101 ++++++++++++++++++ 1 file changed, 101 insertions(+) create mode 100644 "\345\220\225\345\276\220\346\235\255/20240511-\346\220\255\345\273\272\344\270\252\344\272\272\345\215\232\345\256\242.md" diff --git "a/\345\220\225\345\276\220\346\235\255/20240511-\346\220\255\345\273\272\344\270\252\344\272\272\345\215\232\345\256\242.md" "b/\345\220\225\345\276\220\346\235\255/20240511-\346\220\255\345\273\272\344\270\252\344\272\272\345\215\232\345\256\242.md" new file mode 100644 index 0000000..1974f34 --- /dev/null +++ "b/\345\220\225\345\276\220\346\235\255/20240511-\346\220\255\345\273\272\344\270\252\344\272\272\345\215\232\345\256\242.md" @@ -0,0 +1,101 @@ +# 搭建个人博客步骤 + +## 第一步 + +下载node.js（LTS）https://nodejs.org/en + +用cmd下载 ：npm install -g yarn + +## 第二步 + +D盘创建vitepress文件夹，用VsCode打开 + +打开终端输入 yarn init 会出现一个package.json (出现： 一直回车) + +在VScode下终端输入：yarn add -D vitepress + +在VScode下终端输入：yarn vitepress init + +- 路径选择：./docs +- 名字和描述： +- 选择Default Theme +- NO +- NO + +## 第三步 + +把自己笔记拖进去docs文件夹里面去 + +打开.vitepress文件夹里面的config.mjs 编辑它 + +``` + 这个是个人博客右上角的修改 + nav: [ + text后填写名称 + link后跟自己文档的路径 + {text:' ',link:'/'}, + { + text:' ', + items: [ + { text:' ',link:'/XXX/XXXXXX.md'}, + { text:' ',link:'/XXX/XXXXXX.md'}, + + +sidebar: [ + { + text: '文件夹名字', + items: [ + { text: 'XXX', link: '/XXX/XXXXXX.md' }, + { text: 'XXXX', link: '/XXX/XXXXXX-笔记.md' }, +``` + +第四步 + +VScode终端：运行 yarn vitepress dev docs + +VScode终端：打包 yarn vitepress build docs + +打包后会出现一个dist文件夹 + +1. 打开终端： + + 安装Nginx（如以安装请忽略此步骤） + + ``` + apt install nginx -y --- 安装 + systemctl status nignx ---确认nginx有安装并且正在运行命令： + ``` + + 远程登录自己的服务器 + + ``` + ssh root@XXX.top 远程登录服务器 + ``` + + 创建目录 + + ``` + cd /var/www mkdir www.XXX.top （如果已创建请忽略，看下一步） + cd www.xxx.top/ 进入目录 + cd /etc/nginx//conf.d/ + vim www.xxx.top.conf 打开nginx配置页面(如果里面没有东西，请复制下面，如果有直接删除再粘贴上去) + server { + listen 80; + server_name www.XXX.top; + + location / { + root /var/www/XXX.top/dist; + try_files $uri $uri/ /index.html; + index index.html; + } + } + ``` + + 上传dist文件： + + ``` + scp -r D:\viteprees\docs\.vitepress\dist root@XXX.top:/var/www/www.XXX.top/ + --- 把打包好的dist文件夹存放在相应的路径里 + ``` + + \ No newline at end of file -- Gitee From 27b6ec56e3bb1d52d853c37c40ebcf42fd8fb68f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=90=95=E5=BE=90=E6=9D=AD?= <522806548@qq.com> Date: Sun, 12 May 2024 16:05:05 +0000 Subject: [PATCH 2/3] =?UTF-8?q?=E5=88=A0=E9=99=A4=E6=96=87=E4=BB=B6=20?= =?UTF-8?q?=E5=90=95=E5=BE=90=E6=9D=AD/20240511-=E6=90=AD=E5=BB=BA?= =?UTF-8?q?=E4=B8=AA=E4=BA=BA=E5=8D=9A=E5=AE=A2.md?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ...52\344\272\272\345\215\232\345\256\242.md" | 101 ------------------ 1 file changed, 101 deletions(-) delete mode 100644 "\345\220\225\345\276\220\346\235\255/20240511-\346\220\255\345\273\272\344\270\252\344\272\272\345\215\232\345\256\242.md" diff --git "a/\345\220\225\345\276\220\346\235\255/20240511-\346\220\255\345\273\272\344\270\252\344\272\272\345\215\232\345\256\242.md" "b/\345\220\225\345\276\220\346\235\255/20240511-\346\220\255\345\273\272\344\270\252\344\272\272\345\215\232\345\256\242.md" deleted file mode 100644 index 1974f34..0000000 --- "a/\345\220\225\345\276\220\346\235\255/20240511-\346\220\255\345\273\272\344\270\252\344\272\272\345\215\232\345\256\242.md" +++ /dev/null @@ -1,101 +0,0 @@ -# 搭建个人博客步骤 - -## 第一步 - -下载node.js（LTS）https://nodejs.org/en - -用cmd下载 ：npm install -g yarn - -## 第二步 - -D盘创建vitepress文件夹，用VsCode打开 - -打开终端输入 yarn init 会出现一个package.json (出现： 一直回车) - -在VScode下终端输入：yarn add -D vitepress - -在VScode下终端输入：yarn vitepress init - -- 路径选择：./docs -- 名字和描述： -- 选择Default Theme -- NO -- NO - -## 第三步 - -把自己笔记拖进去docs文件夹里面去 - -打开.vitepress文件夹里面的config.mjs 编辑它 - -``` - 这个是个人博客右上角的修改 - nav: [ - text后填写名称 - link后跟自己文档的路径 - {text:' ',link:'/'}, - { - text:' ', - items: [ - { text:' ',link:'/XXX/XXXXXX.md'}, - { text:' ',link:'/XXX/XXXXXX.md'}, - - -sidebar: [ - { - text: '文件夹名字', - items: [ - { text: 'XXX', link: '/XXX/XXXXXX.md' }, - { text: 'XXXX', link: '/XXX/XXXXXX-笔记.md' }, -``` - -第四步 - -VScode终端：运行 yarn vitepress dev docs - -VScode终端：打包 yarn vitepress build docs - -打包后会出现一个dist文件夹 - -1. 打开终端： - - 安装Nginx（如以安装请忽略此步骤） - - ``` - apt install nginx -y --- 安装 - systemctl status nignx ---确认nginx有安装并且正在运行命令： - ``` - - 远程登录自己的服务器 - - ``` - ssh root@XXX.top 远程登录服务器 - ``` - - 创建目录 - - ``` - cd /var/www mkdir www.XXX.top （如果已创建请忽略，看下一步） - cd www.xxx.top/ 进入目录 - cd /etc/nginx//conf.d/ - vim www.xxx.top.conf 打开nginx配置页面(如果里面没有东西，请复制下面，如果有直接删除再粘贴上去) - server { - listen 80; - server_name www.XXX.top; - - location / { - root /var/www/XXX.top/dist; - try_files $uri $uri/ /index.html; - index index.html; - } - } - ``` - - 上传dist文件： - - ``` - scp -r D:\viteprees\docs\.vitepress\dist root@XXX.top:/var/www/www.XXX.top/ - --- 把打包好的dist文件夹存放在相应的路径里 - ``` - - \ No newline at end of file -- Gitee From d60cf037ec2bee263bc1c4b7e448939cfd1a2186 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=90=95=E5=BE=90=E6=9D=AD?= <522806548@qq.com> Date: Sun, 12 May 2024 16:05:17 +0000 Subject: [PATCH 3/3] =?UTF-8?q?=E7=AC=94=E8=AE=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: 吕徐杭 <522806548@qq.com> --- ...52\344\272\272\345\215\232\345\256\242.md" | 103 ++++++++++++++++++ 1 file changed, 103 insertions(+) create mode 100644 "\345\220\225\345\276\220\346\235\255/20240511-\346\220\255\345\273\272\344\270\252\344\272\272\345\215\232\345\256\242.md" diff --git "a/\345\220\225\345\276\220\346\235\255/20240511-\346\220\255\345\273\272\344\270\252\344\272\272\345\215\232\345\256\242.md" "b/\345\220\225\345\276\220\346\235\255/20240511-\346\220\255\345\273\272\344\270\252\344\272\272\345\215\232\345\256\242.md" new file mode 100644 index 0000000..ea25225 --- /dev/null +++ "b/\345\220\225\345\276\220\346\235\255/20240511-\346\220\255\345\273\272\344\270\252\344\272\272\345\215\232\345\256\242.md" @@ -0,0 +1,103 @@ +# 搭建个人博客步骤 + +## 第一步 + +下载node.js（LTS）https://nodejs.org/en + +用cmd下载 ：npm install -g yarn + +## 第二步 + +D盘创建vitepress文件夹，用VsCode打开 + +打开终端输入 yarn init 会出现一个package.json (出现： 一直回车) + +在VScode下终端输入：yarn add -D vitepress + +在VScode下终端输入：yarn vitepress init + +- 路径选择：./docs +- 名字和描述： +- 选择Default Theme +- NO +- NO + +## 第三步 + +把自己笔记拖进去docs文件夹里面去 + +打开.vitepress文件夹里面的config.mjs 编辑它 + +``` + 这个是个人博客右上角的修改 + nav: [ + text后填写名称 + link后跟自己文档的路径 + {text:' ',link:'/'}, + { + text:' ', + items: [ + { text:' ',link:'/XXX/XXXXXX.md'}, + { text:' ',link:'/XXX/XXXXXX.md'}, + + +sidebar: [ + { + text: '文件夹名字', + items: [ + { text: 'XXX', link: '/XXX/XXXXXX.md' }, + { text: 'XXXX', link: '/XXX/XXXXXX-笔记.md' }, +``` + +第四步 + +VScode终端：运行 yarn vitepress dev docs + +VScode终端：打包 yarn vitepress build docs + +打包后会出现一个dist文件夹 + +1. 打开终端： + + 安装Nginx（如以安装请忽略此步骤） + + ``` + apt install nginx -y --- 安装 + systemctl status nignx ---确认nginx有安装并且正在运行命令： + ``` + + 远程登录自己的服务器 + + ``` + ssh root@XXX.top 远程登录服务器 + ``` + + 创建目录 + + ``` + cd /var/www mkdir www.XXX.top （如果已创建请忽略，看下一步） + cd www.xxx.top/ 进入目录 + cd /etc/nginx//conf.d/ + vim www.xxx.top.conf 打开nginx配置页面(如果里面没有东西，请复制下面，如果有直接删除再粘贴上去) + server { + listen 80; + server_name www.XXX.top; + + location / { + root /var/www/XXX.top/dist; + try_files $uri $uri/ /index.html; + index index.html; + } + } + ``` + + 上传dist文件： + + ``` + scp -r D:\viteprees\docs\.vitepress\dist root@XXX.top:/var/www/www.XXX.top/ + --- 把打包好的dist文件夹存放在相应的路径里 + ``` + + + +域名www.lvxuhang.top \ No newline at end of file -- Gitee