Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/wei/socialify

💞 Socialify your project. 🌐 Share with the world!
https://github.com/wei/socialify

badges github hacktoberfest sharing social social-image

Last synced: 7 days ago
JSON representation

💞 Socialify your project. 🌐 Share with the world!

Awesome Lists containing this project

README

        

[![GitHub Socialify][socialify-image]][socialify-edit-link]

Want your project to stand out? **Socialify** helps you showcase your project to the world by generating a beautiful project image like the one above!

It includes a ton of options including custom logo, description, badges, and many fonts and background patterns to choose from.

Join [![thousands of repositories](https://socialify.git.ci/api/stats.svg)](https://github.com/search?o=desc&q=%22socialify.git.ci%22&s=indexed&type=Code) today!

## Usage

Project site: https://socialify.git.ci

### Social Image as a Service

Click on the image to use the link anywhere, the image will be programmatically generated with live data. This means the badges will automatically update.

**Recommended for `README` files or `img` tags.**

### Image Download

You can download the image as a `.png`, `.jpeg` or `.webp` and use it anywhere in the world!

**Recommended for GitHub repository [social preview image](https://docs.github.com/en/free-pro-team@latest/github/administering-a-repository/customizing-your-repositorys-social-media-preview)** and other sites that require image upload.

### CLI

You can use cli tool [mheap/github-social-image](https://github.com/mheap/github-social-image) to upload social images to all your repos at once.

## Examples



Session Bot Example


Class Photo Example


Modfy Example


Pull Example


Traefik Example


React Example

## Development

- Create a GitHub token from `Settings > Developer settings > Personal access tokens`, you'll need it in when setting up environemnt variables.
- You'll need the `repo` scope
- Run the following commands to set up the Development server:

```shell
# Clone
git clone https://github.com/wei/socialify.git && cd $_

# Set environment variables in .env
cp .env.example .env

yarn install
yarn build
yarn dev
```

## Authors

- [@CryogenicPlanet](https://github.com/CryogenicPlanet)
- [@wei](https://github.com/wei)

_Part of [@MLH-Fellowship](https://github.com/MLH-Fellowship) Pod 1.0.6_

## License

- [MIT](https://wei.mit-license.org)

## Hosting


Deploys by Netlify

### SLA

Socialify is under active development. Design and project domain are subject to change without notice.

Please subscribe to [#47](https://github.com/wei/socialify/issues/47) if you would like to receive service updates.

Consider downloading the images or self-hosting should this be a problem.

[socialify-image]: https://socialify.git.ci/wei/socialify/image?description=1&font=Raleway&issues=1&language=1&pattern=Charlie%20Brown&pulls=1&stargazers=1&theme=Light
[socialify-edit-link]: https://socialify.git.ci/wei/socialify?description=1&font=Raleway&issues=1&language=1&pattern=Charlie%20Brown&pulls=1&stargazers=1&theme=Light

## Privacy

Socialify does not collect any personal or identifiable information, we do not use cookies, do not collect emails or anything.

Socialify uses Google Analytics on web pages to understand overall usage. Generated image links do not have any tracking.