My Blog Configuration

Here is the changes made to my blog

I’ll be updating this post, to record all the modifications made to this blog like configuration, appearance, and so on.

Main configuration

Comments

I use Staticman v2 for comments

reCaptcha

Register your domain at Google reCAPTCHA and choose reCAPTCHA V2 (v3 is not supported) and convert the secret using Staticman v2 API for more information refer STATICMAN ENCRYPTION

Analytics

It helps to track blog views and visitors, you can register at Google Analytics

FilePath\Name: _config.yml

Modifications Additions Comments
minimal_mistakes_skin : “dark”
title : “THEWHATNOTE | Inscrible Like never”
name : “Harish Munagapati”
description : “Incribe Like Never”
url : https://thewhatnote.github.io
repository : thewhatnote/thewhatnote.github.io		   To display pipe | here in the table, used backslash \ like this '\|' in front of a pipe
comments:
     provider : “staticman_v2”
staticman:
     branch: “master”
     endpoint : “https://staticman-twn.herokuapp.com/v2/entry/”		    
reCaptcha:
     siteKey : Refer Google reCAPTCHA admin console
     secret : Refer Google reCAPTCHA admin console		    
analytics:
     provider : “google”
     google :
        tracking_id : “UA-142176658-1”		    
author:
     name : “Harish Munagapati”
     avatar : “img/MyPics/Bio-Photo.jpeg”
     bio : “I never thought I’ll write code in my life, but today I’m..!”
     location : “Hyderabad,India”
     email : “harish@thewhatnote.com”
     links:
         - lable : “Website”
           url : “https://thewhatnote.com”
         - lable : “GitHub”
           url : “https://github.com/thewhatnote”



links:
    - lable : “Linkedin”
       url: “https://www.linkedin.com/in/hmunagapati/”		  
footer:
         - lable : “GitHub”
           url : “https://github.com/thewhatnote”
         - lable : “Linkedin”
           url: “https://www.linkedin.com/in/hmunagapati/”		    

Appearance changes

Avatar

To appear profile pic (Avatar) a little bigger, changed _sidebar.scss_ here is the respective commit 1 commit 2 . This changes matched the length of my full name. It looks good :smile:

FilePath\Name: _sass/minimal-mistakes/_sidebar.scss

Modifications Additions Comments
.author__avatar
img
    max-width: 200px;
    border-radius: 5%;		    

Posts : Wide

I use Class:wide with layout: single to make my posts look wide like this post.

Readme.md

In the future, I want to rename this post as Readme.md as I’ll update it with complete information about my blog.

Development environment for the blog

I found these wonderful articles to setup a development environment in Linux by Chad Downey and in Windows by Xiang ZHU

Tricks

  1. To open URL in new browser window [link](url){:target="_blank"}
  2. To add a space &nbsp
  3. For a new line <br>

LIST OF TASKS

  • Re-deploy blog to fix the issues with comments [20-May-2020]
  • Organise images “img” folder
  • Setup local environment for development [23-May-2020]
  • Add calander for tasks and events
  • Enable posted date in “Single” layout