Skip to content

First iteration of my personal website built with Gatsby

License

Notifications You must be signed in to change notification settings

mikehsin/mikehsin.github.io

 
 

Repository files navigation

Logo

Mike Hsin Portfolio

The first iteration of Yi-Hsien (Mike) Hsin's portfolio website built with Gatsby and hosted on Netlify

demo

TL;DR

Yes, you can fork this repo. Please give the designer the proper credit by linking back to brittanychiang.com. Thanks!

🛠 Installation & Set Up

  1. Install the Gatsby CLI

    npm install -g gatsby-cli
  2. Install and use the correct version of Node using NVM

    nvm install
  3. Install dependencies

    yarn
  4. Start the development server

    npm start

🚀 Building and Running for Production

  1. Generate a full static production build (public folder)

    npm run build

    The contents of the public folder are what it was deployed to a web server or hosting service. This folder represents the final, production-ready version of the site.

  2. Preview the site as it will appear once deployed

    npm run serve
  3. Deploy the public folder(gatsby project) to gh-page branch

    npx gh-pages -d public

    This command pushes the contents of the public folder to the gh-pages branch. Make sure the public folder is updated

🎨 Color Reference

Color Hex
Navy #0a192f #0a192f
Light Navy #112240 #112240
Lightest Navy #233554 #233554
Slate #8892b0 #8892b0
Light Slate #a8b2d1 #a8b2d1
Lightest Slate #ccd6f6 #ccd6f6
White #e6f1ff #e6f1ff
Green #64ffda #64ffda

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%