blog
[deprecated] Code and photography focused Jekyll blog backed by a Personal API.
Personal Jekyll Blog
This is the code behind www.chrisvogt.me, a personal blog with built-in Instagram, GitHub and Goodreads widgets.
UI components
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 |
How to use
Requirements
| 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 |
Configure
Copy _config.yml to _config.prod.yml and update with your options.
Install dependencies
gem install bundler && npm install && npm run build
Develop
npm run start
# Listens on http://127.0.0.1:4000
Build
npm run build
The build process generates a static site that outputs to the _/build directory.
Deploy
I manually deploy my site using GitHub Pages and the chrisvogt/www.chrisvogt.me repository.
License
MIT © Chris Vogt.