We will show two ways to customize our blog: one superficial, changing only the stylesheet, and a deeper one, changing all the page's markup.
For the stylesheet changes, we are using the http://bootswatch.com/ free Bootstrap themes.
The bootstrap framework is very flexible for this; we will use a theme called the superhero.
Go to the http://bootswatch.com/superhero/_variables.scss URL.
Copy the page content.
Inside public/styles/boostrap/bootstrap, create a new file called _theme_variables.scss and paste the code copied from the Bootswatch page.
Open public/styles/bootstrap/_bootstrap.scss and replace the following lines:
// Core variables and mixins @import "bootstrap/_theme_variables"; @import "bootstrap/mixins";
Now we will repeat steps 1 and 2, but now with a different URL.
Go to the http://bootswatch.com/superhero/_bootswatch.scss URL.
Copy the page content.
Create a file called _bootswatch.scss in: public/styles/bootstrap and paste the...