Re-Syndicate Hashnode to DEV the Easy Way

GitHub Actions = Still Cool, But...

Last week I wrote up an article about auto-posting from Hashnode to DEV by using GitHub Actions.

This was a great way to learn how to set up an Action, fiddle with the DEV API and spend a great deal of time figuring out something that I could have done faster by literally copying and pasting the articles' markdown.

I don't regret it because it was a good learning experience. But I do want you to know the better way.

Use RSS

Just use the RSS feed of your Hashnode blog. You can just add rss.xml to your blog's main page like this to find it: (https://blog.eamonncottrell.com/rss.xml)

DEV will let you import an RSS feed to re-syndicate. Go to Settings -> Extensions and then scroll down to the Publishing to DEV Community from RSS section.

re-syndicate on DEV via RSS

Notice that there are two optional checkboxes. One for canonical tags which I checked because I'm keeping Hashnode as my main canonical_url for my blog. And the other for "self-referential links". This is for when I link to something else I wrote, like this article about Sacred Geometry. The link will take me to the DEV article when on DEV instead of to Hashnode.

I don't want that to happen because I want Hashnode to be my main, so I unchecked that box.

main character

hashnode is my main

Thanks, Andy!

During the course of last week's investigative journalism and guinea-pig-like commitment to the cause of setting up my own blog to auto-backup to GitHub (still a good idea) and auto-post to DEV, I hit DEV's API rate limit.

A reply from support suggested (graciously, yet simply) that I try importing via RSS if I was going to do more than one import at a time.

This is by far the better way to accomplish the re-posting. Yay!

https://media.giphy.com/media/8WOCI38ldkriE/giphy.gif

Publish on DEV

And, just like that: we have success!

DEV will pull all the articles over as Drafts immediately. It even properly saw the three I'd already brought over and did not duplicate them. And this has the added bonus of properly including the original published date in the front matter which my previous method did not unless you added that manually.

In order to publish on DEV, you'll need to change the value of published to true in the front matter of the post. Of note: the DEV publication date will not be the original publication date.

Found Issues

Embeds

Hashnode and DEV have different syntax for embedding things like YouTube videos and GIFs in the posts, so you'll want to take note of that and address accordingly.

Here's Hashnode's Markdown Guide.

Here's DEV's Editing Guide.

Code Blocks

Also, I noticed a weird quirk in code blocks imported via RSS. In Hashnode (on the left below), I've declared the language of the code block, but in the DEV RSS import (on the right), that's missing. In order for the code blocks to be pretty and color-coded the way we like them, that has to be manually added to each block.

Cover Images

The cover image doesn't come over either. For some reason, you can't simply upload it to DEV. If there's a way to do this, please let me know. Instead, you'll need to add a cover_img: value pointing to your image in the front matter.

You can open the cover image in a new tab from Hashnode to grab the url and plug it in.

Img in new tab: open img in new tab

copy url: copy img address

add to DEV front matter: put img address in front matter

(No, the upload image section in the screenshot above is not for the cover image. That's just DEV's regular place where you can upload an image for the markdown text and it'll give you the markdown to paste.)

Do you cross-post content? How do you reduce the amount of repeat copy/paste type work? Did you find this helpful? Please let me know below in the comments, and re-share on Twitter or your preferred platform!

I'm growing my developer content portfolio, and am grateful for any additional exposure! 😀

You can find me on Twitter; I'd love to say hey!

Have a great one!

https://media.giphy.com/media/KJ1f5iTl4Oo7u/giphy.gif

Re-Syndicate Hashnode to DEV the Easy Way

Comments

Re-Syndicate Hashnode Blog To DEV

Re-Publishing Hashnode Articles to DEV with GitHub Actions

More from this blog

How to Make a Lightbox in a Google Sheet

6 Ways to number in Excel

Google Sheets Tutorial – How to Enable Multiple Selection Data Validation Using Apps Script

Excel Tutorial – How to Clean Data with the TRIM() and CLEAN() Functions

Accounting Number Format in Excel – How to Apply it to Selected Cells

GitHub Actions = Still Cool, But...

Use RSS

Thanks, Andy!

Publish on DEV