Welcome to part-4 of the series.
It’s an amazing service and i created the site in less than an hour. But as with most things which automate things, one of the major drawback is that my posts are exact replica of dev.to posts and cannot be edited.
I need to do some minor changes to the site, which i will discuss further and then will try to do it. It is not possible for me to change from Stackbit now, as my site gets 1k visitors per month and also i had manually updated the site canonical links(130 blogs till date) to medium and dev. You can find how i did that in part-3 here.
My next blog project with gatsby will be created with markdown(md) or markdown with jsx(mdx) and stored in github and that is my advice to most people.
There are four things which i need to change in my blog and they are -
Adding disqus plugin to my blog, so that people can add comment and likes
Adding some advertisement to the home page. (Not anywhere else as i also don’t like more ads)
Adding more social links to the homepage.
Change my picture in the home page.
Change the favicon of the site.
I was searching for a way to add disqus plugin in the code, but found a way to add social links to home page.
It is pointing to the data file, so i had gone ahead and updated more links in my social.json file.
In my local development server the changes were not reflecting so i had to restart the gatsby develop.
Next, after doing some research i am installing the discuss plugin now as per documentation inside by project directory
npm install -S gatsby-plugin-disqus
We need to register to disqus and get the website shortname. You can get it from below screen.
Next, it’s time to add it in gatsby-config.js
Next, it’s time to add CommentCount and Disqus before and after your content.
It have started now to show in localhost.
Next, it’s time to push to github so it does the automatic deployment to netlify. After the deployment it looks awesome and my site now have comment and like section.
So, please go ahead and start showing your love at https://nabendu.blog/
You can find the code till this at my github repo here.
This completes part-4. In the next part i will add Advertisement and some other minor changes.