Vorgehen zum lokalen Bauen und Ausliefern an eigene Gepflogenheiten (ohne extra Shell-Skripte) angepasst.

This commit is contained in:
Sr. Rolando 2018-01-06 20:35:53 +01:00
parent 67e0345d47
commit adcff1e7de
2 changed files with 15 additions and 72 deletions

7
Gemfile Normal file
View file

@ -0,0 +1,7 @@
source "https://rubygems.org"
ruby RUBY_VERSION
gem "jekyll", "3.7.0"
gem "jekyll-paginate"
gem "jemoji"
gem "html-proofer"

View file

@ -1,85 +1,21 @@
# { Personal } Jekyll Theme
![Build Status](https://travis-ci.org/le4ker/personal-jekyll-theme.svg?branch=master)
![license](https://img.shields.io/badge/license-MIT-blue.svg?link=https://github.com/dono-app/ios/blob/master/LICENSE)
[![Join the chat at https://gitter.im/PanosSakkos/personal-jekyll-theme](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/panossakkos/personal-jekyll-theme?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
Quelldateien der Homepage unter [rolandjesse.de](http://rolandjesse.de/). Basiert auf dem [Personal Jekyll Theme](https://github.com/le4ker/personal-jekyll-theme/).
{ Personal } is a free responsive Jekyll theme, about you :wink:
# Seite bauen
You can watch it in action [here](https://le4ker.github.io/personal-jekyll-theme/)!
<img src="https://github.com/le4ker/personal-jekyll-theme/raw/master/.github/personal-mobile.mov.gif" height="480">
<img src="https://github.com/le4ker/personal-jekyll-theme/raw/master/.github/personal-desktop.mov.gif" height="600" width="960">
## What value does { Personal } add
* Fork of [Timeline](https://github.com/kirbyt/timeline-jekyll-theme) (mashup of [Grayscale by Start Bootstrap](https://github.com/IronSummitMedia/startbootstrap-grayscale) and [Agency Jekyll Theme](https://github.com/y7kim/agency-jekyll-theme))
* Modern and minimal design
* Responsive templates for home page, blog archive and posts. Looks great on mobile, tablet, and desktop devices
* Sweet animations
* Gracefully degrades in older browsers. Compatible with Internet Explorer 8+ and all modern browsers
* Timeline
* Tell your story so far with a sleek timeline of dates, pictures and descriptions
* White on black text, making the reading experience tireless
* Google analytics
* Customization and full control of your website and blog through the site config
* Customization of the website's coloring
* Blogging functionality
* Preview of the latest post in the home page
* Archive page
* Syntax highlighting
* Emojis
* Gesture navigation in archive and post pages by swiping
* Hashtags
* Categories
* Disqus comments
* Bootstrap share buttons
* RSS feed
* Author blurb under the posts
* 404 page
* iOS and Android Web App mode
* Enforcing of https protocol
* Protection from email harvesting
* Sitemap
* Travis CI integration with [html-proofer](https://github.com/gjtorikian/html-proofer)
## Documentation
The theme contains documentation in the form of [blog posts](https://le4ker.github.io/personal-jekyll-theme/blog/index.html).
## How to run locally
First, you need to install jekyll and the dependencies of { Personal } by running:
Jekyll und die erforderlichen Gems installieren:
```shell
./scripts/install
bundle install
```
Then, you can build and serve your website by simply running:
Seite bauen und lokalen Server unter [localhost:4000](http://localhost:4000) starten:
```shell
./scripts/serve-production
jekyll serve --livereload
```
To serve across lan (requires su to forward the port 4000 over lan):
Seite mittels rsync (via scp) auf den Server laden (erfordert _deploy.yml mit den Zugangsdaten):
```shell
./scripts/serve-lan-production
octopress deploy
```
## OSS used in { Personal }
One of the reasons { Personal } is real is the following OSS projects:
1. [Grayscale](http://startbootstrap.com/template-overviews/grayscale/)
2. [hammer.js](https://hammerjs.github.io/)
3. [highlightjs](https://highlightjs.org/)
4. [RRSSB](https://github.com/kni-labs/rrssb)
5. [Timeline](https://github.com/kirbyt/timeline-jekyll-theme)
6. [typed.js](https://github.com/mattboldt/typed.js/)
<div style="font-size:16px;margin:0 auto;width:300px">
<a href="https://blockchain.info/address/1LHuKC9Em3KA5yoZaf7nngnNdf9K7s2gSi">
<img src="https://blockchain.info/Resources/buttons/donate_64.png"/>
</a>
</div>