diff --git "a/17\351\273\204\344\270\275\345\207\244/\345\260\206md\347\254\224\350\256\260\347\224\237\346\210\220HTML\345\217\221\345\210\260\346\234\215\345\212\241\345\231\250.md" "b/17\351\273\204\344\270\275\345\207\244/\345\260\206md\347\254\224\350\256\260\347\224\237\346\210\220HTML\345\217\221\345\210\260\346\234\215\345\212\241\345\231\250.md" new file mode 100644 index 0000000000000000000000000000000000000000..7b37ba2a81875a0499ed3b93d04d8b5c76cc16be --- /dev/null +++ "b/17\351\273\204\344\270\275\345\207\244/\345\260\206md\347\254\224\350\256\260\347\224\237\346\210\220HTML\345\217\221\345\210\260\346\234\215\345\212\241\345\231\250.md" @@ -0,0 +1,118 @@ +#### 将md笔记生成HTML发到服务器 + +1.准备好笔记 + +2.新建文件夹,用vs code打开,点击查看,选择终端 + +3.在终端输入: + +​ npm add -D vitepress + +​ npx vitepress init + +​ 进入问答模式: + +​ 1. ./docs + +​ 2.站点名称: + +​ 3.站点描述: + +​ 4.Default Theme (回车) + +​ 5.回车 + +​ 6.回车 + +​ 7.回车 + +​ npm run docs:dev,运行之后,打开连接 + +4.去掉Feature A/B/C + +​ 在docs里面的index.md,删除feature:-title...elite + +​ 新建一个文件夹,改成英文名字,放在docs文件夹中, + +5.在docs/.vitepress/config.mts里 + +``` + nav:[ + { text:'首页',link:'笔记的路径'} + { text:'计算机基础',link:'笔记路径'} + { text:'计算机网络基础',link:'笔记路径'} + { text:'liunx基础',link:'笔记路径'} + ] +``` + +6.侧边栏 + +``` + sidebar:[ + { text:'计算机基础', + items:[ + {text:'初识电脑',link:'笔记路径'}, + {text:'硬盘',link:'笔记路径'}, + ] + }, + { text:'计算机网络基础', + items:[ + {text:'简单的网络',link:'笔记路径'}, + {text:'IP地址',link:'笔记路径'}, + ] + }, + ] +``` + +7. + +``` +socialLinks:[ +{icon:'github',link:'放自己的git链接'} +] +``` + +8.生成HTML文件 + +​ 在docs/.vitepress/dist文件夹里的config.mts任意地方添加base:'/mybooks/',打开连接后变成localhost:4173/mybooks/network不会和之间上传的冲突 + +​ npm run docs:build 生成HTML文件 + +​ npm run docs:preview 预览 + +9.把dist文件打包上传服务器 + +​ 打开华为云官网,登录--》控制台---》选择服务器,找到公网IP,复制 + +10.打开finalshell,名称任意,主机:公网IP---》确认,用户名:root,密码:华为云密码 + +11.在finalshell输入: + +​ where is nginx nginx在哪里 + +​ cd/atc/nginx 切换目录 D表示目录 + +​ ls 列出当前的文件,文件夹 + +​ cd conf.d + +​ ls + +​ cat hlif.top(自己的域名).conf + +​ cd/var/www/hlif.top(自己的域名) + +​ pwd + +​ ls + +点击上传文件按钮,在vs code打开资源管理器,查看文件,选择文件,docs/.vitepress/选中.vitepress这个文件,确定, + +多出来一个dist文件, + +ls + +将dist改成mybooks + +mv(剪切) dist mybooks +