Blog

This repo contains the source code for my personal blog. You can view it here. Built with 11ty and hosted on Netlify.

Building this site

1. Clone this repository to your local machine: git clone git@github.com:manojkarthick/blog.git
2. Install nodejs v12.18.3. Follow the instructions here to install a specific version using fnm
3. Install dependencies for this project: npm install
4. Run the following command to build the site: npm run build
5. Serve the site on a local webserver: npm run serve
6. Open http://localhost:8080 to view the home page

Deployment

1. Install the Netlify CLI
   • You can install it globally using npm: npm install -g netlify-cli
   • If you prefer to use nix, you can install by running: nix-env -iA netlify-cli
2. Logon to Netlify using netlify login. This will also create an access token if you don't have one already
3. Run netlify dev to see if the website builds properly on your local machine
4. Run netlify deploy to manually deploy the site from the CLI.
5. Follow the steps listed here if you want to set up automatic deployments on git push

TODO

• Search engine optimization
• Minify Javascript
• Add social media sharing configuration
• Dark Mode
• Improve a11y
• Non-overlapping tap targets
• Center align images
• Different link colors
• Previous/Next articles aligned on either side
• Previous/Next articles with left/right arrows
• Images/Icons/SVG for Twitter, Github, LinkedIn links
• Space between underline
• Night mode button

Archive

To access the old version of this blog, please visit manojkarthick.github.io.