How to Add Your Recently Published Articles to Your GitHub Profile README using GitHub Actions π€
Do you want to show off your articles on GitHub? π€
If you said YES, Then you're at the right place. By the end of this article, you'll have your latest articles listed on your GitHub Profile README.
π TL;DR - Before we begin, You must have your GitHub account and make sure you've created your GitHub profile. If not, you can check this article by Monica Powell.
ππΌLet's Begin!!!
π‘ If you're new to GitHub Actions, go check out the official documentation.
We'll be using blog-post-workflow GitHub Action by Gautam krishna R.
π€ How to use this GitHub Action?
Visit your GitHub Profile README repository
https://github.com/{USER-NAME}/{USER-NAME}
You'll need to add the following section to your README.md file
# π© Latest Blog Posts // You can name it whatever you want. <!-- BLOG-POST-LIST:START --> <!-- BLOG-POST-LIST:END -->
Now, create a folder
.github
in the root directory & within that directory create another folder namedworkflows
. Now, inside theworkflows
directory create a new YAML fileblog-post-workflow.yml
. This is how your folder structure should look like:.github ββββworkflows blog-post-workflow.yml
NOTE: If you're struggling in creating a folder in the GitHub repository from a web app then check this .
Add the following content in the
blog-post-workflow.yml
filename: Latest blog post workflow on: schedule: # Run workflow automatically # This will make it run every hour - cron: '0 * * * *' # Run workflow manually (without waiting for the cron to be called), through the Github Actions Workflow page directly workflow_dispatch: jobs: update-readme-with-blog: name: Update this repo's README with latest blog posts runs-on: ubuntu-latest steps: - uses: actions/checkout@v2 - uses: gautamkrishnar/blog-post-workflow@master with: # Replace this URL with your rss feed URL/s feed_list: "https://iamdarshshah.hashnode.dev/rss.xml"
Commit your code and wait for your actions to run automatically or here are the steps to trigger it manually:
Click on
Actions
:Now, Click on
Latest blog post workflow
:Then, click on
Run workflow
to trigger the GitHub Action:
NOTE: You can add any popular blogging platform's RSS feed URL. (List of Platforms)
This is it! We did it. π
Now, you can check your GitHub Profile README that lists your latest published articles. π
πThis is How it should look
βοΈ If you want to customize your GitHub Action, then have a look at all available options you can provide custom values to.
Thanks, for reading it till the end. π
Hope you find it useful! Let me know your thoughts on this in the comments section. Don't forget to share this article with your friends or colleagues. Feel free to connect with me on any of the platforms below! π
References:
- GitHub Action - github.com/gautamkrishnar/blog-post-workflow
- Image Source - unsplash.com/photos/RLw-UC03Gwc
Software Engineer
great tutorial !!!!
Would you kindly add this to step 3 clarification for GitHub web users ?
Thanks again !
PS: BTW it looks amazing !!!!!!!!
Thanks, Maxi Contieri for pointing it out! Sure, will update the post by adding this to the list.
Your GitHub profile looks super amazing π
Co-Founder, Hashnode
Hey Darsh! Super interesting. Thanks for writing this piece!
Learning and Sharing | Aspring Full Stack Web Developer
Thanks for sharing this article, I've been able to add my blog post to my Github readme
Sr Full Stack Engineer, Front-End Specialist, DOM Artist. https://braydoncoyer.dev/
Excellent article - thanks for sharing!
Full Stack Developer | JavaScript | React | Nodejs. Subscribe to my weekly newsletter at https://yogeshchavan.dev/
Really useful. Thanks for sharing π
β UI/UX/ML | βοΈ Technology Blogger | π€ Speaker
Darsh Shah, Awesome! Thanks for creating this and writing about it.
Hey Tapas Adhikary, Just in-case you missed it, the GitHub Action which we're using here is blog-post-workflow created by Gautam Krishna R. I just articulated that!π
I'm glad you found it helpful! π
Software Engineer
That's the one which i am looking , Awesome article , you made my way easy , Thanks to post
Really useful, amazing thank you
Thanks alot for this post. I have just used it now and it feels good.
ps. Rergarding adding a folder to the repository, you can actually do it a very simple way.
When you type in the name of your file: in this case .github/workflow/<name.yml>
You can actually do this by typing: ".github/". As soon as you add the "/" it will be converted to a folder, so you can now type "workflow/" and finally the name of the yml file.
Thanks for sharing this Darsh Shah. It is resourceful.
Software Engineer and Indie Hacker
Awesome project Darsh Shah! Thanks for building and sharing this!
Senior Performance Engineer
Works great! Thank you!
#android-dev #js-dev
Nice, but doesnt show my last post π₯
my blog: blogdevtrip.hashnode.dev
my github: github.com/rogergcc
name: Latest blog post workflow main yml
on:
schedule:
# Runs every hour
- cron: '0 * * * *'
jobs:
update-readme-with-blog:
name: Update this repo's README with latest blog posts yml
runs-on: Ubuntu-20.04
steps:
- uses: actions/checkout@v2
- uses: gautamkrishnar/blog-post-workflow@master
with:
feed_list: "https://blogdevtrip.hashnode.dev/rss.xml"
Hey Roger Colque Calcina, Looks like there are some issues with the GitHub action as it's not fetching the complete list of articles from the RSS feed (Even for me this was not working as expected).
Workaround: I have replaced the RSS feed URL with the dev.to feed URL.
Will take out some time to open an issue or even can open an issue for the same.
Thanks
Comments (29)