3 ms·
My personal approach might be too simplistic for some, but this is what I did for my webpage, though I already had some HTML & CSS experience: >No website gene
by Funes- 4y ago
My personal approach might be too simplistic for some, but this is what I did for my webpage, though I already had some HTML & CSS experience:
>No website generators, no frameworks, no nothing (not even JavaScript)
>Just design the site on the go through some trial and error using vim, CSS and HTML documentation always at hand
>A single .css file to style the entire website--I even threw in some cool animations, which took a while to get right, admittedly
>Publish it through GitHub Pages in under five minutes
>If I want to upload a new blog post, for instance, I just make a copy of an existing one and manually edit the content, then push it through git after I've edited the blog index accordingly
Reading terms like "static site generator", "content management system", "templates", "analytics" or "deployment" gives me an instant headache, especially since it's so easy to open your favorite text editor and design your own website by hand, so to speak. I've self-hosted eepsites, gemini capsules and many other sites this way and the process wasn't remotely as contrived as some approaches I've seen out there for publishing a personal blog
- pineconebutt 4y ago
- carlineng 4y agoI really like the John Doe template. Everything is in one HTML file and one CSS file: https://github.com/cadars/john-doe/ 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.”
- Funes- 4y agoI had a feeling that this could be made, and even thought about attempting it myself, but wouldn't this make every visitor load everything on the site at once, even if they don't want to? Or is it only loaded if it is actually displayed? Perhaps browsers have become more efficient at this and do it right off the bat now, but I think it wasn't the case a bunch of years back.
- carlineng 4y ago<img> tags use the loading="lazy" property which doesn't actually load the image until it's displayed. Everything else is just text, which is super tiny. https://github.com/cadars/john-doe/blob/4f5a3eafecbdffa9d34fc7d5b238df6defe16861/index.html#L50 https://github.com/cadars/john-doe/blob/4f5a3eafecbdffa9d34f...
- Funes- 4y agoI didn't know about that attribute, thanks. I wonder if there's a way to make "lazy" its default value, instead of "eager"... I guess not without JS. P. S. It seems that Safari isn't compatible with the attribute by default, but it can be enabled through its settings.
- jherazob 4y agoYeah, this author is definitely my people
- jlg23 4y ago> Reading terms like "static site generator", "content management system", "templates", "analytics" or "deployment" gives me an instant headache, Only until you want to automate some of the tasks you do manually and, after a night of hacking, end up with a "static site generator", or, if you want something more dynamic, a "content management system". But at that point, you'll probably still not want to look into existing solutions because learning all the necessary details of product $x is often more time consuming than a straightforward implementation that solves exactly your and not someone else's problems.
- ckhung 4y agoI 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 https://github.com/casualwriter/casual-markdown-page https://github.com/casualwriter/casual-markdown-blog https://github.com/casualwriter/casual-markdown-blog https://github.com/casualwriter/casual-markdown-cv https://github.com/casualwriter/casual-markdown-cv