This is the code behind www.chrisvogt.me, a personal blog with built-in Instagram, GitHub and Goodreads widgets.
Many of the available UI components depend on external data. This table documents the available components and the projects behind the data sources I'm using for my website. Example data is available is provided for all components, defining the data and response structure expected by this project.
| Component | Project | Example |
|---|---|---|
| personal-api/plugin-instagram | _schema/instagram.json | |
| Latest Commit | Built in | _schema/latest-commit.json |
| Navigation | Built in | _data/navigation.json |
| Pinned Repositories | Built in | _schema/pinned-repositories.json |
| Posts | Built in | _posts/hello-world.md |
| Profiles | personal-api/core | _schema/profiles.json |
| Quotes | personal-api/core | _schema/quotes.json |
| Recently Read | chrisvogt/recently-read | _schema/recently-read.json |
| Tool | Version | Link | Description |
|---|---|---|---|
| Node | 10 | https://nodejs.org | Dev & build environment language |
| npm | 6 | https://npmjs.com | JavaScript dependency management |
| Ruby | 2 | https://www.ruby-lang.org | Dev & build environment language |
| Bundler | >1.14 | https://bundler.io | Ruby dependency management |
| Jekyll | 3 | https://jekyllrb.com | Blog and template engine |
Copy _config.yml to _config.prod.yml and update with your options.
gem install bundler && npm install && npm run build
npm run start
# Listens on http://127.0.0.1:4000
npm run build
The build process generates a static site that outputs to the _/build directory.
I manually deploy my site using GitHub Pages and the chrisvogt/www.chrisvogt.me repository.
MIT © Chris Vogt.