Skip to content

ifueko/personal_website_tutorial

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Personal Website Tutorial

CLONE THE REPO HERE

author: Ifueko Igbinedion

This is a quick website tutorial for those trying to make a personal website or a website that does not require siginifant e-commerce (or other features requiring advanced authentication or server-side programming).

TOOLS USED

Any editor should suffice, but I like Atom because of its easy github integration mechanisms.

Languages

This tutorial does mostly HTML/CSS editing, with a bit of javascript.

This is the framework we are using to make the websites as responsive as possible with minimal work. Check the documentation for more details.

Animate on Scroll (AOS) Library

This allows for extremely easy animations to be added to your website, with very little setup.

This is a great favicon generator that allows you to make icons for your website from png, emoji or text.

We actually arent doing too much with jquery, but its useful for any type of dynamic content that is client-side.

This is basically a paint application, and is good for simple graphics.

This is a powerful, free photo manipulation tool, similar to photoshop/illustrator. Many people suggest it because of the ease of figuring things out (comparatively...)

This is where I typically purchase my domains, as they are often standardized at $12/year. Some are more expensive, but the majority are at this price. It also alows for cheap email and FREE email forwarding.

We edit the DNS settings in this dashboard to publish our website.

GitHub/Github Pages

We're hosting on github pages in this tutorial. Check out the documentation for details, but most of the settings you need to

CAVEATS

Github Pages: No "Dynamic" Server Side Code

None of the code that you launch on github pages can be executed on the server side. So any php, python, etc bindings you try to create that may work on a different hosting service will not work with this type of website.

GitHub Free SSL: Certificate Mismatches

While github pages allows for SSL that is in fact secure, if you add https with www in your url, it will show up as insecure because the certificate is owned/licensed by github. To avoid this, never link using both https and www at the same time. I typically just suggest using http, as the site will still resolve to https.

TUTORIAL

About

Quick Tutorial for Github Hosted Free Static Websites

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published