A terminal-style personal essays website
Edit script.js and update the config object with your information:
username: Your GitHub username or preferred handlehost: Usually 'github'title: Your site title (e.g., "Essays by Your Name")subtitle: A brief description of your essaysreadme: An array of lines describing your worklinks: Your social media and contact linksessays: Array of your essay objects (see below)
In script.js, add essays to the essays array in this format:
essays: [
{ title: 'My First Essay', slug: 'first-essay', date: '2025-01' },
{ title: 'My Second Essay', slug: 'second-essay', date: '2025-02' }
]title: The display title of your essayslug: URL-friendly identifier (used in links)date: Publication date in YYYY-MM format
Edit styles.css to adjust colors, fonts, or layout:
- Terminal colors:
#d946ef(pink),#8b5cf6(purple) - Background:
#fcfcfc - Text:
#333
- Create a new GitHub repository (name it
yourusername.github.iofor a user site, or any name for a project site) - Push these files to your repository
- Go to Settings → Pages
- Select your source branch (usually
main) - Your site will be live at
https://yourusername.github.io/(orhttps://yourusername.github.io/repository-name/)
For each essay, create an HTML file at essays/[slug]/index.html or use a static site generator like Jekyll to generate pages from Markdown files.
.
├── index.html # Main page
├── styles.css # Styling
├── script.js # Configuration and logic
└── README.md # This file
- Write your essay (in Markdown or HTML)
- Add it to the
essaysarray inscript.js - Create the essay page file
- Commit and push to GitHub
- Share on LinkedIn!
Feel free to use and modify this template for your own essays.