⭐ Blog related stuff
My blog is https://beepb00p.xyz, so far it's been for long form posts, whereas exobrain is for more raw unprocessed thoughts and notes.
Here I collect notes/todos relevant to improving the blog experience.
Table of Contents
- related blog
- [A] * why blog? blog
- [B] * inspiration (design/presentation) blog
- [B] Singing in the Wilderness blog
- [C] Большой пост о том, как я переезжал в Берлин :: Вастрик.ру blog
- TODO [C] Projects | Intuitive Explanations blog
- [C] Sidenotes blog
- TODO [B] Offer to help blogjonbo
- XXIIVV — left blogexobraininspiration
- DONE Beau Gunderson blog
- TODO [C] Agora blogselfinspiration
- [C] * visual style blog
- STRT [B] all stuff in TOC should have proper links blog
- TODO [C] Display TODO as lowercase? blogexobrain
- WAIT [C] perhaps tags should be displayed on top in the post? blog
- TODO [C] Shit links are very hard to see without contacts/in dark blog
- TODO [D] Thomas Kainrad on Twitter: "About once a month, someone sends me an email to ask how I implemented the position-aware TOC sidebar on my blog. The answer is Tocbot: https://t.co/ifVHpq5C8Z https://t.co/q6eAzYv855" / Twitter blog
- [C] * feed blog
- [D] * markup improvements blog
- TODO [B] This Page is Designed to Last: A Manifesto for Preserving Content on the Web blog
- TODO [A] need to merge with https://beepb00p.xyz/site.html I guess… blog
- ---------------------------------------------------------- blog
- [C] Web bloat blogbloat
- STRT [C] The Open Graph protocol blog
- [C] How do you clear the Open Graph cache of an URL on Telegram? - Stack Overflow blog
- [C] hikerpig/marka-js blogexobrain
- [D] my jinja templats were basically code with if and for statements blog
- [D] karlicoss: "Also, the total size of Hakyll code is 500 LOC (w…" - Merveilles blog
- TODO [D] arguments against compiling in emacs: it's single threaded? blogexobrainemacs
- TODO [D] nice thing about using @cache is that I don't have to mess with inotify. there are very few inputs for my blog and I can just check them every second blog
- TODO [D] mention configuring github actions for automatic releases? blog
- TODO [D] I find it very useful? to read post on a mobile device blogwriting
- TODO [C] tell about id checks, so they don't contribute to link rot blogexobrain
- TODO [B] get material for posts from HN and reddit comments blog
- TODO [C] shit, org mode generates some random ids every time blogorg
- TODO [C] add importance, so it's easier to skip over not necessarily interesting stuff (like sufs) blog
- TODO [D] for sufs, would be good to have a special 'github' type of post? not sure how to cache local/offline copy… or just need to merge md files blog
- TODO [C] rerender regularly so I could fix typos etc? blog
- TODO [C] The /now page movement | Derek Sivers blog
- TODO [C] add 'site longevity' section or something blog
- TODO [C] isso comments converter should have failed at the empty database. seriously, what the fuck blog
- TODO [C] isso: trying multiple comments threads on ideas page blog
- STRT [D] Myinfra comments are lost, ugh! blog
- TODO [D] Building personal search infrastructure https://beepb00p.xyz/pkm-search.html blog
- [D] Overview https://posativ.org/isso/docs blog
- TODO [D] try to base my comments off an anonymous hypothesis instance? blog
- TODO [C] maybe even try to set up hypothesis-based comments? might require an elaborate overlay though? also serve static version blog
- STRT [D] really need to do smth about comments; perhaps find comments without replies and use orger? blog
- [E] Commenting server blog
- DONE [B] Isso – a commenting server similar to Disqus bloggrasp
- Commento – dunno. also it's in Go blog
- adtac/commento-ce: A fast, bloat-free discussion platform https://github.com/adtac/commento-ce blog
- Commento / Commento · GitLab https://gitlab.com/commento/commento blog
- Commento is a lightweight, privacy-focused, self-hostable alternative to Disqus : selfhosted https://www.reddit.com/r/selfhosted/comments/7fx99u/commento_is_a_lightweight_privacyfocused / blog
- [B] vkuznecovas/mouthful: Mouthful is a self-hosted alternative to Disqus https://github.com/vkuznecovas/mouthful blog
- [B] Schnack - simple self-hosted comment system for static websites https://schnack.cool blog
- Articles - Physiqonomics http://physiqonomics.com/articles blogwriting
- TODO [D] metadatacachetime=60 – adjust blog
- CANCEL [D] YBlog - Hakyll setup blog
- [D] fniessen/org-html-themes: How to export Org mode files into awesome HTML in 2 minutes https://github.com/fniessen/org-html-themes blogorg
- [C] Sharing Debugger - Facebook for Developers https://developers.facebook.com/tools/debug/ blog
- STRT [C] leungwensen/svg-icon: An ultimate SVG icons collection DONE RIGHT, with over 10,000 SVG icons out of the box. blog
- DONE [D] Accessing list metadata in Hakyll blog
- TODO [C] Devine Lu Linvega: "I'll try and generate a beautiful .txt version of…" - Merveilles https://merveilles.town/@neauoire/103313823155208496 blog
- STRT [B] (Ángel)μν on Twitter: "1/15) What is the Hamiltonian? And why is it so special? Most importantly, how does it relate to Lagrangian mechanics and give us equations of motion? This is a thread on how H, the Hamiltonian can tell you the same story as L, the Lagrangian. [Warning: Technical thread] https://t.co/B18nwRAO7f" / Twitter blogpublish
- TODO [D] not sure about karlicoss.github.io in referrers blog
- TODO [C] This Page is Designed to Last: A Manifesto for Preserving Content on the Web https://jeffhuang.com/designed_to_last/ blog
- [C] commentpara.de - IndieWeb blog
- TODO [D] myles/awesome-static-generators: A curated list of static web site generators. https://github.com/myles/awesome-static-generators blog
- [C] Text-only websites blogplaintext
- TODO [C] Hypothesis blog
- [B] Computers and Creativity blog
- TODO [C] 404 page pointing at github blog/exobrain search blog
¶related blog
¶I mark things I want to write about with 'toblog' tag blogtoblog
¶exobrain is a staging area for my blog blogexobrain
¶[A] * why blog? blog
¶[B] Alexey Guzey blogself
I wanted to make my vision of the future more probable
¶[B] * inspiration (design/presentation) blog
¶[B] Singing in the Wilderness blog
right, so pretty nice design
¶[C] Большой пост о том, как я переезжал в Берлин :: Вастрик.ру blog
Very good blog post!
¶ Во многом благодаря рисункам, как мне кажется. Норм мотивация поучиться рисовать bloghobbydrawing
¶TODO [C] Projects | Intuitive Explanations blog
https://intuitiveexplanations.com/about/projects
have list of my projects? moslty populate from github?
¶[C] Sidenotes blog
¶DONE [C] Accessing list metadata in Hakyll blog
looks like nice sidenotes …
¶DONE [B] ink & switch: Local-first software blog
nice side annotations
¶TODO March 2019 news - Gwern.net blog
gwern.net CSS changes: Tufte-style sidenotes (for displaying footnotes in margins on wide screens) via Obormot’s new JS library, sidenotes.js
¶TODO [B] Offer to help blogjonbo
CREATED: [2020-02-10]
requests and/or offers of help: what are you looking for, and how are you willing to help others? Always be willing to pay it forward.
¶ XXIIVV — left blogexobraininspiration
A web version was initially created to help rekka with the writing of wiktopher,
very nice {internal} vs [external] link syntax
¶DONE Beau Gunderson blog
- State "DONE" from
realtime qs… whoa
¶ ok, but nothing too exciting apart from projects list design (cv) blog
¶ also nice design and colors blog
¶TODO [B] I definitely want it for blog, much better than github pins (maybe also plot activity over time) blog
¶[C] * visual style blog
¶STRT [B] all stuff in TOC should have proper links blog
CREATED: [2020-01-18]
¶TODO [C] Display TODO as lowercase? blogexobrain
CREATED: [2020-01-08]
¶WAIT [C] perhaps tags should be displayed on top in the post? blog
CREATED: [2019-05-13]
¶TODO [C] Shit links are very hard to see without contacts/in dark blog
CREATED: [2019-11-04]
for me, Recoll is mostly for searching and quickly jumping to results in PDFs and EPUBs (see screenshot). There is helm-recoll
¶TODO [D] Thomas Kainrad on Twitter: "About once a month, someone sends me an email to ask how I implemented the position-aware TOC sidebar on my blog. The answer is Tocbot: https://t.co/ifVHpq5C8Z https://t.co/q6eAzYv855" / Twitter blog
About once a month, someone sends me an email to ask how I implemented the position-aware TOC sidebar on my blog. The answer is Tocbot: https://tscanlin.github.io/tocbot/
https://github.com/table-of-contents-sidebar/table-of-contents-sidebar
¶[D] * markup improvements blog
e.g. making it cleaner and more semantic
¶TODO [B] detect multiple items with same id? blogexobrain
CREATED: [2020-01-19]
¶STRT [C] Stop using so many divs! An intro to semantic HTML - DEV Community bloghtmlexobrain
¶TODO org-html-timestamp – to time bloghtmlexobrain
¶TODO [C] https://merveilles.town/@lains/103527776315019237 abbr as tooltip blogexobrainhtml
CREATED: [2020-01-22]
I like to use <abbr> when I can :D Free tooltip for something without having to CSS a tooltip.
¶DONE [A] Use a:visited in your CSS stylesheet blogcss
¶TODO [B] This Page is Designed to Last: A Manifesto for Preserving Content on the Web blog
https://jeffhuang.com/designed_to_last/
Stick with the 13 web safe fonts +2
¶TODO [A] need to merge with https://beepb00p.xyz/site.html I guess… blog
¶---------------------------------------------------------- blog
¶[C] Web bloat blogbloat
¶STRT [C] The Open Graph protocol blog
The Open Graph protocol enables any web page to become a rich object in a social graph. For instance, this is used on Facebook to allow any web page to have the same functionality as any other object on Facebook.
¶TODO add description? blog
¶[C] hikerpig/marka-js blogexobrain
Marka is a JavaScript lib that runs in the browser, it will mark anchor elements and add icons according to the href. It is inspired by https://beepb00p.xyz and anchorjs.
¶[D] my jinja templats were basically code with if and for statements blog
¶[D] karlicoss: "Also, the total size of Hakyll code is 500 LOC (w…" - Merveilles blog
https://merveilles.town/@karlicoss/103965589931203958
Also, the total size of Hakyll code is 500 LOC (without the comments), which supports my guess that Haskell isn't necessarily good for such task. (And that doesn't take the Hakyll library itself into account!)
¶TODO [D] arguments against compiling in emacs: it's single threaded? blogexobrainemacs
CREATED: [2020-04-09]
¶TODO [D] nice thing about using @cache is that I don't have to mess with inotify. there are very few inputs for my blog and I can just check them every second blog
CREATED: [2020-04-10]
I guess the only downside is
I need poke-symlink which gets around inotify anyway!
¶TODO [D] mention configuring github actions for automatic releases? blog
CREATED: [2020-04-18]
¶TODO [D] I find it very useful? to read post on a mobile device blogwriting
CREATED: [2020-01-12]
I guess different screen size makes your reading patterns different, so you notice different things
¶TODO [C] tell about id checks, so they don't contribute to link rot blogexobrain
CREATED: [2020-01-18]
add anchors, so it's easy to link to specific parts of the post
¶TODO [B] get material for posts from HN and reddit comments blog
CREATED: [2020-04-29]
¶TODO [C] shit, org mode generates some random ids every time blogorg
¶TODO [C] add importance, so it's easier to skip over not necessarily interesting stuff (like sufs) blog
¶TODO [D] for sufs, would be good to have a special 'github' type of post? not sure how to cache local/offline copy… or just need to merge md files blog
¶TODO [C] rerender regularly so I could fix typos etc? blog
Can I base in on or perhaps manual inotify or something?? use folder differen than _site for output?
¶TODO [C] The /now page movement | Derek Sivers blog
¶TODO [C] add 'site longevity' section or something blog
CREATED: [2020-06-03]
¶ upload to archive automatically? blog
¶TODO [C] isso comments converter should have failed at the empty database. seriously, what the fuck blog
CREATED: [2020-03-21]
¶TODO [C] isso: trying multiple comments threads on ideas page blog
CREATED: [2019-11-17]
#+HTML: <script data-isso="https://beepb00p.xyz/comments/" #+HTML: data-isso-reply-to-self="true" #+HTML: src="https://beepb00p.xyz/comments/js/embed.js"> #+HTML: </script> #+HTML: </script> #+HTML: <section #+HTML: id="isso-thread" #+HTML: data-isso-id="isso_pkm_search" #+HTML: ></section>
¶STRT [D] Myinfra comments are lost, ugh! blog
CREATED: [2020-02-13]
(during isso outage almost for a month)
¶TODO [D] Building personal search infrastructure https://beepb00p.xyz/pkm-search.html blog
reactions would be quite nice to have, as a means of acknowledgement
¶[D] Overview https://posativ.org/isso/docs blog
No anonymous comments (IP address, email and name recorded), hosted in the USA, third-party. Just like IntenseDebate, livefrye etc. When you embed Disqus, they can do anything with your readers (and probably mine Bitcoins, see the loading times).
¶TODO [D] try to base my comments off an anonymous hypothesis instance? blog
CREATED: [2019-06-27]
¶TODO [C] maybe even try to set up hypothesis-based comments? might require an elaborate overlay though? also serve static version blog
CREATED: [2019-06-27]
¶STRT [D] really need to do smth about comments; perhaps find comments without replies and use orger? blog
CREATED: [2019-10-05]
¶[E] Commenting server blog
Here you go:
Parameter Commento Isso Schnack
Latency (50% percentile) 17 ms 169 ms 236 ms
Latency (99% percentile) 132 ms 664 ms 313 ms
Requests per second 21,764 RPS 692 RPS 3,392 RPS
Memory usage 240 kB 2.2 MB 2.4 MB
Payload 15.9 kB 173 kB 40 kB
¶DONE [B] Isso – a commenting server similar to Disqus bloggrasp
¶ ok, so in sqlite table, it uses urls… I guess that should make migration easy (if necessary at ll) bloggrasp
¶ ok, isso is pretty good. easy to set up, administer, etc bloggrasp
¶Commento – dunno. also it's in Go blog
¶ adtac/commento-ce: A fast, bloat-free discussion platform https://github.com/adtac/commento-ce blog
¶ Commento / Commento · GitLab https://gitlab.com/commento/commento blog
¶ Commento is a lightweight, privacy-focused, self-hostable alternative to Disqus : selfhosted https://www.reddit.com/r/selfhosted/comments/7fx99u/commento_is_a_lightweight_privacyfocused / blog
¶[B] vkuznecovas/mouthful: Mouthful is a self-hosted alternative to Disqus https://github.com/vkuznecovas/mouthful blog
¶[B] Schnack - simple self-hosted comment system for static websites https://schnack.cool blog
¶ Articles - Physiqonomics http://physiqonomics.com/articles blogwriting
got a really good style, and I like pictures
¶TODO [D] metadatacachetime=60 – adjust blog
CREATED: [2019-02-22]
¶CANCEL [D] YBlog - Hakyll setup blog
CREATED: [2019-01-05]
http://yannesposito.com/Scratch/en/blog/Hakyll-setup/#simplify-url
¶[D] fniessen/org-html-themes: How to export Org mode files into awesome HTML in 2 minutes https://github.com/fniessen/org-html-themes blogorg
¶[C] Sharing Debugger - Facebook for Developers https://developers.facebook.com/tools/debug/ blog
¶STRT [C] leungwensen/svg-icon: An ultimate SVG icons collection DONE RIGHT, with over 10,000 SVG icons out of the box. blog
¶DONE [D] Accessing list metadata in Hakyll blog
¶TODO [C] Devine Lu Linvega: "I'll try and generate a beautiful .txt version of…" - Merveilles https://merveilles.town/@neauoire/103313823155208496 blog
if you stick to a few basic tags, going to pure txt should only take a bit of code (and is probably already doable with lynx --dump)
¶STRT [B] (Ángel)μν on Twitter: "1/15) What is the Hamiltonian? And why is it so special? Most importantly, how does it relate to Lagrangian mechanics and give us equations of motion? This is a thread on how H, the Hamiltonian can tell you the same story as L, the Lagrangian. [Warning: Technical thread] https://t.co/B18nwRAO7f" / Twitter blogpublish
https://twitter.com/astroparticular/status/1198070673819619328
tweet short summaries of my blog posts?
¶TODO [D] not sure about karlicoss.github.io in referrers blog
CREATED: [2019-12-01]
¶TODO [C] This Page is Designed to Last: A Manifesto for Preserving Content on the Web https://jeffhuang.com/designed_to_last/ blog
But why not? Well, you don't save much because your web pages should be gzipped before being sent over the network, so preemptively shrinking your content probably doesn't do much to save bandwidth if anything at all.
¶[C] commentpara.de - IndieWeb blog
commentpara.de is an anonymous commenting system for the indieweb.
ok, this seems like the best choice
¶TODO [D] myles/awesome-static-generators: A curated list of static web site generators. https://github.com/myles/awesome-static-generators blog
¶[C] Text-only websites blogplaintext
¶TODO [C] Hypothesis blog
Webmen
make a link to hypothesis comments, this looks quite good
¶[B] Computers and Creativity blog
inspiration: nice scroll progress on top
¶TODO [C] 404 page pointing at github blog/exobrain search blog
CREATED: [2021-05-06]