Sync Your Utopian Posts Onto Your Website
Repository
https://github.com/ajayyy/NewSite
Utopian blog posts on your own site!
This is able to sync your Utopian.io posts to your own site (or other posts if you wish), and works with just static HTML, CSS, JS, so it will work with GitHub pages. It also adds syntax highlighting, which busy.org and steemit currently do not have.
You also can make certain posts not appear there. For example, I hid task requests.
Why is this made
I wanted some way to publish my Utopian posts to more people, so I decided to have the posts synced on to my own site.
Technology Stack
This uses plain Javascript with steemjs to pull from steem, highlight.js to do syntax highlighting, and markdown-it to convert the markdown to HTML.
Key Commits
https://github.com/ajayyy/NewSite/commit/4f52dff15211347c69fa53f6aeeac13319353c99
https://github.com/ajayyy/NewSite/commit/a554c0ab0c20fdd41e3073679a5145ef62ad9e77
https://github.com/ajayyy/NewSite/commit/7d3b32ff67f067d3f1aef080ef54eb7a4dae4565
https://github.com/ajayyy/NewSite/commit/78c42845ee4b8723bb900310af49af2c5b44cbd8
Full Commits: https://github.com/ajayyy/NewSite/commits/master
Live Site: https://ajay.app and https://ajay.app/blog.html (there is a link at the bottom of the main page to blog.html as shown in the gif)
How to use yourself
If you want just the list of blog posts, you only need to download blog.html, blog.js, and styles.css. The, change the username variable to your username and adjust the blacklist to your need.
If you also want the latest post to show, you will need index.html and latestPost.js. You can then adjust the username variable in there, and remove all of my custom site stuff (like links to my social media and email)
Thank you for your contribution. Though its good to use this type of site, there are quite a few things already exists like this like a Steemit Wordpress Plugin and getting it setup on anyone's website is not hard.
Though I would like to point out one think that don't hard code values like, and use some constant.
if(result[i].category === 'utopian-io' && result[i].author === "ajayyy")
Your contribution has been evaluated according to Utopian policies and guidelines, as well as a predefined set of questions pertaining to the category.
To view those questions and the relevant answers related to your post, click here.
Need help? Write a ticket on https://support.utopian.io/.
Chat with us on Discord.
[utopian-moderator]
The difference between this and a wordpress plugin is that a wordpress plugin requires you to host a wordpress server, whereas this works with any static web hosting software, like GitHub pages.
Hey @ajayyy
Thanks for contributing on Utopian.
We’re already looking forward to your next contribution!
Want to chat? Join us on Discord https://discord.gg/h52nFrV.
Vote for Utopian Witness!
Congratulations @ajayyy! You have completed the following achievement on Steemit and have been rewarded with new badge(s) :
Click on the badge to view your Board of Honor.
If you no longer want to receive notifications, reply to this comment with the word
STOP
Do not miss the last post from @steemitboard:
SteemitBoard World Cup Contest - Croatia vs England
Participate in the SteemitBoard World Cup Contest!
Collect World Cup badges and win free SBD
Support the Gold Sponsors of the contest: @good-karma and @lukestokes
STOP
Notifications have been disabled. Sorry if I bothered you.
To reactivate notifications, drop me a comment with the word
NOTIFY