Quick Portfolio Bootstrap
Build a simple portfolio like mine faster by editing default configuration and updating the markdown pages.
-
Install Packages.
npm install
-
Start developing.
gatsby develop
-
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.
A quick look at the top-level files and directories you'll see in a Gatsby project
Plus 3 extra additions which are identified with comments.
.
├── node_modules
├── me-md // contains markdown pages
├── src
├── static // for static files like your resume (PDF)
├── ...
├── me-config.js // ediatble configuration
├── ...
└── README.md
-
/me-md
: This directory contains all of the markdown pages which can be edited. -
/static
: This directory will contain all of the static files like your resume in PDF -
me-config.js
: This is the main configuration file for the me project. Here you can edit or change several default behavior of the project
Markdown for all pages can be found in /me-md
folder in the root folder
home.md
for Home Pageprojects.md
for Projects PageResume
treated as a file which can by configured inme-config.js
rather than a page
All configurations can be made by editing the me-config.js
file in the root folder
initials
: serves as your logositeMetadata
: contains information such astitle
,siteUrl
,description
,author
resume
: value can be either a file located in the/static/
folder or a link to your resumecontacts
: containsemail
and social contact linkspathPrefix
: just leave it as'/me'
for now
- Github Pages
npm run deploy:github
- Netlify