1. 72

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.

  1.  

  2. 23

    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.

    1. 6

      A lot of beautiful photos in that journal.

      1. 2

        That’s what I came to say too. The photos are amazing.

        1. 1

          Thank you very much! 😊

        2. 2

          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!

          1. 1

            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..?

            1. 1

              Pixelfed does support rss and federation. Probably some other sub methods too!

          2. 2

            Picklecat is great!

            1. 2

              Oh my gosh picklecat!

          3. 21

            https://christine.website - It’s not a static site though people can think it is.

            1. 9

              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.

              1. 7

                If you want to adopt a styling similar to my own, use this: https://github.com/Xe/gruvbox-css. Examples here, here, and here.

                1. 2

                  Aaah, I knew I’d seen this theme somewhere! I use it in Neovim. Awesome!

                2. 2

                  Not to be mean, but isn’t there a Hugo theme that looks rather alike?

                  1. 1

                    Probably? I don’t mind though.

                    1. 3

                      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.

                      1. 2

                        Yeah, we both use hack.css.

                3. 3

                  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.

                  1. 2

                    What are you using, it it’s not a static site?

                    1. 1

                      A simple webserver in Go that slings HTML: https://github.com/Xe/site

                    2. 1

                      Dig the aesthetic. I have found something to hack on this weekend :)

                    3. 19

                      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

                      1. 12

                        https://tilde.team/~stilbruch/index.html - everything is static and (mostly) done by hand. someday I’ll write something to convert it to gopher

                        1. 4

                          I love the color-schemes, how do you pick them?

                          1. 3

                            Oh, the whole tildeverse is crazy fun in that regard. Check out some of the examples on tilde.town.

                        2. 11

                          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.

                          1. 4

                            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.

                            1. 2

                              I really like your blog. Was just looking into xgb today and read through https://blog.burntsushi.net/thread-safety-x-go-binding/.

                              1. 2

                                Thanks!

                            2. 11

                              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.

                              1. 2

                                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?

                                1. 3

                                  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.

                                  1. 2

                                    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 :)

                                    1. 3

                                      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.

                                      1. 1

                                        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.

                              2. 8

                                https://zacs.site - All static, built with my own custom CMS.

                                1. 7

                                  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.)

                                  1. 2

                                    Your site background is identical to Leslie Lamport’s and it’s blowing my damn mind

                                    1. 2

                                      that color blows your mind?

                                      1. 1

                                        that yellow used to be the gold standard: https://web.archive.org/web/19990428222304/http://www.useit.com/

                                    2. 7

                                      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).

                                      1. 2

                                        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.

                                      2. 7

                                        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 think

                                        At 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

                                        1. 7

                                          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

                                          • I’m getting real frustrated with Hugo. I’m like 30 version of Hugo behind because I need to use a custom pygments lexer for syntax highlighting and in more recent versions using pygments is 10x slower than using chroma. I can’t switch to chroma because then every time I tweak the lexer, I’d need to recompile Hugo. Not my idea of a good time!
                                          • I’m also getting real frustrated with Markdown. I want things like “two tables side by side” and “images with captions with links in the caption” and “things off to the side of the page”. Markdown doesn’t make that easy! Using a lot more html and css injected into the pages now.
                                          • I’m irrationally proud of my deployment script: it checks that none of my posts have empty links or editing marks like TK in them. Helped me out a whole lot :3
                                          1. 1

                                            Sounds like Pollen might be a worth a look, but it’s probably too much overhead to switch.

                                          2. 6

                                            https://joshleeb.com - some old blog posts and a really outdated ‘about me’ section

                                            1. 6

                                              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.

                                              1. 6

                                                I have a few at the moment.

                                                The main ones that are publicly visible are:

                                                • Jungle Coder, my main blog, a custom CMS I wrote in Go years ago, on top of SQLite. It was a very educational experience
                                                • My Idea wiki, First written in Erlang, but now in Nim. The Erlang version birthed a simplistic site style that I’ve used a lot in other web app projects. The wiki software behind this site also powers https://feed.junglecoder.com and https://drift.junglecoder.com.
                                                • Jungle Apps is a Go/Lua CMS for building one-off web pages, that has a few odds and ends. If I had to build a proper portfolio site in a short amount of time, it’d probably get hosted on a version of this.

                                                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

                                                1. [Comment removed by author]

                                                  1. 6

                                                    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!

                                                    1. 6

                                                      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).

                                                      1. 1

                                                        No shame at all! Fastmail is great, I switched to them from GMail a year ago and my Email life improved 900% :)

                                                        1. 1

                                                          How does that work? Never heard of FastMail providing hosting :)

                                                          1. 2

                                                            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.

                                                            1. 2

                                                              If you use OS X, you can mount the WebDAV/whatever directly into /Volumes and then I rsync it. You can upload through the web UI, too, but I’d rsync it. The “squeaky wheel” in my stack is Hugo, if anything.

                                                          2. 9

                                                            There’s not much to it, but I like to keep it minimal: https://bejarano.io

                                                            1. 4

                                                              Minimal here, too: https://soc.me

                                                              (Largely articles on language design.)

                                                              1. 1

                                                                Love your website. The keyboard section is really cool (and the XDG migration status too).

                                                                1. 1

                                                                  Thanks!

                                                              2. 4

                                                                I third your minimalism: https://awalgarg.me.

                                                                1. 1

                                                                  I like yours

                                                                2. 3

                                                                  I love the style, reminds me of good old https://notes.torrez.org/ - a blog design I was always jealous of.

                                                                  1. 2

                                                                    I like the design - clean and straightforward. At least on mobile. Also the way you organized your sites is also efficient, I think.

                                                                    1. 1

                                                                      Thanks!

                                                                    2. 1

                                                                      This is beautiful!

                                                                      1. 2

                                                                        Thanks!

                                                                    3. 9

                                                                      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.

                                                                      1. 5

                                                                        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.

                                                                        1. 5

                                                                          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.

                                                                          1. 5

                                                                            https://olegk.dev - simple Hugo generated web-site. Hosted no Github + Cloudflare DNS

                                                                            https://github.com/cristaloleg/cristaloleg.github.io

                                                                            1. 1

                                                                              Nice. I use the same hugo theme as you on mine :)

                                                                            2. 5

                                                                              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

                                                                              1. 5

                                                                                https://peterlyons.com It’s a static site generated with zola

                                                                                1. 5

                                                                                  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.

                                                                                  1. 4

                                                                                    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

                                                                                    1. 4

                                                                                      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.

                                                                                      1. 4

                                                                                        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…

                                                                                        1. 4

                                                                                          https://accidental.cc

                                                                                          Haven’t kept up with posting, but I’m proud of the design!

                                                                                          1. 2

                                                                                            I really like the design! And the two posts I’ve read.

                                                                                          2. 4

                                                                                            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/)

                                                                                            1. 1

                                                                                              Also plain/txt via curl

                                                                                              curl https://medv.io
                                                                                              
                                                                                            2. 4

                                                                                              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…

                                                                                              1. 3

                                                                                                https://sigbus.net

                                                                                                Hasn’t been updated at all since ~2010, and hasn’t been meaningfully changed since the early 2000’s.

                                                                                                1. 3

                                                                                                  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!

                                                                                                  1. 3

                                                                                                    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

                                                                                                    1. 1

                                                                                                      Your website is so pretty and loads so fast. It’s great.

                                                                                                    2. 3

                                                                                                      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:

                                                                                                      • http://gerikson.com/cgi-bin/ticker.cgi - very simple, very slow, very janky Bitcoin price tracker. Originally created to poke fun at Bitcoin price predictions, I learned a lot about how to access remote APIs, page generation etc. Essentially static despite the .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.
                                                                                                      • http://gerikson.com/hnlo/ - what’s high and low at HN and lobste.rs? Find out using this basic list! Created by scraping the respective feeds. Much easier to develop because I finally grokked templates.
                                                                                                      • code listings for Advent of Code, like this for 2019. This was implemented before I figured a remote git repo was a better solution.
                                                                                                      • a few other odds and ends. I like generating content by running a bunch of files through Markdown and throwing up the HTML.

                                                                                                      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).

                                                                                                      1. 2

                                                                                                        Cool privacy notice. Do you know if it is required?

                                                                                                        1. 1

                                                                                                          Not really. Everyone was freaking out about GDPR so I just googled “what you need to provide” and checked off that list.

                                                                                                      2. 3

                                                                                                        https://frederik-braun.com/ it’s mostly hosting my blog, but also has a portfolio-kind-of landing page.

                                                                                                        1. 3

                                                                                                          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:

                                                                                                          convert "$image" -sampling-factor 4:2:0 -strip -quality 85 -interlace JPEG -colorspace sRGB "$image"
                                                                                                          

                                                                                                          The whole thing happens in a git pre-push hook, which also rsyncs the site over to NearlyFreeSpeech, which is a great host.

                                                                                                          1. 3

                                                                                                            https://vermaden.wordpress.com/ - another blog mostly about FreeBSD/Unix/Linux/Storage/Clusters/…

                                                                                                            1. 3

                                                                                                              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 :)

                                                                                                              1. 3

                                                                                                                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.

                                                                                                                1. 3

                                                                                                                  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).

                                                                                                                  • “posts” are snippets of HTML you would normally place within the <body> tag, all sitting in their own directory, named with a naturally sorted reverse date.
                                                                                                                  • top.template contains the HTML <html><head><body> + a set of URLs common to all pages.
                                                                                                                  • bottom.template contains the closing </body></html> tags.
                                                                                                                  • The below bash script assembles the resulting complete HTML pages.
                                                                                                                  • From there the static site is host-able anywhere.
                                                                                                                  #!/bin/bash
                                                                                                                  cd posts/ #invoked from staging/
                                                                                                                  #assemble index from HTML chunks
                                                                                                                  html="<ul>"
                                                                                                                  for post in $(find * | sort -r);do html=$html"<li><a href=\"$post.htm\">$post</a></li>"; done
                                                                                                                  html=$html"</ul>"
                                                                                                                  printf '%s\n' "$html" | cat ../top.template - ../bot.template > ../../index.html
                                                                                                                  #assemble all the blog pages from all the chunks
                                                                                                                  for post in $(find * | sort -r);do cat ../top.template $post ../bot.template > ../../$post.htm; done
                                                                                                                  

                                                                                                                  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.

                                                                                                                  1. 2

                                                                                                                    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.

                                                                                                                    1. 2

                                                                                                                      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.

                                                                                                                      1. 2

                                                                                                                        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:

                                                                                                                        • http://wisdom.cat - bite size educational videos for your breaks. My first webapp that scrapes video sources and present them in an easy fashion. I basically built it for myself to efficiently entertain myself during my pomodoro breaks.
                                                                                                                        • http://crawl.blog - I’m a full time web crawler developer and the amount of resources available in this medium is a bit disappointing. I starting this blog to share what I know in particularly so I could point people to some a good resource when answering Stackoverlow questions as many topics are too broad for an answer and have to be closed unfortunately, which leaves lots of people hanging without clear resources.
                                                                                                                          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.
                                                                                                                        1. 2

                                                                                                                          Thanks for asking :-)

                                                                                                                          Mine is a old fashioned (no js, minimal css) blog. My goals are:

                                                                                                                          • writing something (I got stuck 10 years ago because I didn’t feel anything was good enough. This time I don’t care. It is not like my job pays me for it or anything.)
                                                                                                                          • I like old fashioned, not too polished blogs myself so I want to contribute to that.
                                                                                                                          • giving myself (and digital archeologists) a way to get a raw glimpse of (some of) the things that cross my mind.

                                                                                                                          It lives on https://erik.itland.no

                                                                                                                          1. 2

                                                                                                                            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 to something.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.

                                                                                                                            1. 2
                                                                                                                              1. 2

                                                                                                                                I have:

                                                                                                                                • wezm.net — personal blog built with nanoc static site compiler written in Ruby.
                                                                                                                                • bitcannon.net — other blog… mostly operating system adventure related. Built with Hugo static site compiler written in Go.

                                                                                                                                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/

                                                                                                                                1. 2

                                                                                                                                  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.

                                                                                                                                  1. 2

                                                                                                                                    http://arttech.nl. Very old and thus quite light-weight. It does dynamic content loading in a pre-XHR way, with a hidden iframe.

                                                                                                                                    1. 2

                                                                                                                                      tomaytotomato.com

                                                                                                                                      Its powered by Ghost which I would recommend for simplicity of setting up and maintaining. Self hosted on a private VPS.

                                                                                                                                      1. 2

                                                                                                                                        https://hauleth.dev - I have hell lot more articles in the progress but I do not know when I will have to finish them :(

                                                                                                                                        1. 2

                                                                                                                                          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!

                                                                                                                                          1. 2

                                                                                                                                            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

                                                                                                                                            1. 1

                                                                                                                                              Hi! I added your blog to my RSS reader, and noticed the posts in the feed are using relative links, e.g.

                                                                                                                                                  <item>
                                                                                                                                                    <title>5 reasons your network automation project may fail</title>
                                                                                                                                                    <link>/posts/5-reasons-your-network-automation-may-fail/</link>
                                                                                                                                                    <pubDate>Wed, 08 Jan 2020 07:47:44 +0100</pubDate>
                                                                                                                                              

                                                                                                                                              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! 😄

                                                                                                                                              1. 2

                                                                                                                                                Hi there. Sorry for the late reply.

                                                                                                                                                I’ve just updated the theme. Maybe it fixed the issue?

                                                                                                                                            2. 2

                                                                                                                                              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:

                                                                                                                                              1. 2

                                                                                                                                                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.

                                                                                                                                                1. 2

                                                                                                                                                  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.

                                                                                                                                                  1. 2

                                                                                                                                                    https://shdown.github.io — no frills :)

                                                                                                                                                    1. 2

                                                                                                                                                      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…

                                                                                                                                                      1. 2

                                                                                                                                                        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

                                                                                                                                                        1. 2

                                                                                                                                                          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 :)

                                                                                                                                                          1. 1

                                                                                                                                                            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.

                                                                                                                                                            1. 1

                                                                                                                                                              https://coltonhurst.com

                                                                                                                                                              Pretty simple, running on nginx. I need to start blogging :)

                                                                                                                                                              1. 1

                                                                                                                                                                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.

                                                                                                                                                                1. 1

                                                                                                                                                                  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

                                                                                                                                                                  1. 1

                                                                                                                                                                    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)

                                                                                                                                                                      1. 1

                                                                                                                                                                        https://jake.tl

                                                                                                                                                                        I should probably take down the web design projects from high school…

                                                                                                                                                                        1. 1

                                                                                                                                                                          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…

                                                                                                                                                                          1. 1
                                                                                                                                                                            • 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.

                                                                                                                                                                            1. 1

                                                                                                                                                                              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.

                                                                                                                                                                              1. 1

                                                                                                                                                                                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

                                                                                                                                                                                1. 1

                                                                                                                                                                                  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.

                                                                                                                                                                                    1. 1

                                                                                                                                                                                      ¯_(ツ)_/¯ https://www.jtolio.com/ (using some old hugo release with my own theme)

                                                                                                                                                                                      1. 1

                                                                                                                                                                                        You might enjoy https://shru.gg/r for shrug copypasta (you dropped an arm)

                                                                                                                                                                                        1. 2

                                                                                                                                                                                          lol! i love that it escapes it for you

                                                                                                                                                                                          1. 2

                                                                                                                                                                                            That’s what I made it for! Could never remember the sequence

                                                                                                                                                                                        2. 1

                                                                                                                                                                                          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.

                                                                                                                                                                                          1. 1

                                                                                                                                                                                            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

                                                                                                                                                                                        3. 1

                                                                                                                                                                                          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!

                                                                                                                                                                                          1. 1

                                                                                                                                                                                            https://stefan.arentz.ca

                                                                                                                                                                                            Statically generated with Hugo and a slightly modified standard Hugo theme.

                                                                                                                                                                                            I need to blog more often :-/

                                                                                                                                                                                            1. 1

                                                                                                                                                                                              I’ve got my site (blog, some links, favorite music, …) at https://bernsteinbear.com

                                                                                                                                                                                              1. 1

                                                                                                                                                                                                Funny. You got the same favicon idea: http://beza1e1.tuxen.de/favicon.ico

                                                                                                                                                                                                1. 1

                                                                                                                                                                                                  Yeah! I used antirez’s favicon generator: http://antifavicon.com/

                                                                                                                                                                                              2. 1

                                                                                                                                                                                                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.

                                                                                                                                                                                                1. 1

                                                                                                                                                                                                  love the domain name! i have astral.garden but i don’t use it for anything at the moment ^v^

                                                                                                                                                                                                  1. 1

                                                                                                                                                                                                    thanks. i mostly just wanted the domain for email, so the site has been a low priority. astral.garden is nice too.

                                                                                                                                                                                                2. 1

                                                                                                                                                                                                  http://apgwoz.com — it’s just a single HTML page, also available in mandoc.

                                                                                                                                                                                                  1. 2

                                                                                                                                                                                                    how do you get the mandoc version?

                                                                                                                                                                                                    1. 1
                                                                                                                                                                                                  2. 1

                                                                                                                                                                                                    Mine is https://todddavies.co.uk

                                                                                                                                                                                                    Happy browsing!

                                                                                                                                                                                                    1. 1

                                                                                                                                                                                                      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”.

                                                                                                                                                                                                      1. 1

                                                                                                                                                                                                        https://hakibenita.com/

                                                                                                                                                                                                        Static sure, using Python pelican with my own theme.

                                                                                                                                                                                                        1. 1

                                                                                                                                                                                                          http://beza1e1.tuxen.de/

                                                                                                                                                                                                          Optimized for speed. No JavaScript. Self-made static website generator.

                                                                                                                                                                                                          1. 1

                                                                                                                                                                                                            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).

                                                                                                                                                                                                            1. 1

                                                                                                                                                                                                              https://akamadoshi.com It’s a personal blog about security hosted on s3

                                                                                                                                                                                                              1. 1

                                                                                                                                                                                                                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.

                                                                                                                                                                                                                1. 1

                                                                                                                                                                                                                  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.

                                                                                                                                                                                                                  1. 1

                                                                                                                                                                                                                    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.

                                                                                                                                                                                                                    1. 1

                                                                                                                                                                                                                      maxbittker.com

                                                                                                                                                                                                                      maximalist & net-art inspired, but i tried to keep it usable

                                                                                                                                                                                                                      1. 1

                                                                                                                                                                                                                        Mine’s at http://chriswarbo.net

                                                                                                                                                                                                                        It’s been through a few iterations:

                                                                                                                                                                                                                        • I started with blogspot, as a quick way to get things up
                                                                                                                                                                                                                        • A few years later I wanted to self-host, so I got a domain, an EC2 instance and copied the content into a CMS
                                                                                                                                                                                                                        • After a few more years I was fed up with maintaining the CMS’s permissions, updates, PHP updates, etc. so I turned it all into Markdown and used a static site generator (Hakyll)
                                                                                                                                                                                                                        • I eventually found myself working around Hakyll too much, so I replaced it with Pandoc and a Makefile
                                                                                                                                                                                                                        • When my Makefile became unwieldy I switched to using Nix

                                                                                                                                                                                                                        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 :(

                                                                                                                                                                                                                        1. 1

                                                                                                                                                                                                                          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/

                                                                                                                                                                                                                          1. 1

                                                                                                                                                                                                                            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.

                                                                                                                                                                                                                            • No categories or tags, I don’t write enough for this to matter
                                                                                                                                                                                                                            • No special metadata, since no tags, leaning on Google for search
                                                                                                                                                                                                                            • No database, files are just read from the filesystem
                                                                                                                                                                                                                            • No dynamic content, no JavaScript needed
                                                                                                                                                                                                                            • No caches, I’m not famous so rendering HTML on every request is fine
                                                                                                                                                                                                                            • No swappable themes, I have a little bit of CSS I can tweak
                                                                                                                                                                                                                            • Don’t need to save disk space, binary has static assets embedded and is large

                                                                                                                                                                                                                            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

                                                                                                                                                                                                                            1. 1

                                                                                                                                                                                                                              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.

                                                                                                                                                                                                                              1. 1

                                                                                                                                                                                                                                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.

                                                                                                                                                                                                                                1. 1

                                                                                                                                                                                                                                  My current main website is: https://her.esy.fun

                                                                                                                                                                                                                                  Interesting aspects:

                                                                                                                                                                                                                                  • org-mode instead of markdown (it’s way better IMHO)
                                                                                                                                                                                                                                  • use org-publish with a bit of magic but not too much (more infos here
                                                                                                                                                                                                                                  • different CSS choices (all support light/dark theme, I’m particularly fond of the sci dark one when there are images)
                                                                                                                                                                                                                                  • no tracker of any sort
                                                                                                                                                                                                                                  • no js (except for pages displaying formula with Mathjax)
                                                                                                                                                                                                                                  • RSS is generated via a self made shell script (I was quite surprised no tool like that existed before more info here
                                                                                                                                                                                                                                  • Optimize the size by using all CSS and HTML, surprisingly it was very efficient (~30% better than classics minimizers) even using quite naive approach more info here

                                                                                                                                                                                                                                  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 :).

                                                                                                                                                                                                                                  1. 1

                                                                                                                                                                                                                                    https://nikitavoloboev.xyz -Currently rebuilding it with next.js and moving my blog to it from Medium. Very much inspired by Tania’s site.

                                                                                                                                                                                                                                    1. 1

                                                                                                                                                                                                                                      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.

                                                                                                                                                                                                                                      1. 1

                                                                                                                                                                                                                                        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/

                                                                                                                                                                                                                                        1. 1

                                                                                                                                                                                                                                          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.

                                                                                                                                                                                                                                          1. 1

                                                                                                                                                                                                                                            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.

                                                                                                                                                                                                                                            1. 1

                                                                                                                                                                                                                                              https://anthony.som.codes/

                                                                                                                                                                                                                                              Using my own static site generator, that uses deno. It’s pretty fun to work on.

                                                                                                                                                                                                                                              1. 1

                                                                                                                                                                                                                                                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

                                                                                                                                                                                                                                                1. 1

                                                                                                                                                                                                                                                  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.

                                                                                                                                                                                                                                                  1. 2

                                                                                                                                                                                                                                                    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.

                                                                                                                                                                                                                                                    1. 1

                                                                                                                                                                                                                                                      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.

                                                                                                                                                                                                                                                      1. 1

                                                                                                                                                                                                                                                        Ah well, ok - depends on the definition of wiki, of course :)

                                                                                                                                                                                                                                                  2. 1

                                                                                                                                                                                                                                                    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

                                                                                                                                                                                                                                                    1. 1

                                                                                                                                                                                                                                                      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.

                                                                                                                                                                                                                                                      1. 1

                                                                                                                                                                                                                                                        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.

                                                                                                                                                                                                                                                        1. 1

                                                                                                                                                                                                                                                          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.

                                                                                                                                                                                                                                                          1. 1

                                                                                                                                                                                                                                                            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.

                                                                                                                                                                                                                                                            1. 1

                                                                                                                                                                                                                                                              I probably need to profile that route, 600 MS is a bit odd but it might be because go’s encoding/xml is slow

                                                                                                                                                                                                                                                              1. 1

                                                                                                                                                                                                                                                                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.

                                                                                                                                                                                                                                                          2. 1

                                                                                                                                                                                                                                                            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)

                                                                                                                                                                                                                                                            1. 1

                                                                                                                                                                                                                                                              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!

                                                                                                                                                                                                                                                              1. 1

                                                                                                                                                                                                                                                                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.

                                                                                                                                                                                                                                                                1. 1

                                                                                                                                                                                                                                                                  Pretty bare-bones static page made by hand: https://kel.pe

                                                                                                                                                                                                                                                                  1. 1

                                                                                                                                                                                                                                                                    https://www.davidhampgonsalves.com/

                                                                                                                                                                                                                                                                    hugo based and I created the minimal theme for it which some others have started using.

                                                                                                                                                                                                                                                                    1. 1

                                                                                                                                                                                                                                                                      I don’t post as often as I would like, but https://codeplea.com/ is my site.

                                                                                                                                                                                                                                                                      1. 1

                                                                                                                                                                                                                                                                        mcksp.com - static jekyll website with custom theme.

                                                                                                                                                                                                                                                                        I have to finally produce some new posts :)

                                                                                                                                                                                                                                                                        1. 1

                                                                                                                                                                                                                                                                          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/

                                                                                                                                                                                                                                                                          1. 1

                                                                                                                                                                                                                                                                            Is that Steve from The Avengers?

                                                                                                                                                                                                                                                                            1. 2

                                                                                                                                                                                                                                                                              Are you referring to the image? I don’t know which film that is from.

                                                                                                                                                                                                                                                                          2. 1

                                                                                                                                                                                                                                                                            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.

                                                                                                                                                                                                                                                                            1. 1

                                                                                                                                                                                                                                                                              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.

                                                                                                                                                                                                                                                                              1. 1

                                                                                                                                                                                                                                                                                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.

                                                                                                                                                                                                                                                                                1. 1

                                                                                                                                                                                                                                                                                  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!

                                                                                                                                                                                                                                                                                  1. 1

                                                                                                                                                                                                                                                                                    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.

                                                                                                                                                                                                                                                                                    Interesting decisions regarding the technology stack

                                                                                                                                                                                                                                                                                    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.

                                                                                                                                                                                                                                                                                    1. 1

                                                                                                                                                                                                                                                                                      very cool! I love the style and simplicity of your website!

                                                                                                                                                                                                                                                                                      1. 1

                                                                                                                                                                                                                                                                                        Thanks, I know I’m really not good with designing things, so I’m already happy if it’s not too garish.

                                                                                                                                                                                                                                                                                    2. 1

                                                                                                                                                                                                                                                                                      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.

                                                                                                                                                                                                                                                                                      1. 1

                                                                                                                                                                                                                                                                                        I extracted the domains listed here and put it on a site “lobstersweb” using shell script, pup, pandoc, makefile and zeit.co.

                                                                                                                                                                                                                                                                                      2. 1

                                                                                                                                                                                                                                                                                        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.

                                                                                                                                                                                                                                                                                        1. 1

                                                                                                                                                                                                                                                                                          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.

                                                                                                                                                                                                                                                                                          1. 1

                                                                                                                                                                                                                                                                                            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.

                                                                                                                                                                                                                                                                                            1. 1

                                                                                                                                                                                                                                                                                              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.

                                                                                                                                                                                                                                                                                              1. 1

                                                                                                                                                                                                                                                                                                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.

                                                                                                                                                                                                                                                                                                1. 1

                                                                                                                                                                                                                                                                                                  mindtooth.no

                                                                                                                                                                                                                                                                                                  Nothing special.

                                                                                                                                                                                                                                                                                                  1. 1

                                                                                                                                                                                                                                                                                                    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/

                                                                                                                                                                                                                                                                                                    1. 1

                                                                                                                                                                                                                                                                                                      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

                                                                                                                                                                                                                                                                                                      1. 1

                                                                                                                                                                                                                                                                                                        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.

                                                                                                                                                                                                                                                                                                        1. 1

                                                                                                                                                                                                                                                                                                          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)

                                                                                                                                                                                                                                                                                                          1. 1

                                                                                                                                                                                                                                                                                                            https://nekola.cz/

                                                                                                                                                                                                                                                                                                            Just simple statically generated web pages. Partially converted from a previous wordpress blog.

                                                                                                                                                                                                                                                                                                            1. 1

                                                                                                                                                                                                                                                                                                              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.

                                                                                                                                                                                                                                                                                                              1. 1

                                                                                                                                                                                                                                                                                                                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.

                                                                                                                                                                                                                                                                                                                1. 1

                                                                                                                                                                                                                                                                                                                  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.

                                                                                                                                                                                                                                                                                                                  1. 1

                                                                                                                                                                                                                                                                                                                    Still working on it, but: www.ashishuppala.com

                                                                                                                                                                                                                                                                                                                    Feedback is always welcome!

                                                                                                                                                                                                                                                                                                                    1. 1

                                                                                                                                                                                                                                                                                                                      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.

                                                                                                                                                                                                                                                                                                                      1. 1

                                                                                                                                                                                                                                                                                                                        https://zac.gorak.us

                                                                                                                                                                                                                                                                                                                        Design was inspired by Metro. Simple since it is just links to my social profiles mostly.

                                                                                                                                                                                                                                                                                                                        1. 1

                                                                                                                                                                                                                                                                                                                          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.

                                                                                                                                                                                                                                                                                                                          1. 1

                                                                                                                                                                                                                                                                                                                            And the URL is…

                                                                                                                                                                                                                                                                                                                            #genuinely-interested

                                                                                                                                                                                                                                                                                                                            1. 2

                                                                                                                                                                                                                                                                                                                              Ha! Knew I’d forgotten something… https://lesica.com