安徽中颐建设投资有限公司网站,wordpress 加载页面内容,如何注册网页网址,系统定制什么是vitepress vitepress是一种将markdown文件渲染成静态网页的技术 其使用仅需几行命令即可
//在根目录安装vitepress
npm add -D vitepress
//初始化vitepress#xff0c;添加相关配置文件#xff0c;选择主题#xff0c;描述#xff0c;框架等
npx vitepress init
//…什么是vitepress vitepress是一种将markdown文件渲染成静态网页的技术 其使用仅需几行命令即可
//在根目录安装vitepress
npm add -D vitepress
//初始化vitepress添加相关配置文件选择主题描述框架等
npx vitepress init
//然后就生成了示例静态站点 更多路由部署相关知识参看官方中文文档vitepress
前端部分
使用iframe作为静态站点容器当社员上传markdown文件时文件会传输至后端后端返回一串地址该地址是该markdown文件生成的静态站点静态站点服务器运行于公网或内网服务器中
然后前端将该串url地址放于iframe的src属性中因此静态站点位于该iframe中 后端部分
接收前端传来的markdown文件后生成markdown文件并写入到前端文件夹的docs的目录中生成的markdown文件命名采用唯一制比如UUID将markdown文件插入目录后返回一串可访问的url给前端根据vitepress路由可得然后执行脚本文件重新进行vitepress渲染
脚本文件的内容大概为执行npm run docs:dev重新构建命令将新增的md文件添加入静态网站
然后可以根据vitepress路由规则访问新的静态站点
所以在服务器中会有一个端口运行vitepress该端口下有着多个md静态网站通过路由规则可访问
vitepress路由规则 嵌入结果如下 另一种想法
借鉴csdn我们知道csdn也是基于md的博客网站在访问一篇博客后显示的博客界面就是以md形式展示的于是可以查看csdn是怎么样渲染md文件的
在某一个get请求中其返回的数据是一个html文件 但是其html的展示是几乎没有样式的 看到这个html和vitepress打包生成的html文件几乎一样
下面为本地使用vitepress将md文件打包后生成的html文件打包后的html文件需有服务器启动端口服务才会展示原来md样式 csdn这种返回html文件的渲染方法也是一种可行性具体实现目前还未去思考
静态网站托管之gitpage
在了解该项目时了解到了gitpage静态网站部署于是自己动手尝试了一下
首先你得有一个github账号gitee的gitpage服务现在停了
然后新建一个仓库仓库名必须为账号名.github.io 新建好仓库后点击 uploading an existing file上传网站文件,注意根目录一定是index.html所在地 之后访问仓库名就可以访问网站了
