{"id":13634583,"url":"https://github.com/tgxhx/vue-md-cnode","last_synced_at":"2025-11-06T10:30:38.367Z","repository":{"id":84268533,"uuid":"92910363","full_name":"tgxhx/vue-md-cnode","owner":"tgxhx","description":"基于vue的material design风格的cnode社区","archived":false,"fork":false,"pushed_at":"2017-07-14T12:03:42.000Z","size":831,"stargazers_count":39,"open_issues_count":0,"forks_count":17,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-12-27T17:30:35.363Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://39.108.14.248/node","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/tgxhx.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,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-05-31T06:03:43.000Z","updated_at":"2024-05-29T12:13:02.000Z","dependencies_parsed_at":"2023-05-24T05:00:39.002Z","dependency_job_id":null,"html_url":"https://github.com/tgxhx/vue-md-cnode","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tgxhx%2Fvue-md-cnode","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tgxhx%2Fvue-md-cnode/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tgxhx%2Fvue-md-cnode/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tgxhx%2Fvue-md-cnode/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tgxhx","download_url":"https://codeload.github.com/tgxhx/vue-md-cnode/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239492001,"owners_count":19647957,"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":[],"created_at":"2024-08-02T00:00:26.576Z","updated_at":"2025-11-06T10:30:38.334Z","avatar_url":"https://github.com/tgxhx.png","language":"Vue","funding_links":[],"categories":["Awesome-CNode"],"sub_categories":["Vue"],"readme":"# vue-cnode社区\n\n预览地址：[点此查看](http://39.108.14.248/node)\n使用chrome模拟手机查看\n\n\u003e 基于vue全家桶的Material Design风格Cnode社区\n  \n\u003e  尽量接近原生App的Material Design风格，参考了Google Play，Cnode的Android客户端。\n\n\u003e 另外推荐一下自己另一个vue + express + nodejs爬虫构建的整站移动书城项目:[地址](https://github.com/tgxhx/vue-reader)\n  \n## 技术栈\nvue2 + vue-router2 + vuex + es6 + webpack + axios + scss + flex + [vue-material](https://github.com/vuematerial/vue-material)\n\n## 描述\n* 单页面应用：通过vue-router跳转\n* 状态管理：使用vuex实现组件通信，也有一些父子组件使用props通信\n* MD风格：使用vue-material组件库来实现高仿原生md风格\n* icons：使用Google官方的[material design icon](material.io/icons/)\n* markdown编辑器：[mavonEditor](https://github.com/hinesboy/mavonEditor)\n* 无限滚动：[vue-mugen-scroll](https://github.com/egoist/vue-mugen-scroll) 实现思路是滚动到底部使page加1，然后通过watch监听page的变化，再获取数据通过concat凭借到原列表\n* 移动端适配：在head标签通过js动态设置html标签的font-size，配合sass的自定义函数，具体可以参考[这篇文章](https://segmentfault.com/a/1190000008721148)，使用方式比如width:100px;可以写成width:pr(100);\n\n## Build Setup\n\n``` bash\ngit clone git@github.com:tgxhx/vue-md-cnode.git\n\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- [x] 登录\n- [x] 保存登录\n- [x] 注销 \n- [x] 切换分类\n- [x] 主题列表\n- [x] 主题详情\n- [x] 滚动加载\n- [x] 发帖\n- [x] 回复\n- [ ] 回复某人\n- [x] 收藏\n- [x] 点赞\n- [x] 个人中心 \n- [x] 消息 \n- [ ] 消息已读 \n- [x] 移动端适配 \n\n## 部分截图\n![](http://i1.buimg.com/502037/925afb142b2d5e82.png)\n![](http://i1.buimg.com/502037/3c3d61f521c2cdd0.png)\n![](http://i1.buimg.com/502037/90edc6ad694d10b5.png)\n![](http://i1.buimg.com/502037/1b69a056023ff385.png)\n![](http://i1.buimg.com/502037/1505a95dd6819954.png)\n![](http://i1.buimg.com/502037/e3d9a53a0876bb0d.png)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftgxhx%2Fvue-md-cnode","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftgxhx%2Fvue-md-cnode","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftgxhx%2Fvue-md-cnode/lists"}