inherentlee/leecat.art-site
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

drone build Sat Sep 12 10:51:15 PDT 2026

Browse Source
This commit is contained in:
inherentlee
2026-09-12 17:51:15 +00:00
parent 0eaaf8ef62
commit ef0db8e0be
312 changed files with 5378 additions and 3649 deletions
Download Patch File Download Diff File Expand all files Collapse all files
domain-and-site-setup/index.html
+18 -16
View File
@@ -1214,6 +1214,12 @@ pagefind-searchbox input:not(:focus-visible) {
box-shadow: var(--pf-shadow-md) !important;
}
@media (max-width: 650px) {
.pf-trigger-shortcut {
display: none !important;
}
}
.pf-searchbox-dropdown,
.pf-searchbox-footer {
border-width: .125rem !important;
@@ -1834,12 +1840,12 @@ switch (currentThemeValue) {
<p>After following this writeup, you should have:</p>
<ul>
<li>a <strong>domain name</strong>: domain names identify internet locations with an easier-to-remember string than an IP (Internet Protocol) address.</li>
<li>a <strong>static website</strong>: <em>static</em> means that the site has fixed, pre-built assets that remain the same regardless of who is viewing them (or the time of day, or the weather, or...). A static site can still vary widely in complexity! I created my static site using <a href="https://pages.github.com/" target="_blank" rel="external">GitHub Pages</a>, a free offering that requires some technical skill to configure, but I'll mention some alternate routes that require less technical know-how, including simply letting your domain name point to an existing site you don't control - like your <a href="https://artisans.coop/" :target="_blank">Artisans Cooperative</a> storefront.</li>
<li>a <strong>static website</strong>: <em>static</em> means that the site has fixed, pre-built assets that remain the same regardless of who is viewing them (or the time of day, or the weather, or...). A static site can still vary widely in complexity! I created my static site using <a href="https://pages.github.com/" target="_blank" rel="external">GitHub Pages</a>, a free offering that requires some technical skill to configure, but I'll mention some alternate routes that require less technical know-how, including simply letting your domain name point to an existing site you don't control - like your <a href="https://artisans.coop/" target="_blank" rel="external">Artisans Cooperative</a> storefront.</li>
</ul>
<p>This writeup will <em>not</em> cover every possible route to getting your own home on the web - there's far too many options out there. It's just meant to give you a starting point and a few ideas.</p>
<h2 id="domain-name">Domain name</h2>
<h3 id="top-level-domains-tlds">Top-level domains (TLDs)</h3>
<p>I started planning my domain name by reviewing the list of TLDs - things like &quot;.org&quot; or &quot;.com&quot;. ICANN (the Internet Corporation for Assigned Names and Numbers) maintains a <a href="https://www.icann.org/resources/pages/tlds-2012-02-25-en" target="_blank" rel="external">list of all TLDs</a> - it's long! Reviewing this list can help you think of potential domain names. You can also look at a list like <a href="https://en.wikipedia.org/wiki/List_of_Internet_top-level_domains" :target="_blank">this one Wikipedia maintains</a> - it has more detail and can tell you if a specific TLD is for a given country, reserved for specific uses, or (what you probably want) for general use.</p>
<p>I started planning my domain name by reviewing the list of TLDs - things like &quot;.org&quot; or &quot;.com&quot;. ICANN (the Internet Corporation for Assigned Names and Numbers) maintains a <a href="https://www.icann.org/resources/pages/tlds-2012-02-25-en" target="_blank" rel="external">list of all TLDs</a> - it's long! Reviewing this list can help you think of potential domain names. You can also look at a list like <a href="https://en.wikipedia.org/wiki/List_of_Internet_top-level_domains" target="_blank" rel="external">this one Wikipedia maintains</a> - it has more detail and can tell you if a specific TLD is for a given country, reserved for specific uses, or (what you probably want) for general use.</p>
<p>Personally, I narrowed it down to two - &quot;.art&quot; or &quot;.gay&quot;. From there, it's off to the domain registrars! These are companies that offer domain names for sale. Here's <a href="https://www.forbes.com/advisor/business/software/best-domain-registrar/" target="_blank" rel="external">an article from Forbes Advisor reviewing some of the major names in the space</a>. I use Namecheap, but don't let that bias you. Look around at pricing (pay attention to the rate for year 2 onward - domain registrars often offer super low year 1 rates to hook customers) and consider other features, like support availability.</p>
<h3 id="decide-on-a-full-domain-name">Decide on a full domain name</h3>
<p>Narrowing down a TLD isn't the only choice - you also need to decide what goes in front of that! Some things to think about:</p>
@@ -1855,13 +1861,13 @@ switch (currentThemeValue) {
<h3 id="option-1-simple-redirect">Option 1: simple redirect</h3>
<p>The easiest way to utilize a domain name is to have it redirect to another URL. I'm not going to go through how to set up a domain redirect with every possible provider, but if you search up &quot;[your domain registrar] redirect&quot; you should find useful documentation.</p>
<h3 id="option-1-but-better-redirect-to-a-link-tree">Option 1, but better: redirect to a link tree</h3>
<p>Link trees (popularized by <a href="https://linktr.ee/" target="_blank" rel="external">linktree</a>) are a single page with a collection of links maintained by an owner. You can use linktree or check out this <a href="https://www.wired.com/story/link-in-bio-linktree-alternatives/" :target="_blank">WIRED article with alternatives</a>. Some are paid, usually small monthly fees, and some are free.</p>
<p>Link trees (popularized by <a href="https://linktr.ee/" target="_blank" rel="external">linktree</a>) are a single page with a collection of links maintained by an owner. You can use linktree or check out this <a href="https://www.wired.com/story/link-in-bio-linktree-alternatives/" target="_blank" rel="external">WIRED article with alternatives</a>. Some are paid, usually small monthly fees, and some are free.</p>
<h3 id="option-2-static-site-with-github-pages">Option 2: static site with GitHub Pages</h3>
<h4 id="wait-whats-github">Wait, what's GitHub?</h4>
<p><a href="https://github.com/" target="_blank" rel="external">GitHub</a> - wait, no.</p>
<p>First, let's talk about <a href="https://git-scm.com/" target="_blank" rel="external">git</a>. Git is a <em>version control system</em>, a type of software that manages changes to a set of files. This allows the owner(s) of those files to do things like revert changes or compare current and historical versions of files. It also allows for multiple people to work on the same shared file repository without creating conflicts.</p>
<p>GitHub is a centralized source for many, many git repositories. It essentially allows you to back up both your code and the log of all changes to the cloud (someone else's computer). It also supports <a href="https://pages.github.com/" target="_blank" rel="external">GitHub Pages</a>, a free way to host a static site of your own.</p>
<p>To get started with GitHub, you'll first need to <a href="https://github.com/signup" target="_blank" rel="external">create an account</a> if you don't have one. If you want to learn some GitHub basics, the GitHub team has created this handy <a href="https://github.com/skills/introduction-to-github" :target="_blank">introduction to GitHub</a> that walks you through some basic git and GitHub concepts.</p>
<p>To get started with GitHub, you'll first need to <a href="https://github.com/signup" target="_blank" rel="external">create an account</a> if you don't have one. If you want to learn some GitHub basics, the GitHub team has created this handy <a href="https://github.com/skills/introduction-to-github" target="_blank" rel="external">introduction to GitHub</a> that walks you through some basic git and GitHub concepts.</p>
<h3 id="now-that-we-know-what-github-is">Now that we know what GitHub is...</h3>
<p>The GitHub documentation is pretty thorough, so let's point to some articles over there.</p>
<ul>
@@ -1876,7 +1882,7 @@ switch (currentThemeValue) {
</ul>
</li>
<li><a href="https://docs.github.com/en/pages/configuring-a-custom-domain-for-your-github-pages-site/managing-a-custom-domain-for-your-github-pages-site" target="_blank" rel="external">Managing a custom domain for your GitHub Pages site</a> will allow you to use that domain name you bought earlier for your new website!</li>
<li>GitHub Pages is powered by <a href="https://jekyllrb.com/" target="_blank" rel="external">Jekyll</a>, a tool for generating static sites from Markdown (.md) files. <a href="https://jekyllrb.com/docs/structure/" :target="_blank">Learn more about a Jekyll project's file directory structure</a></li>
<li>GitHub Pages is powered by <a href="https://jekyllrb.com/" target="_blank" rel="external">Jekyll</a>, a tool for generating static sites from Markdown (.md) files. <a href="https://jekyllrb.com/docs/structure/" target="_blank" rel="external">Learn more about a Jekyll project's file directory structure</a></li>
</ul>
</article>
@@ -1920,33 +1926,29 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/designing-a-bag/">
<h2 data-ha-exclude="" id="designing-a-bag">designing a bag </h2>
<a class="postlink" href="/screen-reader-optimizations/">
<h2 data-ha-exclude="" id="screen-reader-optimizations">screen reader optimizations </h2>
<ul class="postlist-tags">
<li>leather</li>
<li>software</li>
</ul>
<img src="/img/shoelace-bag.jpg" alt="a 3-image collage showcasing a leather crossbody bag. the leather body is brown and fairly simple. up the narrow sides, rope is laced through grommets in a style resembling a shoe lacing. the rope forms the handle and loops seamlessly through the other side of the bag, joining in one point in a figure-8 follow-through knot. At the bottom corners, there are small diagonal lines of stitching to give the bag a small lip around the base and ensure small objects don&#39;t slide out." loading="lazy" decoding="async" width="1000" height="1777">
<img src="/img/crow.jpg" alt="Image unrelated to post. A crow poses on driftwood against a whitish sky." loading="lazy" decoding="async" width="1000" height="666">
</a>
</li>
<li class="post">
<a class="postlink" href="/azure-locations-and-file-crawling/">
<h2 data-ha-exclude="" id="azure-locations-and-file-crawling">azure locations and file crawling </h2>
<a class="postlink" href="/intro-to-wireframing/">
<h2 data-ha-exclude="" id="intro-to-wireframing">intro to wireframing </h2>
<ul class="postlist-tags">
<li>software</li>
<li>highlight</li>
</ul>
<img src="/img/azure-locations.jpg" alt="A Linux terminal. There is a fun rainbow flag in ascii art at the top, and then the user has called a command asking Azure for a list of locations applicable to a specific resource type. The output is lengthy." loading="lazy" decoding="async" width="1000" height="827">
<img src="/img/aggregator-wireframes.jpg" alt="a figma page with 4 major sections titled aggregator, aggregator mobile, aggregator color, and aggregator mobile color. each section has 7 pages in it - all sections pretty clearly have the same 7 pages, with the mobile sections shown on mobile screens and the color sections in a rainbow of pastels rather than grayscale." loading="lazy" decoding="async" width="1000" height="1042">
</a>
</li>
@@ -2021,6 +2023,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/domain-and-site-setup/` was built on 2026-09-12T17:14:02.789Z -->
<!-- This page `/domain-and-site-setup/` was built on 2026-09-12T17:51:00.623Z -->
</body>
</html>