KrittIT Blog Setup Part 2

Previously

In the last part we got the initial project setup and customized the look of it. Now it's time to customize the content of it.

Site Settings and Info

In the root of your project directory you should see a directory called global. Inside there is a file called site-settings-and-info.js. Open it with your text editor and let's get started. We will go over each setting, covering both what it does and how to configure it.

seriesOn

This will enable you to group relative posts together in a specific order. It will add the series link to the navigation as well as pagination to all series posts as long as they are numbered in order without skipping any numbers.

Give this either a true or false value, true for on false for off.

contactFormOn

This will enable a contact form on the contact page(we will cover how to properly set up the contact form in a later post). If it is off then your social media links will be displayed instead.

Give this either a true or false value, true for on false for off.

logo

With this you can specify your logo image along with the alt text for the image. Or choose to not have an image and to just use the alt text for your logo.

You can configure as shown below.

aboutInfo

This is the text that will be displayed on the home page next to the about image. Simply replace the string with your own.

contactStatement

This is the text that will be on the contact page. Simply replace the string with your own.

filters

Here you will set up filters that can be used on the posts page to only show posts that have these filter keys applied in their md file. If you put a filter, and you don't have any posts with filterKeys applied to it, then when it is clicked no post will show.

You configure it by typing a word between the square brackets, surrounded by single quotes, with a coma separating each filter like so.

export const filters = ['JavaScript', 'PHP', 'NextJS']

social

Here you can specify your social media links. When configured the links with the icons will appear in the footer as well as in place of the contact form, if you chose to not have the contact form.

By default, only the ones you see listed are supported. I will go in depth how to change this in a future post.

You can configure this part by simply placing your full social media url between the single quotes, next to the appropriate vendor.

github: 'https://github.com/40chalk',

metaData

Here is where you will specify your blog title and descriptions for each of the main pages. This is for SEO and will appear in google searches as the description for the site.

Side note, all of your posts pages will have a meta description set to the title, exceprt and filterKeys.

You can configure this part by placing the appropriate text between the single quotes of the corresponding pages.

homePage: 'This is a home page',