Quick Tip: How To Easily Embed Your Codepen Coding Playground into Hashnode Post

How To Embed Codepen Into Hashnode Post

I'm a beginner, and I recently joined Hashnode, a blogging community for developers. I've been pleasantly surprised by the quality of the discussions and the level of engagement among the bloggers. The community is active and thoughtful, which is great because it gives me a place to share my thoughts on both my own work and the work of others.


The blogs on Hashnode are well-written and informative, so I've found myself reading them regularly. I also appreciate how well organized the site is; it's easy to find posts that are relevant to me and browse through them until I find something that interests me.

Go To Hashnode

Overall, Hashnode is an excellent resource for software developers looking for a place to share their thoughts and learn from others.

Codepen is an amazing tool for testing web development codes. I have never had any problems using it and always find it easy to use. It is a great resource for finding solutions to coding problems and I would definitely recommend it to anyone who is looking for an easy way to test their codes.

How To Embed Codepen Into Hashnode Post

If you're looking for an easy way to embed your CodePen coding playground into your Hashnode post, keep reading!

Hi everyone, 

I just discovered a way to embed the Codepen project into Hashnode post. This is really useful because I can share my code snippets with other people without having to copy and paste them. Here's a quick tip on how to do just that:

1. Go to the Codepen project page on codepen.io 

2. Copy the URL of you Codepen project

3. Then go back to Hashnode

4. Next Create a new post or edit the current post on Hashnode 

5. Put the Codepen URL in-between look like this: %[URL]

6. Just go to hit on the preview tab at the top to see how it work.

Here is the embed of my Codepen project into Hashnode post, the code is going to look like this:


That is what I want to share with you for today. Thanks for reading!

Next Post Previous Post