How to Build a Personal Webpage from Scratch (In 2022)

1. perfectmotherfuckingwebsite

   1 47 267 2.7 HTML

   🖕 And it’s really more fucking perfect than the last guy’s.

   

   When discussing points such as yours, I always bring up https://motherfuckingwebsite.com/ (which I like very much), http://bettermotherfuckingwebsite.com/ (which I like less) and https://thebestmotherfucking.website/ (which I like more than the second, but still less than the first). There is also https://perfectmotherfuckingwebsite.com/ but I do not remember where it fits chronologically.

   There are so many, so many sites that would be perfect with just basic HTML and maybe some CSS

2. CodeRabbit

   coderabbit.ai featured

   CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.

   

3. eleventy 🕚⚡️

   2 260 17,801 9.6 JavaScript

   A simpler site generator. Transforms a directory of templates (of varying types) into HTML.

   

   Check out Eleventy[0]. It’s my static site generator of choice. It’s pretty simple to pick up, high HIGH use case ceiling, and delightfully quick. Works with a bunch of different templating languages, too.

   [0] https://www.11ty.dev/

4. classless-css

   3 39 2,048 7.2 HTML

   A list of classless CSS themes/frameworks with screenshots

   

   Skip the CSS bit and use classless CSS framework: https://github.com/dbohdan/classless-css

   I have used water.css, simple.css and Tufte.css and all of them are great.

5. validator

   4 4 1,760 7.2 Java

   Nu Html Checker – Helps you catch problems in your HTML/CSS/SVG (by validator)

   

6. zim-desktop-wiki

   5 171 2,006 9.1 Python

   Main repository of the zim desktop wiki project

   

   Wonder no more, you 100% do not.

   I use http://zim-wiki.org + a customized template.

   http://jrm4.com is it.

7. john-doe

   6 13 509 0.0 HTML

   A simple way to make HTML websites

   I really like the John Doe template. Everything is in one HTML file and one CSS file: https://github.com/cadars/john-doe/

   From the readme: “This setup is databaseless, javascriptless, and buildshit-free, so you can edit your website with a text editor and upload it somewhere like a normal person.”

8. duckduckgo-locales

   7 2,212 98 9.8 Perl

   Translation files for <a href="https://duckduckgo.com"> </a>

   

9. SaaSHub

   www.saashub.com featured

   SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

   

10. docsify

    8 30 29,012 8.0 JavaScript

    🃏 A magical documentation site generator.

    

    Big fan of https://docsify.js.org since theres no need to compile your static site. A small amount of js just renders markdown.

11. casual-markdown-page

    9 13 262 0.0 HTML

    Markdown as Web Page/Site

    I recently work on this approch. No website generators, no frameworks, no nothing (just a little JavaScript) to publish web page/site on github.

    please refer to the repo if interested.

    https://github.com/casualwriter/casual-markdown-page

12. casual-markdown-blog

    10 10 49 0.0 HTML

    Markdown-as-blog: Build blog site by markdown files.

13. casual-markdown-cv

    11 10 108 4.5 HTML

    markdown resume and other templates

    

Suggest a related project