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