{"id":21987681,"url":"https://github.com/esunr/blog-index","last_synced_at":"2025-04-13T00:44:10.881Z","repository":{"id":42084884,"uuid":"185637125","full_name":"EsunR/Blog-Index","owner":"EsunR","description":"一个通用的个人网站的引导页、导航页模板","archived":false,"fork":false,"pushed_at":"2024-03-29T06:57:40.000Z","size":1175,"stargazers_count":616,"open_issues_count":1,"forks_count":233,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-04-13T00:44:05.134Z","etag":null,"topics":["blog","homepage","html","indexpage","vue"],"latest_commit_sha":null,"homepage":"https://www.esunr.xyz","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/EsunR.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-05-08T15:51:15.000Z","updated_at":"2025-04-11T11:30:38.000Z","dependencies_parsed_at":"2024-01-11T08:50:29.749Z","dependency_job_id":"7e9565ef-6316-47e1-a073-1dd3ac999c26","html_url":"https://github.com/EsunR/Blog-Index","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EsunR%2FBlog-Index","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EsunR%2FBlog-Index/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EsunR%2FBlog-Index/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EsunR%2FBlog-Index/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/EsunR","download_url":"https://codeload.github.com/EsunR/Blog-Index/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248650419,"owners_count":21139672,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["blog","homepage","html","indexpage","vue"],"created_at":"2024-11-29T19:13:39.123Z","updated_at":"2025-04-13T00:44:10.857Z","avatar_url":"https://github.com/EsunR.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 1. 关于\n\nBlog-Index 通用网站导航\n\n![](https://img.shields.io/badge/Base-Vue3-brightgreen.svg)\n![](https://img.shields.io/badge/Build-Vite-orange.svg)\n![](https://img.shields.io/badge/Installer-Yarn-blue.svg)\n\n[预览链接](https://blog-index.esunr.xyz) | [友链交换区](https://github.com/EsunR/Blog-Index/issues/53) | [更新日志](./CHANGELOG.md)\n\n![](./demo/show.png)\n\n这是一个基于 Vue 的通用网站导航页面，你可以将其放在个人网站的首页作为您博客的引导页面或者是您其他项目的引导页。使用自适应布局兼容多端显示，方便游客浏览您的个人网站，背景图来自于 Bing 每日图片。\n\n# 2. 使用方法\n\n## 2.1 自动部署\n\n### 一键部署\n\n\u003e 该方式无法保持更新，如果想要保持更新，请不要使用该方式，并参考下面的『保持更新』。\n\n点击按钮一键部署到 Vercel：\n\n[![](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FEsunR%2FBlog-Index\u0026repository-name=Blog-Index)\n\n### 保持更新\n\n使用上面的一键部署后，Vercel 会默认为你创建一个新项目，而不是 fork 本项目，这会导致无法从 Github 上获取本项目的更新状态。你可以参考下面的教程手动 Fork 本项目，使用 Vercel 部署，并持续跟进本项目的更新。\n\n图文教程：[《使用 Vercel 全自动部署个人网站》](https://blog.esunr.xyz/2022/07/0cce6064286a.html)\n\n### 修改配置\n\n进入到刚才由 Vercel 创建或你自己手动 Fork 的本项目 Github 仓库，并找到 `/src/config.ts` 文件，点击『编辑』按钮修改文件中的内容：\n\n![](https://esunr-image-bed.oss-cn-beijing.aliyuncs.com/picgo/202311031523211.png)\n\nWebsite 抽屉配置：\n\n```ts\nconst WEBSITE_SORTS: WebsiteSort[] = [\n  {\n    title: \"示例分类1\",\n    sites: [\n      {\n        /** 网站标题 */\n        title: \"主标题\",\n        /** 网站 url */\n        url: \"http://www.your-web-page.com/\",\n        /** 网站 icon 图标，非必填，留空默认展示网站标题的第一个字符 */\n        icon: \"\",\n        /** 指定网站 icon 背景色 */\n        color: \"#0171CD\",\n      },\n    ],\n  },\n  // ... ...\n];\n```\n\n等待 Vercel 重新部署即可。\n\n## 2.2 手动部署\n\n### 拉取代码并安装依赖\n\n本地环境要求（可使用 volar 自动切换环境）：\n\n- node \u003e= 18\n- yarn 1.22.19\n\n拉取代码并安装依赖：\n\n```sh\ngit clone https://github.com/EsunR/Blog-Index.git\ncd ./Blog-Index\nyarn install\n```\n\n### 按需修改配置文件\n\n修改 src/config.ts 文件中的内容，同上。\n\n### 打包编译\n\n```sh\nyarn build\n```\n\n将 dist 目录下的文件部署到服务器即可。\n\n# 3. 开发\n\n本地环境要求（可使用 [volta](https://blog.esunr.site/2023/07/d99593770741.html) 自动切换环境）：\n\n- node \u003e= 18\n- yarn 1.22.19\n\n拉取代码并安装依赖：\n\n```sh\ngit clone https://github.com/EsunR/Blog-Index.git\ncd ./Blog-Index\nyarn install\n```\n\n启动开发模式：\n\n```sh\nyarn dev\n```\n\n# 4. 未来计划\n\n- [x] 使用 Vite + Vue3 + Typescript 搭建项目\n- [x] 优化代码结构，减轻包体积\n- [x] 重构已有功能\n  - [x] 重构首页组件\n  - [x] 重构抽屉组件\n- [x] 采用 SSG 构建静态页面\n- [ ] 优化配置文件，加入主题相关配置\n- [ ] 更好的 seo\n- [ ] 自动暗夜模式\n- [ ] 加入站点统计\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fesunr%2Fblog-index","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fesunr%2Fblog-index","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fesunr%2Fblog-index/lists"}