[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-8908":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":16,"stars30d":16,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":17,"rankGlobal":10,"rankLanguage":10,"license":18,"archived":19,"fork":19,"defaultBranch":20,"hasWiki":21,"hasPages":19,"topics":22,"createdAt":10,"pushedAt":10,"updatedAt":29,"readmeContent":30,"aiSummary":31,"trendingCount":16,"starSnapshotCount":16,"syncStatus":32,"lastSyncTime":33,"discoverSource":34},8908,"VBlog","GitHub-Laziji\u002FVBlog","GitHub-Laziji","使用GitHub API 搭建一个可动态发布文章的博客","https:\u002F\u002Fgithub-laziji.github.io",null,"Vue",1478,338,40,39,0,20.59,"Mozilla Public License 2.0",false,"master",true,[23,24,25,26,27,28],"element","github-api","github-page","vant","vblog","vue","2026-06-12 02:02:00","# VBlog\n\n![](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Flanguages\u002Ftop\u002Fgithub-laziji\u002FVBlog.svg?style=flat)\n![](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002FgitHub-laziji\u002FVBlog.svg?style=social)\n\n\n## [English Documents](README-EN.md)\n\n## 简介\n\n博客可搭建在 GitHub Pages 上,\n文章数据储存于gist 中, 通过Github API 与数据进行交互, 实现无后台、可动态发布文章的博客系统\n\n## 使用的组件\n\n- Element (电脑端)\n- Vant (移动端)\n\n## 项目截图\n\n![博客截图](screenshots\u002F201805152146.png)\n![博客截图](screenshots\u002F201805152147.png)\n![博客截图](screenshots\u002F201805111431.png)\n![博客截图](screenshots\u002F201805111438.png)\n\n## 快速使用\n搭建博客只需2步\n- 点击github头像旁边的 \"+\" 号 选择 ```Import repository ```克隆地址填 ```https:\u002F\u002Fgithub.com\u002FGitHub-Laziji\u002FGitHub-Laziji.github.io ```项目名填 ```你的用户名.github.io ```\n- 克隆完成后 修改文件 ```\u002Fstatic\u002Fconfiguration.json``` 中的 ```githubUsername``` 为自己的github用户名\n\n\n类似演示地址其中 GitHub-Laziji 为我的用户名\n\n\n现在 ```https:\u002F\u002F你的用户名.github.io``` 就是你的个人博客\n\n## 开发\n\n#### 安装 运行 构建\n\n    npm install\n\n    npm run dev\n\n    npm run build\n\n#### 获取Token\n\n在 ```github > settings > Developer settings > Personal access tokens```  勾选```gist``` 和 ```repo```权限 获取```Token```\n\n#### 开发注意事项\n\n- 配置文件读取的总是与 ```index.html``` 同级的 ```.\u002Fstatic\u002Fconfiguration.json```, 所以本地 ```npm run dev``` 的时候会出现修改配置无效的情况, 如果需要修改的话修改本地的配置文件就行, 发布到 github 之后不影响, 因为修改配置的时候是通过 ```github-api``` 修改 ```你的用户名.github.io``` 下的 ```\u002Fstatic\u002Fconfiguration.json ```\n\n\n## License\n\nCode licensed under the [Mozilla](LICENSE).\n\n------\n\n\n作者 *Laziji*\n\n\n\n\n\n  [1]: https:\u002F\u002Fgithub-laziji.github.io\n  [2]: https:\u002F\u002Fgithub.com\u002FGitHub-Laziji\u002FGitHub-Laziji.github.io\n","VBlog 是一个利用 GitHub API 构建的无后台、可动态发布文章的博客系统。该项目基于 Vue 框架开发，采用 Element 和 Vant 组件库分别优化了桌面端和移动端的用户体验。通过将文章数据存储在 Gist 中，并借助 GitHub API 实现数据交互，VBlog 不仅简化了博客搭建流程，还支持用户快速创建个人博客站点。它特别适合于希望拥有个性化博客但又不想投入大量时间和精力去维护服务器的技术爱好者或个人开发者使用。",2,"2026-06-11 03:20:16","top_language"]