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 0000000000000000000000000000000000000000..ea2522585a7d83dd0f02612565af80c6fd3a7995 --- /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