链氪巴士
  1. 首页
  2. 站点导航
  3. 文章
  4. 快讯
  5. 软件
  6. 书刊
  7. 关于

xuanyuan-index-通用个人网站引导页、导航页模板

xuanyuan - index是一个基于Vue的通用网站导航页面,可放在个人网站首页作为博客引导页或其他项目的引导页。它使用自适应布局兼容多端显示,背景图来自Bing每日图片。项目有自动部署和手动部署两种方式,自动部署有无法更新的弊端,手动部署需按步骤操作。开发有环境要求,并且...

访问官网 →

项目标题: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这个通用的个人网站引导页、导航页模板具有多方面的优势和应用前景,无论是部署方式还是未来规划都有较为清晰的路线。欢迎大家在下方留言,一起参与关于这个项目的讨论。

项目地址

GitHub链接直达