├── .gitignore ├── Readme.md ├── _config.yml ├── _layouts └── default.html ├── index.html └── posts.html /.gitignore: -------------------------------------------------------------------------------- 1 | _site -------------------------------------------------------------------------------- /Readme.md: -------------------------------------------------------------------------------- 1 | Creating a Jekyll App with a Custom Jekyll Buildpack on Heroku Cedar (from GitHub) 2 | === 3 | 4 | Setup Jekyll 5 | --- 6 | 7 | Install the jekyll gem 8 | 9 | gem install jekyll 10 | 11 | Clone the git repository 12 | --- 13 | 14 | git clone git@github.com:markpundsack/jekyll-heroku.git 15 | cd jekyll-heroku 16 | 17 | Let's test it locally 18 | --- 19 | 20 | jekyll --server --auto 21 | 22 | Open your browser and go to http://localhost:4000. 23 | 24 | You should see "Hello World". 25 | 26 | Deploying to Heroku 27 | --- 28 | 29 | Install the Heroku gem 30 | 31 | gem install heroku 32 | 33 | Create a Heroku app using our custom buildpack 34 | 35 | heroku create --stack cedar --buildpack http://github.com/markpundsack/heroku-buildpack-jekyll.git 36 | 37 | Deploy! 38 | 39 | git push heroku master 40 | 41 | Test it: 42 | 43 | heroku open 44 | 45 | Creating a Jekyll App with a Custom Jekyll Buildpack on Heroku Cedar (Manually) 46 | === 47 | 48 | Setup Jekyll 49 | --- 50 | 51 | Install the jekyll gem. 52 | 53 | gem install jekyll 54 | 55 | Create the site structure 56 | --- 57 | 58 | Create the app directory 59 | 60 | mkdir jekyll-app 61 | 62 | and create the following files: 63 | 64 | cd jekyll-app 65 | touch _config.yml 66 | touch index.html 67 | mkdir _posts 68 | mkdir _layouts 69 | touch _layouts/default.html 70 | 71 | "Hello World" Jekyll 72 | --- 73 | 74 | Let's create a Layout. Open _layouts/default.html and add: 75 | 76 | 77 | 78 | {{ content }} 79 | 80 | 81 | 82 | Now we need an index page. Open index.html and add: 83 | 84 | --- 85 | layout: default 86 | title: Jekyll Example Site 87 | --- 88 | 89 |

Hello World

90 | 91 | Let's test it locally: 92 | 93 | jekyll --server --auto 94 | 95 | Open your browser and go to http://localhost:4000 96 | 97 | You should see "Hello World" 98 | 99 | Deploying to Heroku 100 | --- 101 | 102 | First, install the Heroku gem 103 | 104 | gem install heroku 105 | 106 | Since Cedar will run Jekyll and generate the _site files automatically, they don't need to be checked into git 107 | 108 | echo _site >> .gitignore 109 | 110 | Create a git repo and commit 111 | 112 | git init . 113 | git add . 114 | git commit 115 | 116 | Create a Heroku app using our custom buildpack 117 | 118 | heroku create --stack cedar --buildpack http://github.com/markpundsack/heroku-buildpack-jekyll.git 119 | 120 | Deploy! 121 | 122 | git push heroku master 123 | 124 | Test it: 125 | 126 | heroku open 127 | -------------------------------------------------------------------------------- /_config.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/markpundsack/jekyll-example-with-heroku-buildpack/3e4d8c39f111eacdc97c8149d23172a39161ee3b/_config.yml -------------------------------------------------------------------------------- /_layouts/default.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | {{ content }} 5 | 6 | 7 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | title: Jekyll Hello World 4 | --- 5 | 6 |

Hello World

7 | -------------------------------------------------------------------------------- /posts.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | title: Jekyll Example Site 4 | --- 5 | 6 |

Reports on the Reverse

7 | 12 | 13 | --------------------------------------------------------------------------------