diff options
Diffstat (limited to 'build/dump/index.html')
| -rw-r--r-- | build/dump/index.html | 131 |
1 files changed, 131 insertions, 0 deletions
diff --git a/build/dump/index.html b/build/dump/index.html new file mode 100644 index 0000000..fae2080 --- /dev/null +++ b/build/dump/index.html @@ -0,0 +1,131 @@ +<!doctype html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <meta name="color-scheme" content="dark light"> + <link rel="icon" href="data:,"> + <title>Don't Make a Blog, Make a Brain Dump</title> + <link href="/atom.xml" type="application/atom+xml" rel="alternate" title="Atom feed for blog posts" /> + <link href="/rss.xml" type="application/rss+xml" rel="alternate" title="RSS feed for blog posts" /> +<style>*{box-sizing:border-box;}body{font-family:sans-serif;line-height:1.33;margin:0 auto;max-width:650px;padding:1rem;}blockquote{background:rgba(0,0,0,0.1);border-left:4px solid;padding-left:5px;}img{max-width:100%;}pre{border:1px solid;overflow:auto;padding:5px;}table{text-align:left;width:100%;}.footnotes{font-size:90%;}</style> +</head> + +<nav> + <a href="#menu">Menu ↓</a> +</nav> + +<main> +<h1 id="dont-make-a-blog-make-a-brain-dump">Don’t Make a Blog, Make a Brain Dump</h1> +<p>2022-09-10</p> +<p>Not enough people have personal blogs. This is a point brought up by many of those passionate about the “golden age” in the timeline of the modern internet. A time when websites were more like a small collection of winding side-streets and flea markets. Today, it’s all shopping malls, hostile pedestrians, and corporate buildings. People have their one or two “outlets” that make it easier for them to meet-up with friends and family. There’s no need for these people to have their “own thing”. Someone else has already built it for them. They’re become fully adjusted to their internet slums.</p> +<p>Okay, sorry about the terrible metaphors. But you get my point. <em>Convenience breeds laziness</em>. <em>Laziness breeds mediocrity</em>.</p> +<h2 id="whats-a-brain-dump">What’s a “Brain Dump”?</h2> +<p>A brain dump is a better way to look at sharing your own experiences or thoughts on the web. The term “blog” has a lot of baggage connected to it, so newcomers are quickly scared away by the concept. Or even worse - they decide to only share themselves on locked-in, walled gardens<sup id="fnref1"><a href="#fn1" rel="footnote">1</a></sup>.</p> +<p>Another problem arises when you finally <em>do</em> convince someone to start “blogging” online; self-doubt.</p> +<ul> +<li>“What could I possibly have to share?”</li> +<li>“What if everyone <em>hates</em> what I post?”</li> +<li>“What if my content sucks?”</li> +</ul> +<p>Just dump it. Who cares. It’s the internet after all, so who are you trying to impress? The point is that your sharing your own experiences that are unique to you as an individual. Posting something that you think is pointless or mundane might be extremely helpful or, at the very least, entertaining for someone else.</p> +<p>Write up what you did over the weekend, a new recipe you tried out, review a movie/book or video game you enjoyed, list step-by-step instructions on how you installed a new appliance in your house - anything! Just <em>write</em> and be part of what made the internet fun, exciting and personal again.</p> +<p>But let me reiterate: <strong>stay away from walled gardens!</strong> Control your own space on the internet. Be the master of your own brain dump! Say “screw you” to app algorithms and <em>trending</em> bullshit. Just be you.</p> +<p>Convinced? Awesome. Now let’s get into setting things up. I’ll break these down into two separate categories: one for those with limited web/software experience, and one for those wanting a little more control.</p> +<h3 id="no-code-solutions">No Code Solutions</h3> +<p>Before I get into my suggested options in this “no-code” category, I would like to mention why WordPress <em>is not</em> listed here. Personally, I think WordPress gets in the way of users wanting to “just blog”. There once was an era where blogging was WP’s main focus, but that is now a time long forgotten. It tries to do too much. The back-end is a cluttered mess. Initial learning curves for security, plugins and themes is far too great for newbies. Gutenberg - dear God.</p> +<p>That’s not even mentioning hosting costs, installation, backups, etc. My personal take - just steer clear. This option is better suited in the <em>second</em> category for those with more web experience.</p> +<p>With that out of the way, let’s see my top selections for “no-code”:</p> +<h4 id="blot">Blot</h4> +<p><a href="https://blot.im/">Blot</a> has been around for quite a while. You simply post to a third-party service like Dropbox, Google Drive or a <code>git</code> repo and Blot takes care of the rest.</p> +<ul> +<li>$4/month (includes custom domain use, hosting & support)</li> +<li>Easy sign up</li> +<li>Multiple themes to choose from</li> +</ul> +<h4 id="bear-blog">Bear Blog</h4> +<p><a href="https://bearblog.dev/">Bear Blog</a> is an excellent platform that focuses on content and not much else.</p> +<ul> +<li>Free ($25/year for extras)</li> +<li>Easy sign up</li> +<li>No trackers, no javascript, no ads</li> +</ul> +<h4 id="mataroa-blog">Mataroa Blog</h4> +<p><a href="https://mataroa.blog/">Mataroa</a> follows in the same vein as Bear Blog, a simple blogging platform focused on <em>writing</em>.</p> +<ul> +<li>Free (with optional $9/year for premium features)</li> +<li>No ads, no tracking</li> +<li>Open source</li> +</ul> +<h4 id="write.as">Write.as</h4> +<p><a href="https://write.as/">Write.as</a> is another good option for those looking to just get words down and shared on the internet.</p> +<ul> +<li>Free with optional paid tiers (custom domains, themes etc.)</li> +<li>Option to self host via <a href="https://writefreely.org/">Write Freely</a></li> +</ul> +<h3 id="build-your-own">Build Your Own</h3> +<p>If you’re deep into this section of the post, I think it’s safe to assume your technical level is fairly <em>decent</em>. So, I won’t be into great detail with the options below:</p> +<h4 id="sourcehut-pages">SourceHut Pages</h4> +<p>This very website you’re reading is built and run off of <a href="https://srht.site/">SourceHut Pages</a>. I highly recommend the service.</p> +<ul> +<li>$3+/month (depending on what you <em>choose</em> to pay)</li> +<li>No javascript, no trackers</li> +<li>Customizable build settings</li> +<li>Support open source software!</li> +</ul> +<p><strong>Sidenote:</strong> If you’re interested in setting up a SSG (such as Jekyll or Hugo) through SourceHut, feel free to <a href="https://git.sr.ht/~bt/bt.ht">fork this very website as a starting point</a>. I also wrote up how to publish/build a Jekyll site on SourceHut in a <a href="/srht">separate post</a> if you wish to see all the nitty-gritty details.</p> +<h4 id="wordpress">WordPress</h4> +<p>As I mentioned above, I find this platform can be a little overkill for a simple “blog” (or in this case, a brain dump). I’m aware that many devs might already be familiar with WP, so it makes sense to include it here.</p> +<ul> +<li>Free options (custom domains, premium features will require some form of paid hosting)</li> +<li>Room for growth with extensive plugins / themes</li> +<li>Huge amount of documentation and resources</li> +</ul> +<h4 id="static-html-and-a-web-host">Static HTML and a Web Host</h4> +<p>Why not, right? Using a service like <a href="https://www.nearlyfreespeech.net/">NearlyFreeSpeech</a> or spinning up a cheap VPS with <a href="https://www.digitalocean.com/">DigitalOcean</a> and then dropping static HTML files on your server is pretty straightforward. You don’t need any fancy scripts or syncing tools - an FTP client and a text editor is more than enough!</p> +<ul> +<li>$2-5/month (depending on service provider)</li> +<li>“Drag-and-drop” workflow</li> +<li>Easily portable to other hosting services in the future</li> +</ul> +<h4 id="github-pages">GitHub Pages</h4> +<p>Since GitHub is used by almost every developer across the globe, it makes sense to mention their free website hosting option via <a href="https://pages.github.com/">GitHub Pages</a>. I personally <em>don’t</em> advise newcomers to use this platform, but you’re free to do as you like!</p> +<ul> +<li>“Free”</li> +<li>Fairly limited (no static site plugin support)</li> +</ul> +<h2 id="wrapping-up">Wrapping Up</h2> +<p>There are many services in both categories above that I did not include. That’s okay. I didn’t exclude them because I <em>dislike</em> them but instead focused on what <em>I believe</em> to be the easiest solutions for both camps (techies and non-techies).</p> +<p>At the end of the day - who cares what you choose. Just choose <em>something</em>. Stop looking at it as “blogging” or trying to “capture an audience”. Dump your brain’s thoughts out into the internet, on your <em>own piece</em> of the internet, and help make the world wide web as fun as it used to be!</p> +<div class="footnotes"> +<hr/> +<ol> + +<li id="fn1"> +<p>Facebook, Twitter, Reddit, Instagram, etc. These should be completely avoided for the sake of both your health and your internet freedom. <a href="#fnref1" rev="footnote">↩</a></p> +</li> + +</ol> +</div> +<footer role="contentinfo"> + <h2>Menu Navigation</h2> + <ul id="menu"> + <li><a href="/">Home</a></li> + <li><a href="/projects">Projects</a></li> + <li><a href="/uses">Uses</a></li> + <li><a href="/wiki">Wiki</a></li> + <li><a href="/resume">Resume</a></li> + <li><a href="/colophon">Colophon</a></li> + <li><a href="/now">Now</a></li> + <li><a href="/donate">Donate</a></li> + <li><a href="/atom.xml">RSS</a></li> + <li><a href="#top">↑ Top of the page</a></li> + </ul> + <small> + Built with <a href="https://barf.btxx.org">barf</a>. <br> + Feeds: <a href="/atom.xml">Atom</a> & <a href="/rss.xml">RSS</a><br> + Maintained with ♥ for the web. <br> + Proud supporter of <a href="https://usefathom.com/ref/DKHJVX">Fathom</a> & <a href="https://nextdns.io/?from=74d3p3h8">NextDNS</a>. <br> + The content for this site is <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>.<br> The <a href="https://git.sr.ht/~bt/bt.ht">code for this site</a> is <a href="https://git.sr.ht/~bt/bt.ht/tree/master/item/LICENSE">MIT</a>. + </small> +</footer>
\ No newline at end of file |