Back at it again

Well I certainly haven’t done much with this lately. Part of that is I just feel like I didn’t have much to say and part of it is the setup I had was a little too much of a pain to deploy. Because, you know, actually having to log in and push 2 or 3 buttons is so much of a pain. Anyway, I got a bug up my butt and figured out how to build things with AWS and GitHub and did a small project over at Evil Peep which has been sitting dormant for around 12 years. I figured while I was at it I might was well implement it for my site and use the opportunity to move from my old domain to this one! While I’m at it I figured I’d document what I did to make it all work.

Disclaimer

First off let me say that I am by no means an authority on web technology, I wanted to re-do my website and part of that is making content. Writing is one of the things that I really suck at doing so I’m basically forcing myself to do it here, and part of that is discussing the technologies I’ve used over the years to build it.

How my websites were built

The early days

Back in the mid to late 90s, around the time I was graduating from college, the web started to become a thing. It was this neat new tool that would allow you build something that anyone in the world could see. The functionality was pretty limited and a good portion of the content was written in HTML (hypertext markup language), by hand, in text files and had to be set up manually on your system (usually in a directory like ~\public_html\). You had to set permissions and do all sorts of crazy stuff to make it work and even beyond that you had to have access to a computer system that allowed you to host websites.

Tiktok shortcode for Hugo

When i was trying to post my adorable Tiktok of a wee baby duck that was just hatching, I couldn’t find anything about embedding Tiktoks into Hugo. I tried just pasting the embed code into a markdown page, but it didn’t work so I wrote a quick and dirty shortcode to do it:

tiktok.html:

Save this code in \layouts\shortcodes\tiktok.html

<script async src="https://www.tiktok.com/embed.js"></script> 
   
<blockquote class="tiktok-embed" cite="https://www.tiktok.com/{{ .Get "usr" }}/video/{{ .Get "id" }}" data-video-id="{{ .Get "id" }}" style="max-width: 605px;min-width: 325px;" > 
<section> 
   	<a target="_blank" title="@chaos46692" href="https://www.tiktok.com/@chaos46692">@chaos46692</a> 
   	<p></p> 
   	<a target="_blank" title="Music" href="https://www.tiktok.com/music/{{ .Get "music" }}">Music</a> 
</section> 
</blockquote> 

Parameters

On a tiktok video when you select “Share” there will be an option to Embed

I’ve had a lot of fun setting up Hugo to set it up how I want. I will caveat this with a few things - I tried to do things the right way (not editing the theme directly) but I’m really really really fucking impatient and in a lot of cases I just edited the theme because I don’t want to deal with this shit. I’m never going to update it so screw it.

While setting up this website I was constantly greeted by this in my address bar:

I have no real reason for it to piss me off but it surely did. This must be remedied.

My hosting is different from my registrar/DNS so accomplishing it took a little more work than it might if you have all that stuff in one place. I use namecheap as my registrar/DNS and HostPapa for my hosting (mostly because I used to use Lunarpages and they got bought by HostPapa). I don’t necessarily recommend any of these services - I am lazy and interia accounts for a lot of why I’m with them, I’m just telling you where I’m coming from.

Well hey look it worked! That’s pretty rad. I don’t have a lot to add to this, mostly this post is to make sure the script that I wrote to autobuild and commit to [GitHub](git commit -a –allow-empty-message) works =)