added vault builder from public tag documents

This commit is contained in:
venus
2026-03-04 02:10:30 -06:00
parent 394c70454f
commit 0834ddc9cb
11 changed files with 227 additions and 4 deletions

View File

@@ -0,0 +1,82 @@
---
tags:
- public
- notes
- tutorial
- code
- project
- blog
---
# So you need a website
## Overview
1. How do websites work
2. 3 things that you need
3. What are your options
1. Premium
2. Custom
3. DIY
1. Registering a domain
1. What is DNS
2. Picking a domain
3. setting up a registrar
2. Building a frontend
1. Chat GPT
2. DeepSite
3. DIY options
4. UX and frontend resources
3. Setting up GH pages
1. GH account
2. Set up New Repo
3. Importing Code
4. Setting the DNS
## how do websites work
There are 3 main elements of the internet: your computer, the website's code, and the path between the two.
You can download [this page]() and open it in your computer. Notice how your browser's address doesn't say "Https://%url%" but instead shows a file location on your own machine.
The internet is the same phenomenon, but between multiple computers. URL, (the technical name for a link, or website address) simply stands for Universal Resource Locator and is just a way of telling your computer how to access a file on someone else's computer.*
There are lots of complicated standards for how computers actually talk to each other. The most relevant here is DNS, which stands for Domain Name System. It is how we assign internet-connected computers (called servers) with human readable names. There are special DNS servers which are responsible for telling your computer where in the world a specific website is stored.
A URL, a frontend, and server to host it are all that you need to create a website. I will explain how to simply and affordably (or even for free) set up each of these elements.
*url's can end in [.pdf](example), [.jpg](example), or other file extensions. Just like files on your computer.*
## What do you need
### A URL
Simply a link that is going to point to your website. You can buy one from a domain registrar and configure it in just a few minutes.
### A Website file to display
This is what people will see when they visit your website.
### A computer to display it on
There are myriad ways to accomplish this from renting a server from someone, to putting on in your house, to taking advantage of already free web hosting tools. I'm going to show you how to use GitHub's* free hosting service
*GitHub is owned by Microsoft and is the largest code distribution and hosting service. Most companies and developers rely on it's services daily.*
## Getting A Domain
The process of registering a domain takes only a few minutes, and a couple of steps.
There are a number of websites that control who has access to websites, and which servers they point to. They are all basically the same. I've picked out [namecheap](https://namecheap.com) for this tutorial.
To register a domain just head over to their site, find a domain that you want, and purchase it. Watch out for these:
1. First year prices are often discounted. Watch for a renewal rate.
2. Save your password somewhere. You will hopefully have this website for a long time, and you may have someone else manage it for you eventually.
3. Marketable domains are often short and easy to spell. Imagine verbally telling someone how to visit the website.
Make sure to verify your email and save your login information, as we will be needing to log back in shortly.
### Building a frontend