========================================================
========================================================
[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 · 1 week ago -
vhaadski liked this · 1 week ago -
m0th-pit reblogged this · 1 week ago -
videotape1 reblogged this · 1 week ago -
videotape1 liked this · 1 week ago
-
kumacrunch reblogged this · 1 week ago -
kumacrunch liked this · 1 week ago
-
cybert1ger reblogged this · 1 week ago -
chery1bery1 reblogged this · 1 week ago -
turnaboutsunflowerz liked this · 1 week ago -
alchive reblogged this · 1 week ago -
aloeville liked this · 1 week ago -
usuario-no-promedio liked this · 2 weeks ago -
star01007 liked this · 2 weeks ago -
victoriaxodus reblogged this · 2 weeks ago -
victoriaxodus liked this · 2 weeks ago
-
wurm-world liked this · 2 weeks ago -
rob-is-not-a-deer liked this · 2 weeks ago -
froggiefacedlovee liked this · 2 weeks ago -
parttimereptile liked this · 2 weeks ago -
ollydrawings liked this · 2 weeks ago -
whackjobwednesday reblogged this · 2 weeks ago -
traumatizedartist liked this · 2 weeks ago -
sickinabadway reblogged this · 2 weeks ago -
mechanicalprincette reblogged this · 2 weeks ago -
semi-fish liked this · 2 weeks ago -
nyancat77 reblogged this · 2 weeks ago
-
nyancat77 liked this · 2 weeks ago
-
prince-o-rot reblogged this · 2 weeks ago -
upwardsonwards reblogged this · 2 weeks ago -
p0rk-guts reblogged this · 2 weeks ago -
p0rk-guts liked this · 2 weeks ago
-
glitchedlad reblogged this · 2 weeks ago -
arenagrandchampion liked this · 2 weeks ago -
eons-adrift reblogged this · 2 weeks ago -
art-advice-ice-baby reblogged this · 2 weeks ago -
finnphobic reblogged this · 2 weeks ago -
jalenduren reblogged this · 2 weeks ago -
polkanpop liked this · 2 weeks ago -
xdrakesboyfriend liked this · 2 weeks ago -
two-colonial-capitalists-kissing liked this · 2 weeks ago -
juliasarchiveds liked this · 2 weeks ago -
loistired liked this · 2 weeks ago -
thottykunikida reblogged this · 2 weeks ago -
thottykunikida liked this · 2 weeks ago
-
afterdarkthirty reblogged this · 2 weeks ago -
afterdarkthirty liked this · 2 weeks ago
-
landmineboygirl liked this · 2 weeks ago
