{"id":16918229,"url":"https://github.com/eve-sama/github-profile-photo-wall","last_synced_at":"2025-07-04T10:34:19.891Z","repository":{"id":47013238,"uuid":"305402186","full_name":"Eve-Sama/github-profile-photo-wall","owner":"Eve-Sama","description":"A tool that cut a image into n*7, you can use these photos decorate your github profile.","archived":false,"fork":false,"pushed_at":"2021-11-18T13:19:13.000Z","size":103,"stargazers_count":4,"open_issues_count":0,"forks_count":1,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-04-12T22:38:21.964Z","etag":null,"topics":["avatar","github-profile","image-cutter","photo-wall"],"latest_commit_sha":null,"homepage":"https://eve-sama.github.io/github-profile-photo-wall/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Eve-Sama.png","metadata":{"files":{"readme":"README-zh_CN.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-10-19T13:58:05.000Z","updated_at":"2022-06-13T15:05:53.000Z","dependencies_parsed_at":"2022-09-02T23:11:41.791Z","dependency_job_id":null,"html_url":"https://github.com/Eve-Sama/github-profile-photo-wall","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/Eve-Sama/github-profile-photo-wall","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Eve-Sama%2Fgithub-profile-photo-wall","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Eve-Sama%2Fgithub-profile-photo-wall/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Eve-Sama%2Fgithub-profile-photo-wall/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Eve-Sama%2Fgithub-profile-photo-wall/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Eve-Sama","download_url":"https://codeload.github.com/Eve-Sama/github-profile-photo-wall/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Eve-Sama%2Fgithub-profile-photo-wall/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263493382,"owners_count":23475185,"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":["avatar","github-profile","image-cutter","photo-wall"],"created_at":"2024-10-13T19:39:17.370Z","updated_at":"2025-07-04T10:34:19.874Z","avatar_url":"https://github.com/Eve-Sama.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"[English](README.md) | 简体中文\n\n## Github 照片墙\n\n这款工具允许你上传一张图片, 之后将这张图片分为n*7的小图片方格. 你可以使用这些小图片方格拼凑出一张大大的图片, 如下图所示. 技术栈为 TypeScript + SCSS + Webpack\n\n![avatar](https://file.qingflow.com/uploads/file/e6945773-9c59-4ece-a372-725ff89dca59.png)\n\n## 关于尺寸\n\n用户所上传的最合适的图片大小, 宽度应该是224px, 因为 github 的 organization 一行只能有7个, 每个单元都是32px*32px. 而高度则是32的倍数即可.\n\n考虑到用户无法精确地掌控图片尺寸, 该插件会将图片调整为合适的尺寸. 如下图的柴犬, 经过处理以后明显胖了...😂(这是旧界面, 最新版本不再提供对比图)\n\n![avatar](https://file.qingflow.com/uploads/file/a3459771-bd02-4f76-a6f3-91964b9e10ea.png)\n\n总之, 无论你上传的图片多大多小, 都会将其调整为224px的宽度, 32px倍数的高度.\n\n## 使用\n\n1. 打开 [图片在线分割](https://eve-sama.github.io/github-profile-photo-wall/)\n2. 上传一张照片\n3. 根据喜好调整行数, 并下载图片\n4. 前往 [新建组织](https://github.com/organizations/plan) 创建 n x 7 个组织, 比如默认是 7 x 7 个图片方格, 那么你就需要创建49个组织\n- 如果你是从B站视频👉\b[在Github的个人主页放置自己的照片墙](https://www.bilibili.com/video/BV1ht4y1Y7So)过来的伙伴，B站视频中的通过postman请求已经不能再继续使用了，因为现在请求中多了一个人机验证的随机token的参数，所以必须手动创建\u003e_\u003c\n5. 依次修改组织的头像\n6. 至此, 你可以在你个人的 profile 页面看到自己的照片墙, 而别人其实并不能看到\n7. 你需要前往组织设置页面, 修改自己的权限如下图所示\n\n![organization setting](https://file.qingflow.com/uploads/file/2d82c393-1d79-4829-bd50-dc1082cb8c52.png)\n\n对步骤还是不理解的, 可以看这篇 [文章](https://zhuanlan.zhihu.com/p/328903644) 的详述.\n\n## 前端开发交流群\n\n欢迎大家加入QQ群 925528845 一起讨论 :D\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feve-sama%2Fgithub-profile-photo-wall","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Feve-sama%2Fgithub-profile-photo-wall","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feve-sama%2Fgithub-profile-photo-wall/lists"}