I have decided to start working on a personal website of my own. For inspiration, I would love to see what the Lobsters community has come up with!
I’d also like to hear about any interesting decisions you had to make regarding the technology stack that your site is using.
Fantastic!! A personal website is a great way to own your identity online and take back your web experience from the big social media silos. So I’m really pleased when I see people making websites!
Mine’s pretty minimal, which is how I like it. :-)
https://dn.ht
It’s a bit of info about me and some of my projects/writing. One thing I’m really happy with is my photography journal: https://dn.ht/journal/
Hosted on S3 with cloudfront, so it only costs a few cents a month to host.
I keep the tooling really light so that it’s easy to maintain. Most pages are hand written HTML and CSS.
I’ve found that it’s really easy to procrastinate on tooling and tech stack. Starting with almost no tech helps me get-on-with-it. My advice is “just start”.
The photo journal is statically generated using an ERB template and a makefile. It generates html from a directory full of photos exported out of Adobe lightroom. It’s a tiny bit awkward sometimes, but it fits in really well with my personal photography workflow.
My design aesthetic is quite minimal. For example, my photo journal I was really annoyed with how images on instagram are small and heavily compressed—so I wanted to have something where people can see my photos in large size / high-res.
I’m using a monospace font called ISO, which was originally designed for the website exif.co so it’s got a vintage camera feel but fits in with my programming interests too.
A lot of beautiful photos in that journal.
That’s what I came to say too. The photos are amazing.
Thank you very much! 😊
I really like your photo journal idea!
It actually looks much better in practice than I’ve imagined as I’ve been struggling with photo journal in my own blog - the biggest challenge being how to structure everything so it would be accessible and beautiful. However it turns out that just dumping everything can be quite sexy!
If you’re interested in my approach I’ve decided to simply redirect to Pixelfed which has a great profile page design. The thumbnails are rather small compared to what you want but it doesn’t crop or compress anything!
Oh yeah pixelfed looks like a great insta alternative. Something I’d be keen to work out is how to allow folks to subscribe to my journal. One of the downsides of being independent is it’s hard to fit in with the social media sites people use. Is rss still the way to do it? Or can I somehow integrate into the mastodon/pixelfed fediverse..?
Pixelfed does support rss and federation. Probably some other sub methods too!
Picklecat is great!
Oh my gosh picklecat!
https://christine.website - It’s not a static site though people can think it is.
The aesthetics of https://christine.website/ are some of the most pleasing I have ever seen on a personal website. I found @cadey’s blog a while ago when V is for Vaporware blew up on Reddit and lobste.rs. I was absolutely stunned by how nice website is on the eyes and I wish that more sites/blogs would adopt this kind of styling.
If you want to adopt a styling similar to my own, use this: https://github.com/Xe/gruvbox-css. Examples here, here, and here.
Aaah, I knew I’d seen this theme somewhere! I use it in Neovim. Awesome!
Not to be mean, but isn’t there a Hugo theme that looks rather alike?
Probably? I don’t mind though.
Ah, misread @ashn’s comment as saying something else – what I can’t remember. But the main pleroma developer’s blog is what I meant.
Yeah, we both use hack.css.
Definitely the approach I’d take if building a blog or personal site. Build a site, not a static site generator.
The site itself looks great too.
What are you using, it it’s not a static site?
A simple webserver in Go that slings HTML: https://github.com/Xe/site
Dig the aesthetic. I have found something to hack on this weekend :)
https://github.com/Xe/gruvbox-css :D
One tip I can give you, is to not focus too much on the tech stack, but focus on your content. If your goal is to, inform people with posts about BSD (example), then make sure you write and publish, instead of making the best tech stack and not publish. If your goal is to tinker and learn webtech, then write at least a little, on that best web stack you setup ;)
Here’s my website: https://raymii.org, also available via Gopher. I’ve written an article with screenshots of all the previous layouts: https://raymii.org/s/blog/Site_updates_new_layout_for_overview_pages.html
https://tilde.team/~stilbruch/index.html - everything is static and (mostly) done by hand. someday I’ll write something to convert it to gopher
I love the color-schemes, how do you pick them?
Oh, the whole tildeverse is crazy fun in that regard. Check out some of the examples on tilde.town.
https://burntsushi.net
git repo: https://github.com/BurntSushi/blog
I use hugo as a static site generator. I try to keep things pretty simple. With that said, hugo has grown into an absolutely behemoth piece of software such that it has become extremely difficult for me to figure out how to do anything with it that I don’t already know how to do. For example, when I went to update my blog last—I hadn’t done it in a while—hugo choked and emitted an effectively blank index page. Something about how hugo interpreted by index template broke, and I still don’t understand the fix I made. (Which only came after aimlessly googling and reading its docs.)
If you just want a blog without any comments or other dynamic content, then a good static site generator is a good way to go. But stay away from hugo. I’m already shopping for alternatives. What I really want is the ability to write blog posts in Markdown which include syntax highlighted source code that is checked by a compiler while maintaining a single source of truth. I have half a mind just to write my own purpose built for my blog.
I have similar feelings about Hugo. Started using it 2-3 years ago after switching from Jekyll for speed and simplicity.
I only create a post once in a blue moon. I probably update my theme more often, but each time I do either of those things, I have to re-read a lot of documentation to figure out the current state of Hugo.
I really like your blog. Was just looking into xgb today and read through https://blog.burntsushi.net/thread-safety-x-go-binding/.
Thanks!
https://thomask.sdf.org/ - A jekyll blog. The most interesting thing about it is the bizarre comment system by Matt Palmer that I hacked in recently. SDF lets me use PHP and
mail()
… so instead of dynamic storage on the web server, each comment is turned into a key-value blob which is emailed to me, and then I “approve” the comment by copy-pasting the blob into a file under_comments
and rebuilding. It’s so janky and I love it.Also if you use jeykll make sure you pick a time zone and stick with it, or your theoretically permanent URLs will shift dates.
With each comment being mailed to you, How are you holding out against spam? I would assume there’s at least a little bit of it?
I was getting quite a lot after a while. I recently added a simple bespoke human-test question that has worked so far - time will tell. I read a suggestion that email spam filters are perfect for this because the content in a spam comment is very similar to the content in a spam email. In reality I’ve merely trained one of my email providers to distrust another of my email providers. Not the win I was hoping for.
Akismet is REALLY good at keeping spam out of my comments section. Yes, I’m running the ULTIMATE EVIL - Wordpress, but man it’s good to not have this problem at all :)
Nothing wrong with Wordpress! Static generators and the like are neat but if a WP blog with a default theme is somebody’s preferred route to self-publishing then more power to them.
Thank you that’s exactly the way I feel. Sometimes I find myself willing to make technical trade-offs for pragmatic reasons.
Wordpress is a big, hulking, drooling body of PHP code to be sure, but the user experience from where I sit is superb.
https://zacs.site - All static, built with my own custom CMS.
Not what you’re looking for, but my website is http://www.malsmith.net/ . Since its main function is to provide software downloads that run on old systems, the site itself is also designed to work on old systems. I’ll probably still want it to work with IE6 essentially forever. (My next site will be gopher.)
Your site background is identical to Leslie Lamport’s and it’s blowing my damn mind
that color blows your mind?
that yellow used to be the gold standard: https://web.archive.org/web/19990428222304/http://www.useit.com/
https://duncan.bayne.id.au/
gopher://eyeblea.ch:70/1/~duncanb
The website is a pretty straightforward static site. Built with Jekyll, served out of S3 through CloudFront, and with the bare minimum of styling necessary to work cleanly on mobile and desktop.
The Gopher hole is … less straightforward :) It’s my personal place on an experiment to see if I can drive adoption of Gopher and (system-local) mail, Usenet, and IRC as an alternative to conventional social media here in Melbourne (Australia).
I’m always happy to stumble on new gopher holes. We’ve got a decent number of aussie gopherites hanging out with us in the tildeverse and on SDF. Come by IRC sometimes and connect with us in #gopher.
https://utf9k.net - I’ve gone through a bunch of iterations and kinda gave up haha. It’s currently a Hugo static site using the
hello-friend
theme that a few other Lobsters users have I thinkAt one point, it was a Django site with a backend worker that would build a stats page showing music, movies, books and games I’d been recently consuming and so on but nowadays, I’m trying to focus on just writing stuff without the frills
www.hillelwayne.com. It’s where I post most of my essays on software and math and stuff. Backend is Hugo with the minimo theme, running it off s3. The only real interesting technical things are
TK
in them. Helped me out a whole lot :3Sounds like Pollen might be a worth a look, but it’s probably too much overhead to switch.
There’s not much to it, but I like to keep it minimal: https://bejarano.io
Minimal here, too: https://soc.me
(Largely articles on language design.)
Love your website. The keyboard section is really cool (and the XDG migration status too).
Thanks!
I third your minimalism: https://awalgarg.me.
I like yours
I love the style, reminds me of good old https://notes.torrez.org/ - a blog design I was always jealous of.
I like the design - clean and straightforward. At least on mobile. Also the way you organized your sites is also efficient, I think.
Thanks!
This is beautiful!
Thanks!
http://chirag.io – nothing special. using P5 for the animation. the css is from scratch, and not totally well done. There is a booklist, chirag.io/booklist.html, and it’s not styled at all.
https://joshleeb.com - some old blog posts and a really outdated ‘about me’ section
https://jameslittle.me.
It’s a Jekyll site hosted on Netlify. Soon it’ll be a Nuxt site hosted on Netlify. I feel like everyone found this out a while ago but I’m shocked by how natural it feels to write a site using a component-based architecture – now the default CSS paradigm of having a single, flat, global namespace feels so awkward.
I have a few at the moment.
The main ones that are publicly visible are:
All of these sites (and a few more that are less public) are hosted behind an Nginx instance on a Ramnode VPS. I use namecheap for DNS.
The one thing I will say, is that my setup, while highly customized, took a lot of work, and has been put together over quite a few years.
If you want a simple blog or portfolio site, I’d start with some form of static site generator, maybe even one you write of your own. Anything beyond that, and you have to start learning some sort of either web programming, system admin, or both (in my case), which can be a handy skillset, but is more work to get going than a website strictly needs
[Comment removed by author]
https://www.amoradi.org
Jekyll static site. I have to do something about the photography section: make it a nice gallery of some sorts, but I haven’t looked around for a nice javascript-less static gallery yet. Suggestions welcome!
http://blog.arh68.mailc.net/ hosted right on FastMail (no shame!). Hugo with a Pure CSS Hugo theme. Almost all inlined (except MathJax), pages usually under 14kB. I still kinda miss the Tufte CSS styling I threw out (looks vs speed).
No shame at all! Fastmail is great, I switched to them from GMail a year ago and my Email life improved 900% :)
How does that work? Never heard of FastMail providing hosting :)
Comes with your Fastmail account. Right in the same web UI where you can read your mail, you can set up a site, https by default. Pretty nice. Haven’t leveraged it yet myself but plan to for various experiments.
If you use OS X, you can mount the WebDAV/whatever directly into
/Volumes
and then Irsync
it. You can upload through the web UI, too, but I’drsync
it. The “squeaky wheel” in my stack is Hugo, if anything.https://icyphox.sh – I mostly just blog here, and maintain a reading list at /reading.
Fully static, built using my custom static site generator – vite.
https://softwaremaniacs.org/
You can see it’s a personal size by my huge photograph :-) It used to host a few useful things a decade ago, but now it only holds a landing page where people can understand who I am, and also a half-dead blog to remind me I need to get back to blogging more :-)
On the back end it’s a Python/Django app which I tweak from time to time whenever I feel like it. Thanks to that I have a non-intrusive bilinguality on my blog and a simple comment system, so I don’t have to outsource it to some data-sucking unicorn or whatever. All HTML, CSS and JS are hand-written.
https://www.ashn.dev/ - I just started blogging so it has only one real blog post and a pretty empty home page, but it is mine and I love it. Static site, super minimal (looks good in Opera Mini), built from scratch with sweat and care.
https://olegk.dev - simple Hugo generated web-site. Hosted no Github + Cloudflare DNS
https://github.com/cristaloleg/cristaloleg.github.io
Nice. I use the same hugo theme as you on mine :)
https://shalabh.com/
Statically generated site with some embedded comments. I also have a page about the tech https://shalabh.com/pages/site-tech.html
https://peterlyons.com It’s a static site generated with zola
My personal website is http://www.lord-enki.net
It’s less light-weight than I would like. As a policy, I think CMSes & non-static sites in general are a mistake, so it’s completely static (aside from a shuffle function in the ‘stories’ page, which is only a few lines of javascript). I also don’t think it’s the business of a web developer what a site looks like so I’m typically opposed to fancy formatting, but because browser-side custom formatting is pretty rare, I allowed myself a little bit of CSS to provide a reasonable default that’s more aesthetically pleasing than a totally unformatted page.
The content on the site is focused on my writing, since I write freelance (with this site acting as my portfolio) but code for a big company (so I don’t actually need to promote my open source work, and can’t promote the code I write at work).
To the extent that stuff on that site is generated, I have a couple lines of shell and awk to turn sane formats like TSV into HTML. I do it the easy way, so there’s no particular point in sharing code.
https://cprimozic.net/
Built with GatsbyJS, which I recommend highly if you are familiar with React.
Full source code is on Github: https://github.com/ameobea/homepage
https://ltriant.github.io/
A while ago I decided to pack up my old blog, migrate a handful of the technical ones I liked most to a static site, and wound up with this.
Next step is move away from GitHub Pages…
https://accidental.cc
Haven’t kept up with posting, but I’m proud of the design!
I really like the design! And the two posts I’ve read.
https://medv.io — personal website created on server, just plain html/css. Also supports dark mode (try to switch it in your os settings). Also there was a blog. But I deleted it as I don’t write too often. (Some popular blog post still online via serving pdf print screens, for example https://medv.io/creating-a-search-engine-on-react-php/)
Also plain/txt via curl
hand written html and a tiny vue app for figlet: https://tilde.team/~ben/
blog is written with bashblog: https://tilde.team/~ben/blog/ - I haven’t written any new posts in a long time…
https://sigbus.net
Hasn’t been updated at all since ~2010, and hasn’t been meaningfully changed since the early 2000’s.
https://cosmo.red — All I’ve got is handwritten HTML/CSS! I tried my best to make it look great on both desktop and mobile; keeping everything as simple and minimal as possible made this fantastically easy. You can find the source code here: https://github.com/cosmojg/cosmo.red
I’m hoping I’ll get around to writing my first blog post soon, at which point I’ll probably transition everything over to a static site generator like Zola or Hugo to keep things easy. Eventually, however, I’d love to hack together my own solution!
https://www.arp242.net
Jekyll with hacks: https://github.com/arp242/arp242.net
Also made a CSS framework thingy out of it: https://github.com/arp242/hello-css
Your website is so pretty and loads so fast. It’s great.
My personal domain is http://gerikson.com.
The main action (such as it is) is in the blog: http://gerikson.com/blog. I’ve been blogging on and off since 2004. Now it’s mostly book reviews and a selection of photographs.
The blog is Blosxom run in static mode. I started out with a static blog generated via bash, then to hosted Movable Type, then to Blosxom in dynamic mode, and finally to static. Content is written in Markdown. Plugins are listed here.
Like many others I spent a lot of time dicking around with making things look nice. Now I’m happy if I manage to post something every month.
I have some other stuff there too:
.cgi
suffix. When the API provider removed a free option, I considered shutting it down, but at least one other person liked it and emailed me to please keep it up, so I did.In general, the most useful thing about my site is that it’s a VPS on a domain that I control. This means I can easily share files, or hammer out a quick solution to an itch (HN&&LO is an example of this).
Cool privacy notice. Do you know if it is required?
Not really. Everyone was freaking out about GDPR so I just googled “what you need to provide” and checked off that list.
https://frederik-braun.com/ it’s mostly hosting my blog, but also has a portfolio-kind-of landing page.
https://www.bfoliver.com is mine. I am pretty shit at web design.
I use jekyll to generate it, with tailwind to help with the CSS.
The problem with tailwind is that by default you end up with loads of CSS that isn’t actually used in the site. At the same time however I can’t be bothered manually getting rid of it all in case I want to put in back at a later date.
So I use purgecss to get rid of unused classes. It’s great and makes things orders of magnitude smaller, especially for a site like mine with relatively few CSS classes used.
I also have a script that gzips every file.
I also also have a script that optimises images where possible. Basically this:
The whole thing happens in a git pre-push hook, which also rsyncs the site over to NearlyFreeSpeech, which is a great host.
https://vermaden.wordpress.com/ - another blog mostly about FreeBSD/Unix/Linux/Storage/Clusters/…
https://invulns.nl/ - All the static code generators I could find didn’t do it exactly how I liked it, so it’s generated statically by a racket script I threw together which takes some markdown files with some custom properties at the top to generate the pages.
I really like making ASCII art, so I added an ASCII animation in the header. I had a lot of fun making that :)
So that @vermaden won’t feel too lonely, I too use wordpress. I don’t pay for it, so there are some wordpress decided ads here and there. https://kaushikghose.wordpress.com/
I’m impressed by all the people running their own sites. The only time I did anything close was when I was in school and they let us have a public directory in our user directory. In the really old days I think they even let me run CGI scripts in it. Then the internet got popular and the fun stopped.
https://theputnams.net/mike/
In typical nerd blog fashion, I’ve focused primarily on the construction of the site and abandoned the content.
But enough about the content, let me tell you about the construction! XD
It’s effectively a static site generator, in 10 lines of bash(including comments).
<body>
tag, all sitting in their own directory, named with a naturally sorted reverse date.<html><head><body>
+ a set of URLs common to all pages.</body></html>
tags.This approach couldn’t be much more past/future proof (except maybe writing plain text files and just hosting them as text/plain). This makes me happy.
Good luck on the site! And thanks for this post, I’ve had a very lovely time seeing the websites of all the other lobste.rs members! 😄
Mine is https://morepablo.com
It’s a static site that I built my own generator for in OCaml, as an exercise. Hosted on S3, comments on a separate Discourse instance (https://us.morepablo.com). More about the site and its tech here.
https://isthisnagee.com/
it used to be a plain html/css/js site but then i redid it with gatsby. Honestly I hate that it’s a gatsby site and I plan to move away from it one day. It’s just too complex for my usecase.
http://granitosaurus.rocks - personal blog that contains long personal posts and short bullshit guides and ideas that I find not represented on the web. I hate the current javsacript culture so I simply use static website generator called Pelican and host everything on github pages.
Pelican workflow is just so pleasant! I startup a markdown file, write something and write
make github
- bam it’s up there!To add general Pelican code base and Jinja tempalting are pleasant to work with as you can extend and change almost anything. For example I wrote a small markdown macro plugin pelican-shortcodes because markdown doesn’t support figcaptions for images and you can’t embed mp4 videos as gifs.
Other than that I’ve been struggling with css though but https://purecss.io/ grids saved me a lot of headache! I’m sitll not convinced on grids but for a blog they work really well.
Other than that I’m not sure what’s your definition of a personal website? I’ll stick to my own: non-profit website for one’s passion and throw these in:
However the blog took a bit of a back seat to a book I’m currently finishing up on web-crawling. It’ll be back soon, hopefully.
Thanks for asking :-)
Mine is a old fashioned (no js, minimal css) blog. My goals are:
It lives on https://erik.itland.no
I have two sites, first my personal and then my university site, which have similar but different parts, both I think are worth going in to.
My personal site is generated by a (GNU) Makefile, everything I need, all the parts of the site are easily and dependently coordinated from here. Nearly all the pages are generated by using pandoc, that converts any
something.md
file tosomething.html
.To have a “blog”, I maintain another file called “feed”, that has all texts listed I would like to have listed on my frontpage and in my Atom feed. The generator can be found here.
Both the frontpage and the atom feed are then also generated using AWK scripts, that use the “feed” file, either pre-processed by the script I just mentioned, or not, to produce the files one actually sees on the server.
When everything is done, it’s sync’ed to a static web server on a VPS I own.
My university site is sometimes more fun to work with, since I don’t have all the freedom I might want to have. All students are given a free website that’s accessible using our username, using an Apache module. Since it’s Apache, I can (and do) set a few things with the
.htacces
file, that can do a surprising amount of things. Things I do is set the listing CSS, change mime-types to more sensible defaults, set header/footer files to make the listings more understandable.I publish various notes and texts, but compared to my previous site, I don’t do this with a “static site generator”, but using Emacs, Org and TRAMP. This way my university org-file exports all HTML documents via SSH into the right directory, where it immediately appearing where I would like it to appear.
It’s a simpler system, but since I have never personally before played with Apache, it’s quite interesting to see what it can do too.
Random Q: Does your university teach CS in English by any chance?
There are some courses in English, but most of it is in German (and there are quite a few people that insist on it). Any particular reason for asking?
I’ve always dreamed about getting my Bachelor’s degree in the EU (either Germany or Sweden).
https://mpc.sh
I have:
Both are hosted on a server/VPS I manage. I wrote about setting that server up at: https://www.wezm.net/technical/2019/02/alpine-linux-docker-infrastructure/
https://beepb00p.xyz
Fully static, I’m selfhosting (although mirroring on github pages too just in case). Most pages are built from org-mode or ipython. Org-mode is compiled by emacs, ipython by jupiter and then it’s all glued together by Hakyll. After that I fix things I don’t like about emacs/jupiter exports by changing HTML directly in python (with BeautifulSoup).
I write here and on github on the choice of software and design decisions.
http://arttech.nl. Very old and thus quite light-weight. It does dynamic content loading in a pre-XHR way, with a hidden iframe.
tomaytotomato.com
Its powered by Ghost which I would recommend for simplicity of setting up and maintaining. Self hosted on a private VPS.
https://hauleth.dev - I have hell lot more articles in the progress but I do not know when I will have to finish them :(
http://stratus3d.com/ - A Jekyll blog that uses Asciidoc for posts. Hosted on Webfaction. I try to focus more on content than presentation and I’ve added to quite a bit over the years. I’m really not good at design, but I designed it from scratch many years ago. If anyone good at design has feedback on the site I would welcome it!
I’ve sort of split things up a bit.
On one hand I have my personal landing-page like site: https://eising.dk and then I have a few other sites, but most importantly my new tech-blog: https://eising.it
Hi! I added your blog to my RSS reader, and noticed the posts in the feed are using relative links, e.g.
When I click the source link from my reader (an instance of Miniflux), it doesn’t place the link in relation to your source site, but my instance. This might be a bug with the reader (not sure about the formal RSS spec), but I don’t observe this too often in other feeds. Just an FYI.
Thanks for sharing, looking forward to reading more of what you write! 😄
Hi there. Sorry for the late reply.
I’ve just updated the theme. Maybe it fixed the issue?
My personal hub is https://tomasino.org (static HTML/CSS) which links to all my other sites. It’s designed to mimic a markdown file in design, but it itself is not. It implements a few indieweb features, avoids JS, loads quickly and cleanly in lynx, and overall just gets the job done. Here’s a few notable things of mine:
Mine is joelgrus.com. It’s a static Pelican site hosted on Netlify. I chose Pelican because I’m a Python person, but the reality is that I barely touch the code, so if I had to do it again I’d choose something with more “modern looking” themes. (I still haven’t found a Pelican theme that looks great.) Netlify is great, though.
I used to have disqus comments, but one day I realized they were injecting so much crapware / ads / tracking into my site that I just disabled them and now I have no comments.
https://z3bra.org
This is my main website, a simple presentation page hand written in HTML so I could play with CSS3 a bit, and hide a few eggs here and there 😊. I included links to my other vhosts, which are certainly more interresting.
https://git.z3bra.org
Web frontend for my
git
repositories. It is static HTML autogenerated using stagit whenever I push some commits to a repo.https://blog.z3bra.org
My blog, that has been taking dust over the years, and that I will certainly continue someday ! It is statically generated using a simple Makefile1, so that I can write the posts in markdown (proof-reading in HTML is a real pain…). I never needed more honestly.
I host everything on an OpenBSD server, using the default
httpd
daemon, as it works great for serving static files.https://shdown.github.io — no frills :)
Mine is https://szy.io/
I tried to keep it as simple as possible, but also decided on using Computer Modern as the font for the whole thing, so that adds like 100kb to what would normally be a <10kb site…
I’m going to get criticized because my site is overengineered with tons of JavaScript, but I love it.
https://jolvera.dev
It’s built using Next.js, a React framework, with Rebass, React primitive UI components and MDX, write JSX directly in Markdown. The website it’s hosted on ZEIT Now as a serverless deployment (each page and each post is a serverless lambda).
I had a Jekyll site before, but now I write most of my personal projects with React, so I decided to build my personal site with it, too. The website supports Webmentions and has other basic IndieWeb markup structure.
The blog feature works similarly to Jekyll, you write your posts in MDX files, e.g.,
blog-post.mdx
, and when you deploy those get exported as Next.js pages.By the way, I have my analytics public if anyone is curious https://app.usefathom.com/share/hwimpavv/jolvera.dev
https://archy.zdsmith.com/ - an Erlang application using cowboy.
The actual HTML is brutally primitive. The business logic is rather over-engineered for what it does and the choice of language was entirely due to what I felt like writing rather than what was appropriate for the task. In other words, a personal site is a great way to use technology and techniques that you have no business using otherwise :)
https://blog.boringtranquility.io/
static site made with a custom generator inspired by Jekyll but written using Python. Hosted (using nginx and NixOS) on “bare metal” sitting behind my TV in the living room. Domain purchased with Google domains. cert is Let’s Encrypt. I stole the
<hr>
from somewhere I can’t recall.https://coltonhurst.com
Pretty simple, running on nginx. I need to start blogging :)
Mine’s at jakob.space. The technology stack I’m using has changed quite a bit over the years. Circa 2016 I had a little CMS I wrote in Python hosting this. Later, I decided that I wanted to generate static pages instead of running Flask on my dad’s VMS and switched to Hugo. But that was short lived because I wanted something I could hack on and I’m not a fan of Go, so I switched to David Thompson’s Haunt because I’m a lisper and fell in love with it.
http://bcon.gdn – I use Hugo for static site generation, and host it on Netlify. It started life as a Jekyll website, and I’ve slowly been making it more idiomatically fit with Hugo’s content layout
https://timvisee.com
A static website built using Zola. Built the template from scratch. Doesn’t have too much content on it yet, but I’m really happy with it. (Source)
https://www.adrianmatei.me - Jekyll theme based on https://github.com/mmistakes/minimal-mistakes
https://jake.tl
I should probably take down the web design projects from high school…
I have a boring simple static website made with Hakyll and Markdown. Bearing in mind that I’ve never tried any other static website generator, I find Hakyll a pleasure to use.
Now if only I posted more…
http://caius.name
As dirt simple as I can keep it. The homepage is just a static HTML page with a CSS file from memory and that’s it. Has a “cool” hover effect on my name too. I leave it on plain HTTP to trigger redirects on networks with portal interception.
https://caiustheory.com
Blog. Hosted on GH pages, used to be hosted by me. Static site, currently generated by Hugo which I’m happy with. Previously been Wordpress, Habari, Middleman.
my site is https://kodfodrasz.net
It is generated with Hugo, and is in Hungarian language (some nav may be inconsistently in English). Topics are programming (C# mostly), “devops”, some tech ramblings, book and movie reviews, and etymology of some Hungarian phrases. Updates are infrequent.
It is mildly enjoyable in English via Google translate. I chuckled on some terrible translations it made. :)
Served from AWS S3+Cloudfront. I author, build and publish it on windows and deploy via an ugly PowerShell script using the python aws cli. Horrendous, but it works. Result of a long and bumpy road.
The dates posted on mine are currently broken, I was trying to be clever and use git to figure out when each article was posted. Unfortunately, it turns out Heroku strips out all the repo files when you deploy. Doh! http://www.kirkroerig.com
I just redesigned my site with a new theme from Hugo: https://garrettsquire.com
As far as the stack goes, I run a caddy instance so I get free TLS from LetsEncrypt. It’s running on a Debian instance on DigitalOcean. If I had to do it all over again I would just use something like GitHub pages or really have fun with it and write my own server.
https://dustri.org → a bit of javascript for the landing page, Pelican for the blog.
https://victorzhou.com/ forked from https://github.com/alxshelepenok/gatsby-starter-lumen on Gatsby
http://github.com/vzhou842/victorzhou.com/
¯_(ツ)_/¯ https://www.jtolio.com/ (using some old hugo release with my own theme)
You might enjoy https://shru.gg/r for shrug copypasta (you dropped an arm)
lol! i love that it escapes it for you
That’s what I made it for! Could never remember the sequence
I really like your theme! That being said in my opinion the hyperlink underlines are a bit jarring though - I’d get rid of them. As well as 120+ characters per line being a bit hard to chew through.
yeah i’ve been thinking about narrowing it again. screens are so big though! maybe i can do something where when i float images out they’re allowed to go outside of the reading width to make it look less empty
https://www.towardssoftware.com - Only HTML and CSS, nothing fancy, just text to convey what I want. One day I’ll make it more modern, but for now, it’s just plain HTML that I can edit from anywhere. I use repl.it to edit, and host, my flask project for free. Basically flask just provides some basic templating and routing, it’s mostly just handwritten HTML!
https://stefan.arentz.ca
Statically generated with Hugo and a slightly modified standard Hugo theme.
I need to blog more often :-/
I’ve got my site (blog, some links, favorite music, …) at https://bernsteinbear.com
Funny. You got the same favicon idea: http://beza1e1.tuxen.de/favicon.ico
Yeah! I used antirez’s favicon generator: http://antifavicon.com/
https://xen.garden
i’m still figuring out how i want this to be so i’ll enjoy checking out all the other personal sites listed here. trying to find a middle-ground between a “professional” and “personal” web presence; not yet sure if i want to put stuff like contact info up. main site uses jekyll, code hosting uses gitea. they seemed like easy choices.
love the domain name! i have astral.garden but i don’t use it for anything at the moment ^v^
thanks. i mostly just wanted the domain for email, so the site has been a low priority. astral.garden is nice too.
http://apgwoz.com — it’s just a single HTML page, also available in mandoc.
how do you get the mandoc version?
http://apgwoz.com/apg.7
Mine is https://todddavies.co.uk
Happy browsing!
It’s down
My top level site and my own webpage [1] are stored in XML and I use XSLT to generate the HTML, then I use
rsync
to update the live site. I wanted to learn XSLT at one point (maybe 15 years ago?) and converted my current site to XML. The XSLT was mostly used to generate the intrapage links and is not something I would do today (XSLT is … interesting and let’s leave it at that). I haven’t changed because it just works (and frankly, at this point, it would be a major reverse engineering job to figure out how the XSLT works).My blog is backed by a custom blogging engine written in C that I started writing twenty years ago (and still use). It’s template driven (even the feeds are templates, so it’s easy to add more) and one interesting feature is that I can update it via email (my preferred method actually). Entries are stored in HTML. This is due to my starting it way before Markdown was a thing (and partly because I’m not fond of the format personally) and as a side effect, I don’t have to maintain any particular Markdown format forever.
[1] Historical reasons for this structure, mostly “cool URLs don’t change”.
https://hakibenita.com/
Static sure, using Python pelican with my own theme.
http://beza1e1.tuxen.de/
Optimized for speed. No JavaScript. Self-made static website generator.
My main personal site is https://j11g.com (a numeronym of my name). It’s hosted on my VPS (which has more sites) with Wordpress.
I picked Wordpress in 2005 for my other (Dutch) blog: https://piks.nl and that was the right choice at the time, so when I started j11g.com a couple of years ago I briefly looked at alternatives/static site generators, but I just love Wordpress (and the Independent Publisher template I use for both sites).
https://akamadoshi.com It’s a personal blog about security hosted on s3
https://jrhizor.dev & https://github.com/jrhizor/jrhizor.github.io/
It’s a very simple Hugo site. CD via Github Actions. It is already has support for comments via Github issues once I start blogging.
My web site is at https://www.brautaset.org/
A few years ago I went “all in” and migrated it to an (Emacs) Org mode publishing project. Emacs generates static files that I push to S3, fronted by CloudFront—more to provide SSL than to handle the traffic!
I’ve gone a bit back and forth about including the css in each page. Most visitors read only one page, so for those it would reduce number of requests. But it would hurt repeat visitors. It’s linked now for ease of development, but I’m toying with embedding it and including a post-processing stage to remove all unused CSS markup.
https://adam.kruszewski.name/ - A very low traffic hugo based static-html blog; posts written in org-mode markup, theme “borrowed” from someone else and tweaked slightly. I plan to launch gopher server alongside.
maxbittker.com
maximalist & net-art inspired, but i tried to keep it usable
Mine’s at http://chriswarbo.net
It’s been through a few iterations:
Since I mostly wirte programming things, I made a couple of Pandoc “filters” for executing arbitrary programs during rendering. This is useful for keeping things “honest”, e.g. checking that the code in a blog post actually runs, and splicing the real output into the document. Running things via Nix has meant that old posts are still reproducible, and I don’t need to care whether something’s installed globally on my system (e.g. I wrote a bunch of posts about PHP, which still execute properly in their Nix sandbox, despite me not having/using PHP for 5 years).
I’m currently updating those scripts (and hence the site) to use the latest Pandoc (from 1.x to 2.x).
I’ve been told that LightSail would be a cheaper option than EC2, whilst still giving me a machine with SSH access for the few other things I use it for (unlike, e.g. S3). I still haven’t gotten around to switching it over.
I am interested in hosting things using IPFS or similar, but their mutability options aren’t great (e.g. IPNS) and I found that the default Go implementation would eat all of my RAM :(
My website is just a little blog (with comment section) and a platform to share some games and other creations. The entire thing runs on a vanilla LAMP stack. I programmed the entire thing myself in PHP, from the blog engine down to the CAPTCHA. No libraries, no external dependencies. The website does not use any JavaScript (except for the JavaScript games) and is kept as simple as possible. You can choose one of three different themes to style the entire website to your liking. It is fully responsive and adjusts to any screen size. It is hosted on a 5$/Month DigitalOcean droplet.
https://mental-reverb.com/
https://variadi.co - very small custom Go markdown server. All it does is read markdown files from the filesystem, renders HTML, and serves it. No database. The entire site is served from 1 static Go binary, even the content.
Most of the decisions I made were to cut features that were unnecessary for me at this moment. Here’s a list of things I didn’t need.
To deploy, I scp a binary to DigitalOcean and start a systemd service.
It is important to think about your requirements. Are you expecting lots of traffic? Do you need good SEO? How much content are you expecting to create? Maybe you need some fancy features, but maybe you don’t. In my case: I’m not famous, I don’t write often, and I write mainly for myself, so I’ve gone with the simplest solution I could think of. I can always change if I do get famous someday!
p.d. Sorry, the site is in Spanish! `:D
rubenvannieuwpoort.nl
It just contains (a very small amount of) math posts right now, but I plan to do more programming stuff too. I also have a lot of old posts that I just need to brush up but are otherwise ready to post.
Mine is dvk.co, a static site managed by Jekyll with some very simple CSS throws in. No JavaScript.
I would definitely not go overboard on the technologies. Keep it simple, keep it fast.
My current main website is: https://her.esy.fun
Interesting aspects:
sci
dark one when there are images)My older one was https://yannesposito.com. I used hakyll for this one.
The hardest part is always to produce content, and not to lose too much time optimizing its blog tech. Still I love doing that time to time :).
https://nikitavoloboev.xyz -Currently rebuilding it with next.js and moving my blog to it from Medium. Very much inspired by Tania’s site.
tug.ro - Powered by Jekyll with Minima theme.
Earlier, I used Hugo with hello-friend theme, but as burntshushi pointed out, it got difficult to do anything in it. Plus I messed it too much myself so that it was difficult to maintain.
Jekyll is very powerful yet extremely simple for an SSG. Although I definitely miss the single binary installation provided by Hugo.
Here’s my site: https://www.chrisdeluca.me
It’s a hugo site, which I agree with the other hugo users has been hard to keep up with, however I have invested too much in it to switch at this point.
My site uses a bunch of indieweb conventions, and supports light/dark system themes. The homepage is pretty busy at the moment, which I aim to improve this weekend.
I use it to host my infrequent articles, projects, twitter posts, and books I’m reading/read, along with whatever else. I added a basic choose your own adventure feature, and have utlized it once: https://www.chrisdeluca.me/article/dont-get-pantsed/
https://pta2002.com
It’s running on Hugo, a static site generator. I made the theme myself, ported from an old blog system I had built when I learned Django.
I really should post more often! I haven’t posted in over a year.
My site is at https://tenzer.dk/. It’s built with Hugo, optimised with AssetGraph, hosted on GCS with Cloudflare in front.
I’ve tried to optimise the site for speed, but should probably try to focus more on posting new stuff on there.
https://anthony.som.codes/
Using my own static site generator, that uses
deno
. It’s pretty fun to work on.Everyone should have their own site, IMO. For mine I went with a custom made, very basic theme that focuses heavily on content. https://kevq.uk
Dang it, I just shut down probably a dozen of my sites over the last year.
When I start back up, however, it’s all going to be static and serverless. I’m done with honking around with servers and software when I should be focusing on content.
The only thing I’m wondering is how to do a serverless wiki. I haven’t put much thought into it. Should be a fun puzzle to figure out later this year.
Why do you think a wiki is special?
I only wrote a wiki software once but if you leave out the interactive stuff, it’s still just a collection of markdown files linking to each other.
Yup, it sure is.
Have you tried out the wikimedia software? That’s the free version of the code that runs wikipedia?
There’s a ton of other stuff aside from just files linking to one another. I thought it was kinda cool and liked all the bells and whistles.
If I ever get around to setting a new wiki up, I’ll need to figure out how much of that feeling was golly-gee and how much was this-is-something-I-actually-need.
To your point, markdown by itself will do a ton of heavy-lifting. There’s also a bunch of markdown add-ons that do even more.
Ah well, ok - depends on the definition of wiki, of course :)
https://marekfoss.org - I mostly write server backend how-tos involving Perl, Nginx and Debian, but also thoughts and ideas about various aspects of life, money, technology & the future.
https://unrelenting.technology powered by this. The previous iteration was a weird Postgres+Haskell+Node.js multi-service thing, the current engine is a monolithic Elixir app with everything stored in Mnesia. Well, I use a Lambda written in Rust for image processing, so not 100% monolithic, only like 99% :D
My personal website is at http://knezevic.ch. I use Hugo with ox-hugo and my own theme, that is a modification of RedOrange theme. Having the blog fully in an Org file is such a pleasure to work with, as I’m not a big fan of Markdown. The website is http only, as I can’t run Let’s Encrypt on my hosting provider, but I plan to change that soon.
This is my personal site: https://satran.in I have jumped from tumblr to github pages and finally writing my own server. I wrote my experience on writing my own server here: https://satran.in/b/i_serve_this_site_from_ram tl;dr I wrote a simple server in Go to serve the site from RAM.
I serve my site from ram too! How fast do you get it to render pages? I’m at around 600 microseconds most of the time.
Great to hear. Mostly 90-150ms. Though my feed.xml takes about 300-500ms. I’m surprised that it takes 600ms for you. Although I’m just serving static pages.
I probably need to profile that route, 600 MS is a bit odd but it might be because go’s encoding/xml is slow
Yeah the slowdown seems to be related to Go’s XML encoder being weird. I don’t think it’s an issue however, most of the time the RSS feeds are scraped by machines.
I have two:
doxsey.net which is my personal website. It is a custom go app in a k8s cluster. I’ve gone through many versions and technologies. These days blog entries are stored in markdown files with code blocks passed through pandoc for highlighting
golang-book.com which is my book website and was generated from the xml of the open office file (yes I wrote the book in open office). It is hosted by Google app engine.
I host a few other things in my k8s cluster including a signaling service for rtctunnel (though I switched the default to (ab)use Google’s appr.tc site instead)
A Jekyll static site built using a lightly modified version of the Poole theme, hosted on Netlify. The build process checks for broken links and ensures the sitemap is up-to-date. I recently started using Lighthouse to improve the speed and accessibility of the site overall.
https://hector.dev
Best of luck in setting up your site!
https://www.morsecodemedia.com - personal portfolio.
Still working through adding copy/images to a lot of the case studies.
Was built in Nuxt.js and using CSS Grid, basically so I can teach myself those two things.
It originally a SSR site hosted on AWS, with a PM2/Nginx set up, but I suck at configuring servers and it became a bigger hassel any time the SSL certificate needed be renewed. I ultimately converted the site to be static and moved the hosting over to Netlify so I don’t have to worry about any of the DevOps stuff.
Things of note: The case studies page, on page load/filter of project types, the grid layout is dynamically generated based on the count of projects that match the filter.
Pretty bare-bones static page made by hand: https://kel.pe
https://www.davidhampgonsalves.com/
hugo based and I created the minimal theme for it which some others have started using.
I don’t post as often as I would like, but https://codeplea.com/ is my site.
mcksp.com - static jekyll website with custom theme.
I have to finally produce some new posts :)
I am really bad at having a personal website in the sense of wasting my life playing with / writing static website generators and never actually writing something. A horrendous character flaw that I set out to alleviate end of last year.
Writing is good for me. I know that. That’s why I really want to do more of it.
I also followed the unwritten law that you have to have an article about how you created your website, which is at https://oliver.bestwalter.de/articles/website-meta/
Is that Steve from The Avengers?
Are you referring to the image? I don’t know which film that is from.
https://frednicolson.co.uk - Pretty basic static site so pretty small and fast. There’s a little bit of Javascript/PHP for the contact form. If you put in a contact form be sure to use a CAPTCHA otherwise you’re going to get spam, made that mistake. There’s multiple pages at the moment but I think I might merge it into one. Hosted by a local web firm.
https://jackkelly.name is mine. Static site, built with hakyll, configured and deployed with Nix.
Aesthetically, I’m trying to stay off JS and keep the colours true to the EGA Palette.
https://josm.site
Right now it’s just about who I am and what I use. I also upload images to that server, but right now it’s basically not used. I plan to use it a lot more in the future though mind you.
I’m here, jekyll on just a simple host. Forgot the theme, but will probably change to something handmade, and even not use jekyll then.
https://faehnri.ch/
But like others said, just get stuff out there and dont sweat details, can change later!
My current (as of 2011) website is https://f5n.org - I used to blog a lot more, but for the last few years I’ve neither written “journal style” posts nor technical content like I used to. This is not my first blog and not my first website.
Nope, nothing interesting here. I wanted to use a static site generator after using several homegrown CMS and blog things in several languages for 10 years. So I used something that sounded useful (Hyde) then migrated to hugo a few years later. Still running hugo as of now.
I do want to add some indieweb stuff (micropub), so we’ll see how that works out, needs a dynamic endpoint after all.
I do use Twitter and I want to put small blurbs on my own website. Same for those few Instagram posts I make per year.
very cool! I love the style and simplicity of your website!
Thanks, I know I’m really not good with designing things, so I’m already happy if it’s not too garish.
https://www.btbytes.com - personal site that’s been online since 2003 and has gone through multiple backends. Now its generated using a bespoke python script. I’m not a regular blogger. The most “interesting” section would probably be the notebooks, one of which is the interesting programming languages which saw few comments on this site. Since I’ve been off twitter since the beginning of 2020, I’m using the log section as a place to jot down things I might have been posted on twitter instead.
I extracted the domains listed here and put it on a site “lobstersweb” using shell script, pup, pandoc, makefile and zeit.co.
https://c.har.li/e/
It’s a Jekyll site served by httpd on OpenBSD. I go over the details of the setup here: https://c.har.li/e/2018/11/22/now-with-100-more-openbsd.html
I’d like to add a bit more flair and start posting more, but I haven’t gotten around to that.
I built my bio site some time ago so it’s not updated and uses language I probably don’t want to use anymore, but here it is https://bio.markpash.me. It was written by hand using plain HTML and CSS, I’m not good with anything design or front-end related so that’s about the limit of my capabilities. It’s hosted on GitHub Pages.
I’ve recently bit the bullet and deployed a hugo site for my blog, and changed some of the colours to match my bio, I liked the idea of being consistent. There is only one post on there for now but there are few drafts of other posts I’m working on, mostly Linux networking and eBPF related. Here https://blog.markpash.me. I haven’t sorted out a better place to host it and to automate the publishing of a hugo post. I could use some advice/pointers on that.
Mine is at https://samrat.me – I use Hugo and host it on Netlify. Like some other people here, the Hugo theme I was using broke due to some templating changes and I too lost a few hours fixing it.
I did write my own static site generator once and used it for my site for a while.
https://markfischerjr.com/ - Static website using Jekyll and a custom theme. I manage it using forestry.io and netlify because maintaining a stable ruby environment on my personal machines was becoming a huge hassle. If I ever switch technologies, I’ll switch to something with standalone binaries.
https://cad.cx but it’s sorely neglected. It used to pull in feeds from all of my social media activity in addition to being a quick CV-type thing. The Yahoo! API underlying livestream.js went away a few years ago and I’ve never bothered to replace it.
mindtooth.no
Nothing special.
https://battlepenguin.com
I recently did a post on the history of the site; how it started off as flat-files and PHP, then became a Rails site, then I migrated the entire DB over to Wordpress where it became multiple sites, then I migrated all of that to multiple Jekyll sites and eventually back to a single Jekyll site with a lot of redirects from the old URLS:
https://battlepenguin.com/tech/a-history-of-personal-and-professional-websites/
Mine’s pretty simple and minimal. I use hugo and a modified version of the hugo-xmin theme. I hope to write/start a blog at some point.
website : http://jkanche.com
theme: https://github.com/yihui/hugo-xmin
fullstackstanley.com - my developer blog. Recently transitioned from a static middleman build to a static Nuxt.JS build with CraftCMS as the headless CMS for managing content.
mitchartemis.dev/ - my personal blog. This ones just CraftCMS.
https://jmtd.net/
A static blog + other pages, in its 12ᵗʰ year at that domain (and approx. 20 years since I started a personal site, most of the content of which is here. Here’s the earliest blog post I still have, from February 1999: http://jmtd.net/log/freeserve/00/)
Powered by IkiWiki — a fantastically powerful (but occasionally frustrating) static site generator, wiki oriented but flexible enough for other use-cases (as hopefully my site demonstrates). I’ve tried to move off it a few times but for the volume of material I would need to move over it’s proving very daunting (and most of the other static site generators I’ve looked at are too limited in ways important to me)
https://nekola.cz/
Just simple statically generated web pages. Partially converted from a previous wordpress blog.
https://timetoplatypus.com
I love Tron colors, so that’s the theme. Not much going on in the site, I mostly just use it for hosting personal stuff like configuration files.
Here is my website:
https://yorickpeterse.com/
I have deliberately kept it simple and fast. The website is built using Ruby and Middleman, and hosted on S3/Cloudfront. You can find the source code here.
https://dmytrish.net/blog/ - jekyll with heavily modified CSS, hand-written RSS generation and some template logic to make tags. The stack is simple: nginx serving static files, a Makefile to deploy generated html to my VPS. The only monitoring/analytics is goaccess for nginx log analysis. I set up isso for comments (haven’t gotten any so far).
My lack of Ruby knowledge is a limiting factor in using Jekyll effectively. I am thinking of finding a static site generator in another, more familiar language (Python/Ruby/Haskell/Rust) or writing my own.
Still working on it, but: www.ashishuppala.com
Feedback is always welcome!
I’m blogging in https://andregarzia.com
My current personal project is a Secure Scuttlebutt client as a Firefox Add-on: https://patchfox.org
For the blog, I used frog which is a static generator built with Racket. It works and I decided to use it because I like Racket a lot. Unfortunately the author moved away from it, which is his right anyway, and I am now patching a fork of it for my own personal use. I considered switching to Zola but it doesn’t run on my machine (windows on arm). Recently I’ve added some indieweb features to the blog and I am really happy with them.
The Patchfox page is built with docsify which I really enjoy using.
https://zac.gorak.us
Design was inspired by Metro. Simple since it is just links to my social profiles mostly.
Incredibly simple landing page enumerating my web “presence”. I really ought to put links to things that might be of particular interest, especially since I’ve got 100+ GitHub repos and probably 90+ of them are uninteresting / unfinished / junk.
And the URL is…
#genuinely-interested
Ha! Knew I’d forgotten something… https://lesica.com