I was thinking of redesigning and redeveloping my blog into a light static website. What are some alternatives to Wordpress that are fast and small? I don't really need a CMS as I write all my blog posts in markdown. I'm currently thinking of using Hugo or use some framework like Skeleton. Any other suggestions?
My current site: https://rishikeshs.com/
You might want to evaluate if posting from multiple devices is important to you, and if you're willing to setup some process to do it with a static website. I'm not saying that it can be done, I'm just highlighting that it is not something you can automatically take for granted.
An option that you might want to consider is GravCMS[1] which is PHP based. It has an interactive app for admin and posting, but once you post it generates static files. So from the point of view of the server and your readers, your website is static. You can still post from anywhere though.
I'm sure there are other similar solutions, and that someone has a SaaS to solve this which they think it will be the next unicorn. Anyway, just another thing for you to consider.
[1]: https://getgrav.org/
- https://blog.michielborkent.nl/migrating-octopress-to-babash...
- https://blog.michielborkent.nl/better-clojure-highlighting.h...
- https://blog.michielborkent.nl/markdown-clj-babashka-compati...
http://dusted.dk/pages/phlog/2021-12-14.txt and http://dusted.dk/pages/phlog/2021-12-14.txt?raw
to inline an image, i just refer to the name, so lol.png becomes an
in the html.
My main compromise is that if it makes the plaintext less pretty, it can't go in, no tags.
My inline code blocks is made by matching for a language or file name ending with: and if the next line is indented, it is considered code.
Look at http://dusted.dk/pages/phlog/2019-12-20.txt and the raw text http://dusted.dk/pages/phlog/2019-12-20.txt?raw
You could substitute Jekyll for other supported frameworks.
Pros:
* Markdown (so super flexible)
* Git as the backbone (free CRM, free history)
* Customisable (if you know how to code)
* Free templates
Cons:
* Jekyll is a bit of a pain on Windows but should be fine on Linux/Mac
* Images might not load super quick from GitHub's servers
* You need to know basic Git
https://her.esy.fun/posts/0018-makefile-as-static-site-build...
I use org-mode instead of markdown. But this system is agnostic of your source. Low maintenance, and will probably still work in a long time in the future. The most fragile part of it is pandoc, which I think will be retro compatible for a long time.
https://docs.aws.amazon.com/AmazonS3/latest/userguide/Websit...
Any static blog framework is probably adequate, though.
[0]https://neurobin.org/docs/web/using-git-to-manage-a-website
https://pilabor.com/blog/2021/05/building-a-blog-with-hugo/
Benefits:
- Write MarkDown for blog posts
- Integrate custom HTML, JS and CSS snippets
- Site search via JavaScript and JSON index file
- Integrate data files (like auto replace affiliate links, content table building or dynamic image resizing)
- Very fast site generation
- Image Processing features
- HTML, CSS and JS minification
- One single binary that runs nearly everywhere (e.g. on Raspberry PI)
A good while ago I created my own "system" Glyph: https://github.com/dbriemann/glyph
It's a static site generator utilizing Github issues and Github pages. If you are interested in how it works see: https://github.com/dbriemann/glyph-zero
As an example you can see a raw blog entry here: https://github.com/dbriemann/blog/issues/7 which results in https://dbriemann.github.io/blog/7-making-a-game-with-go-and... when "compiled".
You basically write your blog posts as github issues and the tool converts them to html which is then published via Github pages.
WARNING: this is not really maintained anymore because I rarely blog. Also it never had an official release .. so it is kinda experimental (but it should work, because it's simple).
EDIT: I submitted this to HN when it was new: https://news.ycombinator.com/item?id=16776047
There might be other stuff like that as well. I just use org directly, though I guess in a "blog-like" manner rather than as a true blog.
I finally got around to trying it and used Hugo's quick-start guide: https://gohugo.io/getting-started/quick-start/. I've never been able to breeze through a quick-start so seamlessly. Everything worked as advertised and with no prior knowledge I was able to see a post on my local machine in < 2 minutes. I'm amazed that the local server command `hugo server -D` works so seamlessly.
I've yet to add LaTeX but the quickstart makes me very optimistic. Thanks again to the creators of Hugo for such a friendly quick-start.
$ vim hello.html
Hello World
Lorem ipsum
It uses nunjucks templating but the starter is enough to just build a blog and add your own css.
Works with most hosts as it has a build script you can run and serve the output folder.
Edit: typo (css, not cms)
I'm not exactly recommending to use it as i make no guarantees (yet) about keeping a proper changelog and maintaining backwards-compatibility, but if someone's feeling hacky i would certainly love for other people to try it and expand it or just give feedback.
You can write your content in Markdown, keep everything in a repo, and only push static files to the hosting of your preference.
Website: https://goblog.app/
Docs (WIP): https://docs.goblog.app/
It's been a dream of mine to someday do everything via Emacs' Org Mode, but I haven't yet felt motivated enough to take the plunge.
I'm hosting mine as an S3 static website, with CloudFront as a CDN and for the domain name linking. Works pretty well. I also have some sort of CI/CD, what I mean is that all my code is on GitHub and whenever there's new code to main, a GitHub action is fired that syncs the branch with the S3 bucket.
I've even managed to remove all the JavaScript from the site :D Works neatly! Let me know if you (or anyone) wants more info ^_^
Edit: Forgot to mention, it's also almost free! I'm paying for the domain names and around 0.1$ / month to AWS.
Simple. Easy. Free.
You can even set up a form and get comments into your email. (Then just manually copy/paste into the markdown and commit it again and force a rebuild).
I use that setup and I love it.
Note that pagenode is not a ready made blog system, but rather a library to build a blog, portfolio site or anything else that does not have user-generated content.
https://pioneer.mymailbox.site/
Link to vite
The deployment can be as simple as one command, in my case
npm run docs:build && scp -r docs/.vitepress/dist/* dev://var/www/pioneer.mymailbox.site/web
I host in Netlify with my own domain name.
Link in profile if interested.
- https://github.com/alaq/adrien.sh for NextJS
- https://github.com/sw-yx/swyxkit or Svelte
- https://github.com/SimeonGriggs/simeonGriggs for Remix
All have designs I like. I am only familiar with NextJS and find it a pleasure to work with.
It's a bit clunky, initial Docker based deployment is not straightforward, but I like it. It's using Markdown, supports ActivityPub out of the box, and has static blog feeling even though it's not.
https://github.com/johan-bolmsjo/blog_of_markdown
It's built using make, small bash scripts and two Go support programs. I think there are tons of similar generators out there as writing one is pretty easy. Probably more sensible to look into using something like Hugo. For me it was easier to write the minimal generator than figuring out how to configure Hugo as I like it.
Custom domain with private repo costs few dollars per month.
The owner of the repo seems like a great person and is open for contributions if you want to get involved.
It's based on Next.js, so React/TypeScript, your blog posts are in Markdown and it generates an RSS feed of your posts. Could be a way to get off the ground quickly?
I’d suggest starting with the barebones option and making a theme yourself if you’re comfortable with CSS; it will yield a lighter site and also be easier to maintain than using some big pre-made Jekyll theme.
I wish you luck. Lots of pile have had success with Jekyll. I was leaning towards Pelican or Hugo.
Reads every kind of plaintext format, but will also just publish a Jupyter notebook which means you can do drag and drop image and graph inlining which makes everything so much simpler (and thus makes me more likely to keep it up).
Also single command GitHub pages publishing.
[1] https://hexo.io/
I personally have avoided Jekyll for the primary reason of "Ruby is a non-starter".
Downside to Hugo is that the Go templating language is... interesting, to say the least.
Static sites are cheap and easy to host. :)
Example: https://justine.lol/sectorlisp2/
First, I like Roboto. It's overused but it deserves to be. It's the Helvetica of our age. The problem is custom fonts go slow. The trick I use is to use a data: uri for the latin1 character ranges in an inline The only tools you need to do stuff like this are really uglifycss and uglifyjs. Plus maybe a shell script that runs files through `openssl base64`.
To save on bandwidth fees, I've learned to defer autoplay videos until they scroll into the viewport. See http://justine.lol/sectorlisp2/video.js to learn how.
When copying to google cloud storage cdn it's a good idea to use the `-z` flag so content can be delivered with gzip encoding.
gsutil -m -h Cache-Control:public,max-age=31536000 cp -a public-read -z com,dbg,css,html,a,h,lds,o,js,ttf *.js *.css gs://justine/sectorlisp2/
It's nice to not force people to use https. Dan Luu talks about the reasons why on his blog.Be sure to use tools like https://pagespeed.web.dev/ which will help you with the rest.
Another good tool is https://favicon.io/favicon-generator/ for generating favicons. I'm very happy with it. I'm also a huge fan of https://excalidraw.com/ and graphviz https://dreampuf.github.io/GraphvizOnline/ Also I'd give a shoutout to the optipng and pngcrush commands. PNG-8 is fabulous. So is Photoshop.
Finally, for something like a blog, consider just writing HTML. Your time is better spent learning how to be really efficient at using an editor like Emacs that lets you be a monster with manual refactorings than you would with a static site generator framework, which are usually heavyweight and frequently change in ways that causes breakages and have lots of weird dependencies. I don't think they're the sorts of things that can be counted on if you need to go back ten years later.
Free Gatsby WordPress theme.
See this 1 hour tutorial video:
- Double Click to edit
- Press Esc to preview
- You have to enter a secret code to update it on the server.
- Powered by markdown.
Check https://motyar.info/
Completley free and is what I did. I made my own theme with html css only
Easy and free to get going on GitHub Pages.