🚀 Quick start

This is personal portfolio website build on markdown and Gatsby static site generator. To edit localy you can use IDE/editor, github and Gatsby CLI console tools.

Start developing

To start the website locally, run:

gatsby develop

To test production build localy run gatsby build and then gatsby serve

** Open the source code and start editing!**

Your site is now running at http://localhost:8000!

Note: You'll also see a second link: http://localhost:8000/___graphql. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the Gatsby tutorial.

Save your changes and the browser will update in real time!

Edit site content

To edit project content change markdown files in content/portfolio folder. Each project post have thumbnail and cover in /thumb folder. For cover and thumbnail to display correctly, each markdown file should have these 2 lines in frontmatter (do not change them):

title: My Project
...
coverImage: ./thumb/cover.jpeg
thumbImage: ./thumb/thumb.jpeg
---
Article text is here...

To change other pages of website (like /about page) , carefully edit .js files in src/pages. Each file is a React component of correspondent page.

Deploy latest changes

To deploy latest changes to staging, run:

npm run deploy

Currently our website is hosted on GitHub Pages. Deploy script will build the project and commit it to gh-pages branch in our repository.

New to all this?

Full documentation for Gatsby lives on their website.

We use Markdown. Read Markdown cheat sheet.

The website theme is derived from gatsby-starter-blog.