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.mdfor Home Pageprojects.mdfor Projects PageResumetreated as a file which can by configured inme-config.jsrather 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,authorresume: value can be either a file located in the/static/folder or a link to your resumecontacts: containsemailand social contact linkspathPrefix: just leave it as'/me'for now
- Github Pages
npm run deploy:github- Netlify