项目标题:xuanyuan-index-通用个人网站引导页、导航页模板
项目简介
xuanyuan-index是一个基于Vue的通用网站导航页面,可放在个人网站首页作为博客引导页或其他项目的引导页,使用自适应布局兼容多端显示,背景图来自Bing每日图片。
项目使用方法
自动部署
可一键部署,但此方式无法保持更新,若要保持更新,不要使用该方式。点击按钮可一键部署到Vercel,但Vercel默认创建新项目而非fork本项目,会导致无法获取更新状态。可手动Fork本项目,使用Vercel部署并跟进更新。还需进入/src/config.ts文件修改内容,如Website抽屉配置等,修改后等待Vercel重新部署。
手动部署
本地环境要求node >= 18、yarn1.22.19。先拉取代码并安装依赖(git clone https://github.com/EsunR/Blog-Index.git,cd./Blog-Index,yarn install),按需修改src/config.ts文件内容,再打包编译(yarn build),最后将dist目录下文件部署到服务器。
开发
本地环境要求node >= 18、yarn1.22.19。拉取代码并安装依赖(git clone https://github.com/EsunR/Blog-Index.git,cd./Blog-Index,yarn install),然后启动开发模式(yarndev)。
项目未来计划
使用Vite+Vue3+Typescript搭建项目,优化代码结构减轻包体积,重构已有功能(首页组件、抽屉组件),采用SSG构建静态页面,优化配置文件加入主题相关配置以获得更好的seo、自动暗夜模式并加入站点统计。
项目总结
xuanyuan-index这个通用的个人网站引导页、导航页模板具有多方面的优势和应用前景,无论是部署方式还是未来规划都有较为清晰的路线。欢迎大家在下方留言,一起参与关于这个项目的讨论。
项目地址
数据统计
数据评估
本站链氪巴士提供的xuanyuan-index-通用个人网站引导页、导航页模板都来源于网络,不保证外部链接的准确性和完整性,同时,对于该外部链接的指向,不由链氪巴士实际控制,在2024年12月7日 上午12:00收录时,该网页上的内容,都属于合规合法,后期网页的内容如出现违规,可以直接联系网站管理员进行删除,链氪巴士不承担任何责任。