DEV Community

Cover image for Automatically update your GitHub profile with your latest dev.to post
Aveek Saha
Aveek Saha

Posted on

3 1

Automatically update your GitHub profile with your latest dev.to post

Introduction

Your GitHub profile page is the face of your GitHub presence and recently there have been a lot of interesting ways to make your profile stand out.

One way you can make your GitHub profile unique is by automatically updating it with a summary of your most recent DEV.to blog post, and that's what I'll be showing you how to do in this post using blog-box.

The whole process requires no code, and minimal setup so you should have it up and running in no time!

GitHub logo Aveek-Saha / blog-box

πŸ“ Update a gist to show your latest dev.to post.

blog-box

πŸ“ Update a pinned gist to show your latest dev.to blog post


πŸ“Œβœ¨ For more pinned-gist projects like this one, check out: https://github.com/matchai/awesome-pinned-gists

Setup

Prep work

  1. Create a new public GitHub Gist (https://gist.github.com/)
  2. Create an access token with the gist scope and copy it. (https://github.com/settings/tokens/new)
  3. Get your Dev.to user name (https://dev.to/settings)

Project setup

  1. Fork this repo
  2. Go to the repo Settings > Secrets
  3. Add the following environment variables:
    • GH_TOKEN: The GitHub access token generated above.
    • GIST_ID: The ID portion from your gist url: https://gist.github.com/Aveek-Saha/8335e85451541072dd25fda601129f7d.
    • DEV_USERNAME: Your Dev.to account username.

Credits

This code was inspired by @matchai's bird-box.




Prep work

  1. Create a new public GitHub Gist (https://gist.github.com/)
  2. Create a personal access token with the gist scope and copy it. (https://github.com/settings/tokens/new)
  3. Get your Dev.to user name (https://dev.to/settings)

Repo setup

  1. Fork the blog-box repo (https://github.com/Aveek-Saha/blog-box)
  2. Go to the repo Settings > Secrets
  3. Add the three following environment variables:
    • GH_TOKEN: The GitHub access token generated from the previous section.
    • GIST_ID: The ID portion from your gist url, eg: https://gist.github.com/Aveek-Saha/ 8335e85451541072dd25fda601129f7d.
    • DEV_USERNAME: Your Dev.to account username.

Show off your blog posts

Once you've finished with these steps, you can go to Actions > Update gist with latest post and manually trigger the workflow to update the gist with your latest DEV blog post.

Once the gist is updated you can pin it to your GitHub profile, so that it looks something like this:

blog-box-screenshot

When users click on this pinned gist, there will be a comment with the link to the post like this:

Image description

SurveyJS custom survey software

Build Your Own Forms without Manual Coding

SurveyJS UI libraries let you build a JSON-based form management system that integrates with any backend, giving you full control over your data with no user limits. Includes support for custom question types, skip logic, an integrated CSS editor, PDF export, real-time analytics, and more.

Learn more

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

πŸ‘‹ Kindness is contagious

Please leave a ❀️ or a friendly comment on this post if you found it helpful!

Okay