How To Setup Personal Blog Page

Want to setup personal blog page like this?

Copy template

• Go to this repo
  🔗 https://github.com/cotes2020/chirpy-starter

• Click on Use this template button and then Create a new repository
• Give the repo name as <your_github_username>.github.io

Run it locally

• Clone the repo
• Install Ruby on your machine and verify using this code

    ruby --v
  

• Open the repo directory in terminal and run the code to install the dependencies

    bundle
  

• Run the website locally for testing

    bundle exec jekyll serve
  

Update the blog profile

• Open _config.yml file in any code editor

    .
    ├── _config.yml <------- this file
    ├── _data
    ├── _plugins
    ├── _posts
    ├── _site
    ├── _tabs
    ├── assets
    ├── Gemfile
    ├── Gemfile.lock
    ├── index.html
    ├── LICENSE
    ├── README.md
    └── tools
  

• Change the title, tagline, description, and your social usernames
• Set url as

    https://<your_github_username>.github.io
  

• Push the updates to Github

Add your first blog

• Create new markdown file inside _posts directory

    .
    ├── _config.yml 
    ├── _data
    ├── _plugins
    ├── _posts <------- this directory
    ├── _site
    ├── _tabs
    ├── assets
    ├── Gemfile
    ├── Gemfile.lock
    ├── index.html
    ├── LICENSE
    ├── README.md
    └── tools
  

• file name should be in this format

    <YYYY-MM-DD>.your_blog_title.md
  

• Open the file in editor (like vscode) and these two lines at the top

    ---
    categories: [Your, Categories]
    tags: [tags, related, to, your, blog]
    ---
  

• Then add rest of the content as write a markdown file
• Preview the blog post locally using this command

    bundle exec jekyll serve
  

• Commit the changes and push updates on Github
• Check your live website on

    https://<github_username>.github.io