{"id":13536490,"url":"https://github.com/xandeer/gank","last_synced_at":"2025-09-11T12:36:30.496Z","repository":{"id":113892597,"uuid":"81725877","full_name":"xandeer/gank","owner":"xandeer","description":"一个 vue 的练手项目","archived":false,"fork":false,"pushed_at":"2017-03-09T05:59:37.000Z","size":3412,"stargazers_count":37,"open_issues_count":1,"forks_count":7,"subscribers_count":2,"default_branch":"dev","last_synced_at":"2025-09-01T01:50:18.147Z","etag":null,"topics":["gank","gankio","vue","vue-cli","vue-router","vue2","vuex"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/xandeer.png","metadata":{"files":{"readme":"README.md","changelog":null,"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}},"created_at":"2017-02-12T12:57:11.000Z","updated_at":"2023-06-26T14:36:02.000Z","dependencies_parsed_at":null,"dependency_job_id":"a04fbb73-1a4e-4b24-b577-fb1466913d21","html_url":"https://github.com/xandeer/gank","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/xandeer/gank","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xandeer%2Fgank","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xandeer%2Fgank/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xandeer%2Fgank/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xandeer%2Fgank/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/xandeer","download_url":"https://codeload.github.com/xandeer/gank/tar.gz/refs/heads/dev","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xandeer%2Fgank/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":274635006,"owners_count":25321843,"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","status":"online","status_checked_at":"2025-09-11T02:00:13.660Z","response_time":74,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["gank","gankio","vue","vue-cli","vue-router","vue2","vuex"],"created_at":"2024-08-01T09:00:40.441Z","updated_at":"2025-09-11T12:36:30.463Z","avatar_url":"https://github.com/xandeer.png","language":"JavaScript","funding_links":[],"categories":["Demo示例"],"sub_categories":[],"readme":"# gank\n---\n\n[![Build Status](https://travis-ci.org/xandeer/gank.svg?branch=dev)](https://travis-ci.org/xandeer/gank)\n[![Dependency Status](https://www.versioneye.com/user/projects/58abe78eb4d2a20045c15823/badge.svg?style=flat-square)](https://www.versioneye.com/user/projects/58abe78eb4d2a20045c15823)\n\n\u003e 一个 `vue2` 实战项目，实现了一个 **gank.io** 资源的阅读应用。欢迎 star/fork。\n\n\u003e [项目总结](https://xandeer.me/2017/02/Vue-%E5%88%9D%E4%BD%93%E9%AA%8C/)\n\n## 用到的开源项目\n***\n1. [vue](https://github.com/vuejs/vue)\n2. [vue-router](https://github.com/vuejs/vue-router)\n3. [vuex](https://github.com/vuejs/vuex)\n4. [mint-ui](https://github.com/ElemeFE/mint-ui)\n5. [vue-resource](https://github.com/pagekit/vue-resource)\n6. [vue-awesome-swiper](https://github.com/surmon-china/vue-awesome-swiper)\n7. [vue-cli](https://github.com/vuejs/vue-cli)\n8. [vuejs-templates/webpack](https://github.com/vuejs-templates/webpack)\n9. [pug](https://github.com/pugjs/pug) *本项目中 vue 模板使用 pug 书写，另外提供了 HTML 版本，可切换到 html 分支查看。*\n\n## 预览\n***\n[demo](https://xandeer.me/gank)（请用手机模式预览）\n\n欢迎使用手机扫一扫打开，若微信中打不开请点击右上角用浏览器打开：\n\n[![qrcode](assets/qrcode.png)](https://xandeer.me/gank)\n\n## 实现的功能\n***\n- 无限滚动\n- 夜间模式\n- 图片懒加载\n- 左右滑动切换\n- 多终端大小自适配(只考虑了 iOS)\n- 应用内跳转保存跳转前的位置\n- 切换主题色（做成一个小[组件](https://github.com/xandeer/vue-circle-choice)了）\n- 等等\n\n### 首页\n\n![home](assets/home.png)\n\n### 滑动切换及位置保存\n\n![slide\u0026position-store](assets/slide\u0026position-store.gif)\n\n### 选择主题色及夜间模式\n\n\u003e 主题色页面的色盘颜色可在 [src/config/index.js](src/config/index.js) 中改变，主题色及夜间模式会保存在 localStorage 中，所以下次打开还是之前的主题\n\n![mode\u0026theme](assets/mode\u0026theme.gif)\n\n## 安装编译\n***\n### 注意\n\n如果 `node-sass` 安装遇到问题，可参考 https://github.com/lmk123/blog/issues/28\n\n``` bash\n# install dependencies\nnpm install\n\n# serve with hot reload at localhost:8080\nnpm run dev\n\n# build for production with minification\nnpm run build\n\n# build for production and view the bundle analyzer report\nnpm run build --report\n```\n\n## 目录结构\n***\n\u003cpre\u003e\n├── assets             // Readme 图片资源\n├── build              // 构建服务和webpack配置\n├── config             // 不同环境的配置\n├── dist               // build目录\n├── index.html         // 入口文件\n├── src                // 源码目录\n│   ├── components     // 各种组件\n│   ├── config         // 页面配置，如主题配置\n│   ├── store          // vuex 状态管理\n│   ├── router         // 路由配置\n│   ├── utils          // 工具接口\n│   ├── views          // 页面视图\n│   ├── App.vue        // 主页面\n│   └── main.js        // Webpack 预编译入口\n\u003c/pre\u003e\n\n## 感谢\n---\n- [gank.io](http://gank.io/api) 提供的 api\n- 开源项目贡献者\n- 开源项目文档撰写者\n\n## License\n\nMIT License\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxandeer%2Fgank","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fxandeer%2Fgank","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxandeer%2Fgank/lists"}