========================================================
========================================================
[tutorial: build your own neocities/nekoweb page]
========================================================
a beginner's guide for making your very own home on the indie web—retro, personal, weird, and 100% yours.
this ain’t an average wix, squarespace, or tiktok aesthetic.
we’re talking full html/css with soul and attitude.
[ prerequisites ]
------------------
> an idea
> basic text editor (vscode, notepad++, or even notepad)
> account on https://neocities.org or https://nekoweb.org
> some gifs or tiles you love (dig deep or make your own)
> optional: image host or gif repo (or self-host everything)
[ feeling overwhelmed? read this. ]
-----------------------------------
you do *not* need to know everything.
html is not a mountain. it's a garden.
you plant one tag. then another. then a style. then a button.
you can build your site piece by piece.
and every piece is a portal to somewhere personal.
you are allowed to make broken pages.
you are allowed to use templates.
you are allowed to start over as many times as you want.
this is *your* world. you control the weird.
[ step 1: create an account ]
-----------------------------
> neocities: https://neocities.org
> nekoweb: https://nekoweb.org
register a name, log in, and enter your file manager.
this is where you upload your files and see your site live.
[ step 2: your first file - index.html ]
----------------------------------------
make a new file: `index.html`
basic starter:
<html>
<head>
<title>my weird little corner</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>welcome to the void</h1>
<p>this is my page. it’s strange. like me.</p>
<img src="mygif.gif">
</body>
</html>
> upload to the dashboard
> boom. you’re live at
https://yoursite.neocities.org
or https://nekoweb.org/u/yoursite
[ step 3: add a style sheet - style.css ]
-----------------------------------------
create a file called `style.css` and upload it.
here’s some nostalgic magic:
body {
background: url('tile.gif');
color: lime;
font-family: "Courier New", monospace;
text-shadow: 1px 1px 0 black;
}
img {
image-rendering: pixelated;
}
marquee {
font-size: 20px;
color: magenta;
}
link it in your html and the vibes activate.
[ step 4: decorate it like a haunted usb ]
------------------------------------------
> use <marquee> for chaos scrolls
> embed gifs from https://gifcities.org/
> steal buttons from https://cyber.dabamos.de/88x31/
> set up a guestbook at https://www.smartgb.com/
> loop audio with <audio autoplay loop>
> add fake errors, 90s web lore, random link lists
[ step 5: resources, themes, and comfort ]
------------------------------------------
> templates & layouts: https://numbpilled-themes.tumblr.com
> glitchy gifs & buttons: https://glitchcat.neocities.org/resources
> layout builder: https://sadgrl.online/projects/layout-builder/
> free tiled backgrounds: https://backgrounds.neocities.org/
> beginner html intro: https://www.w3schools.com/html/
> pixel fonts & cyber assets: https://fontstruct.com/
remember:
you don't need to know js. you don't need to be a coder.
you just need a mood, a direction, a dream.
the html will follow.
[ bonus concept: shrine pages ]
-------------------------------
> a page just for one character you love
> a room to house digital fragments of your identity
> embed quotes, music, images like altars
> call it shrine.html and link it from your homepage
[ closing mantra ]
------------------
you are not here to be optimized.
you are not a brand.
you are a ghost inside the machine,
carving your initials into the silicon void.
welcome to Your website.
========================================================
More Posts from M0th-pit and Others
*picks song*
*5 songs play before the one I picked*
*song I picked finally comes on*
*accidentally skips it*
*AAAAAAAAAAAAAA.wav*
Yall ever just
*Frutiger aero noises*
*meme soundbyte*
*sounds of microwave having seizure*
#good night eeper
11am.
Sleepy time.
Reblog to make it die faster
I luv emo boys sm! Their so kewl!! Same with emo girlz their kewl too <3
Gotta pay for that Switch 2 somehow
Yeah you could say I’m doing numbers on tumblr. And that numbers? One
Kermit for pope
I was trying to find out if Kermit was eligible to be pope and I found a blog that says he's the perfect example of a catholic priest
I’m glad to see you walk across my dash, you cute little whatever-you-are, hope you have a great dHEY GIVE ME MY DIRT BACK
dont mind me im just wandering across your dash
-
gayhusband liked this · 4 days ago -
vhaadski liked this · 5 days ago -
m0th-pit reblogged this · 5 days ago -
videotape1 reblogged this · 5 days ago -
videotape1 liked this · 5 days ago
-
kumacrunch reblogged this · 6 days ago -
kumacrunch liked this · 6 days ago
-
cybert1ger reblogged this · 6 days ago -
chery1bery1 reblogged this · 6 days ago -
turnaboutsunflowerz liked this · 1 week ago -
alchive reblogged this · 1 week ago -
aloeville liked this · 1 week ago -
usuario-no-promedio liked this · 1 week ago -
star01007 liked this · 1 week ago -
victoriaxodus reblogged this · 1 week ago -
victoriaxodus liked this · 1 week ago
-
wurm-world liked this · 1 week ago -
rob-is-not-a-deer liked this · 1 week ago -
froggiefacedlovee liked this · 1 week ago -
parttimereptile liked this · 1 week ago -
ollydrawings liked this · 1 week ago -
whackjobwednesday reblogged this · 1 week ago -
traumatizedartist liked this · 1 week ago -
sickinabadway reblogged this · 1 week ago -
mechanicalprincette reblogged this · 1 week ago -
semi-fish liked this · 1 week ago -
nyancat77 reblogged this · 1 week ago
-
nyancat77 liked this · 1 week ago
-
prince-o-rot reblogged this · 1 week ago -
upwardsonwards reblogged this · 1 week ago -
p0rk-guts reblogged this · 1 week ago -
p0rk-guts liked this · 1 week ago
-
glitchedlad reblogged this · 1 week ago -
arenagrandchampion liked this · 1 week ago -
eons-adrift reblogged this · 1 week ago -
art-advice-ice-baby reblogged this · 1 week ago -
finnphobic reblogged this · 1 week ago -
jalenduren reblogged this · 1 week ago -
polkanpop liked this · 1 week ago -
xdrakesboyfriend liked this · 1 week ago -
two-colonial-capitalists-kissing liked this · 1 week ago -
juliasarchiveds liked this · 1 week ago -
loistired liked this · 1 week ago -
thottykunikida reblogged this · 1 week ago -
thottykunikida liked this · 1 week ago
-
afterdarkthirty reblogged this · 1 week ago -
afterdarkthirty liked this · 1 week ago
-
landmineboygirl liked this · 1 week ago
