Personal Blog Template

Personal Blog Template is a HTML/ CSS template including hero, works and blog sections prepared by using Sass/SCSS and LiquidJS.

Pages

• Homepage
• Blog List
• Work List
• Blog Detail

Demo website

Project Structure

css/main.css file is created from main.scss file which is inside the scss folder. main.scss file is used to import the other scss files. CSS codes of the pages are included in the scss/pages folder. CSS codes of the header and footer are included in the scss/global folder. CSS codes of the common components of the website are included in the scss/components.

LiquidJS is used as a template engine. Files of the template are in the views folder. Files in the views/pages folder are extended from the file called views/master.liquid. HTML codes of the common components of the website are included in the views/components which is in the views folder.

Installation

git clone https://github.com/hey-fk/personal-blog-template
cd personal-blog-template
npm install or yarn install

Start the server

gulp

Now enter localhost:3000 in the address bar of your browser.

Dist Folder

gulp dist

Production files will be prepared in /dist folder.

Deploy Vercel

Build Command

gulp dist

Output Directory

dist

Contributing

Did you found a bug or got an idea for a new feature? Feel free to use the issue tracker to let me know. Or make directly a pull request.

Credits

Design: Portfolio UI - Web & Mobile by Tinjo Thomas

License

This template is released under the MIT License.