100 Sites Part 4

Site 12 - 13

12. NEOCITIES

Free hosting, lifetime, only once

GO TO https://neocities.org/ create new account

Verify account with code

Scroll down Click Go to the dashboard >>

Delete 3 files

Go to https://github.com/danielsacramanto/NEWNEOCITIES and download zip

Extract in a new folder and open index.html file with notepad++

Copy the whole index file and then go to neocities and click on edit on index.html file

Paste and click save

Click Dashboard at the top left

Click New Folder and name the folder css

Enter into this folder, 

Open css folder in computer site files and drag and drop 2 files of your css folder. 

click home

Go back to the site files folder on PC and drag and drop rest of the files one by one.

Click on index.html on neocities to visit site.

Sample: https://mixxerly.neocities.org/

HOW TO UPLOAD NEW POST:

Create a copy of newpost.html file

Rename and edit it to create a new post.

Upload to neocities.


============================


13. FIREBASE

Cloud hosting, lifetime, only once

Open the Chrome you're going to create account and close other chromes

Go to https://firebase.google.com/ click add project

Name project, disable analytics, create project

Create folder on pc for this firebase site

Create a folder named public inside firebase folder


Go to https://github.com/danielsacramanto/NEWFIREBSE and download zip

Extract in a new folder and move the contents into your firebase public folder 

Go to firebase console and click on hosting (left menu)

Click get started


Click on folder address bar and type cmd

copy paste the first command into command prompt (npm install -g firebase-tools) and wait

Type firebase login

See if correct email is logged in

or else type firebase logout


Then type firebase login

type y for yes and press enter

give necessary permissions in browser


type firebase init in cmd

it will show you your firebase folder. type y and enter to continue

press down arrow 3 times to highlight hosting option

when hosting option is highlighted, press the spacebar once to select

press enter 

press enter again (use an existing project option)

select the desired project with up down arrow and press enter (if there are multiple project in your firebase)

press enter for public

press n and press enter

again press n and press enter


file index.html already exists. overwrite? NO. press n and enter

once init is complete type firebase deploy

visit the site from firebase hosting console 


Sample: https://newfirebse-dd397.web.app


HOW TO POST NEW ARTICLE?

Go to the public folder in pc. 

copy the newpost file 

rename and edit to create new post. save file

go back where public folder can be seen and type cmd in address bar

type firebase deploy

visit site and check the post in its address -

https://YOURFIREBASE.web.app/YOURPOSTNAME.html


Edit site files in PC and firebase deploy to make any changes.


==================================