-
Create a custom search ID in Google custom search. And set the
cseIdvalue ingatsby-config.js:cseId: `{Custom Search ID}` -
Add the website in Disqus. And set the
disqusShortnamevalue ingatsby-config.js:disqusShortname: `{Disqus Shortname}` -
Create a new list in Mailchimp and add the
mailchimpEndpointingatsby-config.jsmailchimpEndpoint: `Mailchimp Endpoint` -
Add the website in Google analytics and set the tracking ID in
gatsby-config.js{ resolve: `gatsby-plugin-google-analytics`, options: { trackingId: "{Google Analytics Tracking ID}", }, }
-
Run development server.
Navigate into the site’s directory and start it up.
cd ulaar/ gatsby developThe site will run at
http://localhost:8000! -
Open the source code and start editing!
All the blog's content is inside
src/contentdirectory. To create a new blog post, create a new file and start writing content. Make sure to add the post metadata on top of the file inside---lines. Check out other blog posts to find out what metadata to add. -
Push new blog to the site
Once you're done editing the post, push it to the github repository:
git add . git commit -m "New blog post" git push origin master -
Publish blog to the live website through netlify
Netlify should automatically build the site but won't publish it if
Auto deployis not turned on. Go to https://app.netlify.com - OpenDeploystab - ClickStart auto publishingto turn on Auto deploy.From next time onwards, netlify will automatically publish the new changes to the live website after
git push.