socialify

想让你的项目脱颖而出吗？Socialify 通过生成如上所示的精美项目图片，帮助你向世界展示你的项目！

它包含大量选项，包括自定义logo、描述、徽章，以及多种字体和背景图案供选择。

今天就加入的行列吧！

使用方法

项目网站：https://socialify.git.ci

社交图片即服务

点击图片即可在任何地方使用链接，图片将根据实时数据动态生成。这意味着徽章会自动更新。

推荐用于 README 文件或 img 标签。

图片下载

你可以将图片下载为 .png、.jpeg 或 .webp 格式，并在任何地方使用！

推荐用于GitHub仓库的社交预览图片以及其他需要上传图片的网站。

命令行工具

你可以使用命令行工具 mheap/github-social-image 一次性为所有仓库上传社交图片。

示例

<p align="center"> <a href="https://socialify.git.ci/MLH-Fellowship/event-bot?description=1&font=Bitter&forks=0&issues=0&language=1&logo=https%3A%2F%2Fgist.githack.com%2Fwei%2F13e3f6e161cb1d0709abd847102dc80c%2Fraw%2Fmlh-color-square.svg&owner=0&pattern=Circuit%20Board&pulls=0&stargazers=0&theme=Light"> <img width="410" alt="Session Bot 示例" src="https://socialify.git.ci/MLH-Fellowship/event-bot/image?description=1&font=Bitter&forks=0&issues=0&language=1&logo=https%3A%2F%2Fgist.githack.com%2Fwei%2F13e3f6e161cb1d0709abd847102dc80c%2Fraw%2Fmlh-color-square.svg&owner=0&pattern=Circuit%20Board&pulls=0&stargazers=0&theme=Light" /> </a> <a href="https://socialify.git.ci/MLH-Fellowship/class-photo?font=Inter&logo=https%3A%2F%2Favatars0.githubusercontent.com%2Fu%2F65834464%3Fs%3D200%26v%3D4&owner=1&pattern=Diagonal%20Stripes&stargazers=0&theme=Dark"> <img width="410" alt="Class Photo 示例" src="https://socialify.git.ci/MLH-Fellowship/class-photo/image?font=Inter&logo=https%3A%2F%2Favatars0.githubusercontent.com%2Fu%2F65834464%3Fs%3D200%26v%3D4&owner=1&pattern=Diagonal%20Stripes&stargazers=0&theme=Dark" /> </a> <a href="https://socialify.git.ci/modfy/videotranscode.space?description=1&forks=1&issues=1&language=1&logo=https%3A%2F%2Fuser-images.githubusercontent.com%2F5880908%2F199906693-240ebfdf-5981-4018-a5ce-3dacd3a44536.png&pattern=Plus&pulls=1&stargazers=1&theme=Dark"> <img width="410" alt="Modfy 示例" src="https://socialify.git.ci/modfy/videotranscode.space/image?description=1&forks=1&issues=1&language=1&logo=https%3A%2F%2Fuser-images.githubusercontent.com%2F5880908%2F199906693-240ebfdf-5981-4018-a5ce-3dacd3a44536.png&pattern=Plus&pulls=1&stargazers=1&theme=Dark" /> </a> <a href="https://socialify.git.ci/wei/pull?description=1&font=Source%20Code%20Pro&forks=1&language=1&logo=https%3A%2F%2Fgist.githack.com%2Fwei%2F40d98877c6ac5f917d78ccfe72a0f928%2Fraw%2Fpull-18h.svg&pattern=Floating%20Cogs&stargazers=1&owner=1&theme=Light"> <img width="410" alt="Pull 示例" src="https://socialify.git.ci/wei/pull/image?description=1&font=Source%20Code%20Pro&forks=1&language=1&logo=https%3A%2F%2Fgist.githack.com%2Fwei%2F40d98877c6ac5f917d78ccfe72a0f928%2Fraw%2Fpull-18h.svg&pattern=Floating%20Cogs&stargazers=1&owner=1&theme=Light" /> </a> <a href="https://socialify.git.ci/traefik/traefik?description=1&font=Rokkitt&forks=1&logo=https%3A%2F%2Fpbs.twimg.com%2Fmedia%2FCcZdW37UcAA9DZz%3Fformat%3Dpng%26name%3Dsmall&owner=0&pattern=Signal&pulls=1&stargazers=1&owner=1&theme=Light"> <img width="410" alt="Traefik 示例" src="https://socialify.git.ci/traefik/traefik/image?description=1&font=Rokkitt&forks=1&logo=https%3A%2F%2Fpbs.twimg.com%2Fmedia%2FCcZdW37UcAA9DZz%3Fformat%3Dpng%26name%3Dsmall&owner=0&pattern=Signal&pulls=1&stargazers=1&owner=1&theme=Light" /> </a> <a href="https://socialify.git.ci/facebook/react?description=1&font=Bitter&language=0&logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0xMS41IC0xMC4yMzE3NCAyMyAyMC40NjM0OCI%2BCiAgPHRpdGxlPlJlYWN0IExvZ288L3RpdGxlPgogIDxjaXJjbGUgY3g9IjAiIGN5PSIwIiByPSIyLjA1IiBmaWxsPSIjNjFkYWZiIi8%2BCiAgPGcgc3Ryb2tlPSIjNjFkYWZiIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiPgogICAgPGVsbGlwc2Ugcng9IjExIiByeT0iNC4yIi8%2BCiAgICA8ZWxsaXBzZSByeD0iMTEiIHJ5PSI0LjIiIHRyYW5zZm9ybT0icm90YXRlKDYwKSIvPgogICAgPGVsbGlwc2Ugcng9IjExIiByeT0iNC4yIiB0cmFuc2Zvcm09InJvdGF0ZSgxMjApIi8%2BCiAgPC9nPgo8L3N2Zz4K&owner=0&pattern=Formal%20Invitation&pulls=1&stargazers=1&theme=Dark"> <img width="410" alt="React 示例" src="https://socialify.git.ci/facebook/react/image?description=1&font=Bitter&language=0&logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0xMS41IC0xMC4yMzE3NCAyMyAyMC40NjM0OCI%2BCiAgPHRpdGxlPlJlYWN0IExvZ288L3RpdGxlPgogIDxjaXJjbGUgY3g9IjAiIGN5PSIwIiByPSIyLjA1IiBmaWxsPSIjNjFkYWZiIi8%2BCiAgPGcgc3Ryb2tlPSIjNjFkYWZiIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiPgogICAgPGVsbGlwc2Ugcng9IjExIiByeT0iNC4yIi8%2BCiAgICA8ZWxsaXBzZSByeD0iMTEiIHJ5PSI0LjIiIHRyYW5zZm9ybT0icm90YXRlKDYwKSIvPgogICAgPGVsbGlwc2Ugcng9IjExIiByeT0iNC4yIiB0cmFuc2Zvcm09InJvdGF0ZSgxMjApIi8%2BCiAgPC9nPgo8L3N2Zz4K&owner=0&pattern=Formal%20Invitation&pulls=1&stargazers=1&theme=Dark" /> </a> </p>

开发

• 从 设置 > 开发者设置 > 个人访问令牌 创建一个 GitHub 令牌，在设置环境变量时你会需要它。

• 你需要 repo 权限

• 运行以下命令来设置开发服务器：

  # 克隆
  git clone https://github.com/wei/socialify.git && cd $_
  
  # 在 .env 中设置环境变量
  cp .env.example .env
  
  yarn install
  yarn build
  yarn dev

作者

• @CryogenicPlanet
• @wei

@MLH-Fellowship Pod 1.0.6 的一部分

许可证

• MIT

托管

<a href="https://vercel.com/?utm_source=github-socialify&utm_campaign=oss"> <img width="159" height="33" alt="由 Vercel 提供支持" src="https://yellow-cdn.veclightyear.com/0a4dffa0/563171f5-021b-440d-9122-d3bf2999e606.png" /> </a>

服务级别协议

Socialify 正在积极开发中。设计和项目域名可能会在没有通知的情况下发生变化。

如果您想接收服务更新，请订阅 #47。

如果这可能成为问题，请考虑下载图片或自行托管。

隐私

Socialify 不收集任何个人或可识别的信息，我们不使用 cookie，不收集电子邮件或任何其他内容。

Socialify 在网页上使用 Google Analytics 来了解整体使用情况。生成的图片链接不包含任何跟踪功能。