findcommonground.uk/README.md

106 lines
4.4 KiB
Markdown
Raw Normal View History

2014-02-27 00:54:39 +00:00
# Jekyll Kickstart
2014-02-07 13:49:36 +00:00
2014-02-25 13:44:16 +00:00
Create your Jekyll blog in minutes, without needing to set up local development.
2014-02-07 13:49:36 +00:00
2014-02-27 00:54:39 +00:00
[**Theme Demo >>**](http://jekyllkickstart.com)
2014-02-25 13:47:34 +00:00
## 5 Minute Blog Setup on GitHub Pages
2014-02-27 00:54:39 +00:00
#### 1) Fork Jekyll Kickstart
2014-02-25 01:21:26 +00:00
Click the fork button at the top right of the repository.
2014-02-25 13:47:34 +00:00
#### 2) Rename it to be your GitHub user site
2014-02-25 01:21:26 +00:00
After forking, click the Settings button on your new repository and change the repository name to username.github.io -- make sure that username is replaced with your GitHub username!
2014-02-25 13:47:34 +00:00
#### 3) Your blog is live!
2014-02-25 01:21:26 +00:00
2014-03-02 16:02:38 +00:00
Go to http://username.github.io and you'll see your site live! This can take up to 10 minutes to update, but often it's there right away.
2014-02-25 01:21:26 +00:00
2014-02-25 13:47:34 +00:00
#### 4) Customize your blog
2014-02-25 01:21:26 +00:00
2014-03-02 16:02:38 +00:00
Input your details by simply editing the configuration file. Go to your forked repository and open up _config.yml. In there you'll be able to input your:
2014-02-25 01:21:26 +00:00
- Blog name
- Description
- Avatar
2014-02-25 13:44:16 +00:00
- Social links
2014-02-25 01:21:26 +00:00
- Disqus comments code
- Google Analytics code
2014-02-25 13:47:34 +00:00
#### 5) Publish your first post
2014-02-25 01:21:26 +00:00
2014-03-02 16:03:48 +00:00
Go to the _posts folder and edit the Hello World post that's there to create your first post! Jekyll pulls the date of the post from the filename, so change that to today's date.
2014-02-25 01:21:26 +00:00
## Things you can do directly on GitHub.com
#### Publish new content
2014-02-25 01:21:26 +00:00
2014-03-02 16:02:38 +00:00
To publish new blog posts, go into the _posts folder and click the New File button. Name your post in this format: year-month-day-Title.md, save it, and you're set!
2014-02-25 01:21:26 +00:00
(You can also publish new content via command line by git cloning down your repo, and pushing up your new markdown files)
#### Set up your domain name
2014-02-25 01:21:26 +00:00
2014-03-02 16:02:38 +00:00
Follow the latest [GitHub Pages Custom Domain Guide](https://help.github.com/articles/setting-up-a-custom-domain-with-pages) to set up your custom domain name. I've created the CNAME file already, so that you can easily edit it within the repository.
2014-02-25 01:21:26 +00:00
#### Customize your theme
Any files that you edit within your repo will trigger a rebuild of your GitHub Pages site.
- HTML templates are located in _layouts, _includes and index.html
- CSS is at style.css (Jekyll doesn't compile SASS, that requires using the local development workflow below)
Read more about theme development at the [Jekyll documentation](http://jekyllrb.com/docs/home/).
## Local Theme Development
The first step of local development is git cloning your repo.
**PIC OF THIS**
Then pick option 1 or 2 depending on whether you want to be able to build/view you site locally—that's the part where things get a little more tricky.
2014-02-25 01:21:26 +00:00
#### Option 1) Building and viewing your site via GitHub Pages
You can make quick changes to the theme without needing to set up Jekyll and it's dependancies on your local machine if you allow GitHub Pages to tackle building and deploying the site for you. Here's what the workflow looks like:
- Type "grunt" in the command line to watch and compile any edits that you make to sass files within the SCSS folder.
- Edit layout, styles and content.
- Push your changes back up to your repo, triggering GitHub Pages to rebuild your site, to view them.
2014-02-25 01:21:26 +00:00
2014-02-25 01:25:15 +00:00
If you're just looking to make a couple of quick theme changes, then this might do the trick for you.
2014-02-25 01:21:26 +00:00
#### Option 2) Building and viewing your Jekyll site locally
2014-02-25 13:44:16 +00:00
If you're looking to do significant theme development, then you might prefer to set up Jekyll to build your site locally so that you can watch your local changes and view the site.
2014-02-25 01:21:26 +00:00
To do that you'll first need to install Jekyll and it's dependancies:
2014-02-25 01:21:26 +00:00
-
2014-02-25 01:21:26 +00:00
Here's what the workflow looks like:
2014-02-25 01:21:26 +00:00
-
## Get notified when I release new themes
2014-02-25 01:21:26 +00:00
2014-02-25 14:09:15 +00:00
Next up: A Jekyll based portfolio site theme to showcase projects and content.
2014-02-25 14:02:27 +00:00
If you'd like me to let you know when I release a new theme, just [drop me your email for updates](http://getresponse.com).
2014-02-25 14:09:15 +00:00
## Questions or requests?
2014-02-27 00:54:39 +00:00
[Open an Issue](https://github.com/barryclark/jekyll-kickstart/issues/new) and let's chat!
2014-02-25 14:02:27 +00:00
## Credits
2014-02-25 13:47:34 +00:00
## Alternative Jekyll starting points
2014-02-25 01:21:26 +00:00
This wasn't what you were looking for? Here are some other Jekyll starting points that might hit the spot:
2014-02-25 01:25:15 +00:00
- [Left by Zach Holman](https://github.com/holman/left) - Jekyll theme with a sidebar
- [Hazelnut by Mig Reyes](https://github.com/migreyes/hazelnut) - Includes sweet Pow workflows
- [Octopress by Brandon Mathis](https://github.com/imathis/octopress) - Another established starting point with lots of options
2014-03-02 15:53:37 +00:00
- [mojombo.github.io by Tom Preston-Werner](https://github.com/mojombo/mojombo.github.io) - TPW's original Jekyll theme