Polyglot Tech Blog

An 11ty starter project for multilingual personal pages and blogs:

• Powered by 11ty static site generator
• Styling:
  • Supports SASS
  • Includes Chota micro CSS framework
  • Easy to include any other CSS library
  • Easy to skin
• Light and dark modes, with default to user's preferred scheme
• Multilingual, including RSS feeds (that's why it's called "polyglot" 😉)
• Syntax highlight with Prism and 11ty Syntax Highlighting Plugin (that's why it's called "tech" 😉)
• Support posts and tags (that's why it's called "blog" 😉)

Usage

1. If not already done, install Node.js
2. Clone the repository with git clone https://gitlab.com/florent_tassy/polyglot-tech-blog.git or download and unzip the repository content
3. Install dependencies: npm ci
4. Start development server: npm run dev
5. Visit http://localhost:8080 to see your work-in-progress
6. Do your things and see your changes instantly!
7. When your projet is ready, deploy easily on GitHub Pages, GitLab Pages, Netlify or manually.

Check the code

Here are some random page checks with well known tools.

RSS feeds with W3C Feed Validation Service

English RSS feed
French RSS feed

i18n with W3C Internationalization Checker

English blog page
French home page

Semantic web with Schema.org validator

English "about" page
French "add language" post

Credits

Beside the above-mentionned dependencies, this project uses:

• A code base derived from Nikita Zanella's 11ty-SASS starter
• Icons from https://jam-icons.com/ and https://simpleicons.org/ found on icongram
• A logo derived from inipagi's one and found on Icon finder
• A profile picture derived from Open Clipart

Enjoy!