Skip to content

Latest commit

 

History

History
36 lines (22 loc) · 2.06 KB

README-zh_CN.md

File metadata and controls

36 lines (22 loc) · 2.06 KB

English | 简体中文

Github 照片墙

这款工具允许你上传一张图片, 之后将这张图片分为n*7的小图片方格. 你可以使用这些小图片方格拼凑出一张大大的图片, 如下图所示. 技术栈为 TypeScript + SCSS + Webpack

avatar

关于尺寸

用户所上传的最合适的图片大小, 宽度应该是224px, 因为 github 的 organization 一行只能有7个, 每个单元都是32px*32px. 而高度则是32的倍数即可.

考虑到用户无法精确地掌控图片尺寸, 该插件会将图片调整为合适的尺寸. 如下图的柴犬, 经过处理以后明显胖了...😂(这是旧界面, 最新版本不再提供对比图)

avatar

总之, 无论你上传的图片多大多小, 都会将其调整为224px的宽度, 32px倍数的高度.

使用

  1. 打开 图片在线分割
  2. 上传一张照片
  3. 根据喜好调整行数, 并下载图片
  4. 前往 新建组织 创建 n x 7 个组织, 比如默认是 7 x 7 个图片方格, 那么你就需要创建49个组织
  • 如果你是从B站视频👉�在Github的个人主页放置自己的照片墙过来的伙伴,B站视频中的通过postman请求已经不能再继续使用了,因为现在请求中多了一个人机验证的随机token的参数,所以必须手动创建>_<
  1. 依次修改组织的头像
  2. 至此, 你可以在你个人的 profile 页面看到自己的照片墙, 而别人其实并不能看到
  3. 你需要前往组织设置页面, 修改自己的权限如下图所示

organization setting

对步骤还是不理解的, 可以看这篇 文章 的详述.

前端开发交流群

欢迎大家加入QQ群 925528845 一起讨论 :D