Seite initial aufgebaut.
This commit is contained in:
Sr. Rolando
parent
adcff1e7de
commit
23a25812b2
31 changed files with 56 additions and 590 deletions
3
.gitignore
vendored
3
.gitignore
vendored
|
|
@ -16,4 +16,5 @@ test/
|
|||
_deploy/*
|
||||
Rakefile
|
||||
.jekyll-metadata
|
||||
/.idea/
|
||||
Gemfile.lock
|
||||
_deploy.yml
|
||||
|
|
|
|||
92
_config.yml
92
_config.yml
|
|
@ -3,7 +3,7 @@
|
|||
|
||||
# NB! Set your site's url, otherwise stuff will break :)
|
||||
|
||||
url: "https://le4ker.github.io"
|
||||
url: "http://rolandjesse.de"
|
||||
|
||||
# If you're hosting your site at a Project repository on GitHub pages
|
||||
# (https://yourusername.github.io/repository-name)
|
||||
|
|
@ -12,7 +12,9 @@ url: "https://le4ker.github.io"
|
|||
#
|
||||
# NB! Without this *nothing* will work, because it's used in every path :)
|
||||
|
||||
baseurl: /personal-jekyll-theme
|
||||
# Statt "/" ist hier "" sinnvoll, da sonst ungültige Pfade mit "//" am Anfang generiert werden.
|
||||
# baseurl: /personal-jekyll-theme
|
||||
baseurl: ""
|
||||
|
||||
# Google tracking id
|
||||
|
||||
|
|
@ -22,17 +24,17 @@ google-tracking-id: ""
|
|||
# If you are not hosted on Github Pages, and your host doesn't support https
|
||||
# then you should disable it
|
||||
|
||||
force-https: True
|
||||
force-https: False
|
||||
|
||||
#############
|
||||
# HTML Head #
|
||||
#############
|
||||
|
||||
lang: "en"
|
||||
author: "John Smith"
|
||||
title: "{ John Smith }"
|
||||
description: "Blog and website of John Smith, blogging mainly for tech. Opinions expressed are mine."
|
||||
keywords: "smith, jones, personal, jekyll, theme"
|
||||
lang: "de"
|
||||
author: "Roland Jesse"
|
||||
title: "[ Roland Jesse ]"
|
||||
description: "Homepage von Roland Jesse."
|
||||
keywords: "roland, jesse, autor, läufer, podcaster, büchergefahr"
|
||||
favicon: "/img/favicon.ico"
|
||||
|
||||
################
|
||||
|
|
@ -41,7 +43,7 @@ favicon: "/img/favicon.ico"
|
|||
|
||||
black-favicon: "/img/black-lab-glass.ico"
|
||||
|
||||
background-img: "../img/intro-bg.jpg"
|
||||
# background-img: "/img/intro-bg.jpg"
|
||||
|
||||
##############################
|
||||
# Dynamic Text on the Header #
|
||||
|
|
@ -55,10 +57,11 @@ type-speed: 10
|
|||
start-delay: 200
|
||||
delete-delay: 5000
|
||||
lines: # You can add HTML Tags in the Text
|
||||
- text: "The lower you fall, the higher you'll fly."
|
||||
- text: "Where’s your will to be weird?"
|
||||
- text: "Lieber produktiv prokrastinieren als gar nichts zu tun."
|
||||
- text: "Redet schneller als er denken kann. Klingt zumindest manchmal so."
|
||||
- text: "Introvertiert und redet trotzdem gern vor vielen Menschen."
|
||||
|
||||
me-img: "/img/jetpacktocat.png"
|
||||
me-img: "/img/roland_orange.jpg"
|
||||
|
||||
# To use facebook profile pic comment the previous line and uncomment the following
|
||||
# line, and replace 'user_id' with your facebook user id.
|
||||
|
|
@ -122,31 +125,39 @@ pinterest-share: True
|
|||
pocket-share: True
|
||||
vkontakte-share: True
|
||||
|
||||
disqus-shortname: "panossakkos"
|
||||
# disqus-shortname: "panossakkos"
|
||||
|
||||
syntax-highlight: True
|
||||
syntax-highlight: False
|
||||
|
||||
############
|
||||
# Timeline #
|
||||
############
|
||||
|
||||
events:
|
||||
- image: "/img/timeline/spidertocat.png"
|
||||
date: "September 2013 - Today"
|
||||
description: "Saving the neighborhood!"
|
||||
- image: "/img/timeline/baracktocat.jpg"
|
||||
date: "September 2007 - August 2013"
|
||||
description: "Started coding"
|
||||
- image: "/img/timeline/angestellter.jpg"
|
||||
date: "Angestellter"
|
||||
description: "Projektschaffender bei einer [Unternehmensberatung](https://www.pta.de/).<br />(Bild © [Oskar Steimel](http://oskarsteimel.com/))"
|
||||
- image: "/img/timeline/laeufer.jpg"
|
||||
date: "Läufer"
|
||||
description: "Gern und viel unterwegs. Oft im Wald. Gelegentlich auf [Veranstaltungen](http://sr-rolando.com/laeufer/). Dann im sportlichen Kilt."
|
||||
- image: "/img/timeline/podcast.jpg"
|
||||
date: "Podcaster"
|
||||
description: "Gründer, Sprecher, Moderator und Mädchen für alles bei der [Büchergefahr](http://buechergefahr.de/)."
|
||||
- image: "/img/timeline/autor.jpg"
|
||||
date: "Autor"
|
||||
description: "Gelegentlicher Autor von [Unterhaltungstexten](http://sr-rolando.com/texte/). Etwas regelmäßiger schreibend [im Blog](http://sr-rolando.com/)."
|
||||
- image: "/img/timeline/schule.jpg"
|
||||
date: "Schule"
|
||||
description: "Mitglied im Aufsichtsrat der [Schule der Kinder](https://www.waldorfschule-karlsruhe.de/). Dort auch Mituntersuchender des Einflusses der Chronobiologie auf den [Schulrhythmus](http://www.schulrhythmus.de/)."
|
||||
|
||||
# First image of the Timeline
|
||||
|
||||
timeline-img: "/img/timeline/default.png"
|
||||
timeline-img: "/img/timeline/head.png"
|
||||
|
||||
###########
|
||||
# Contact #
|
||||
###########
|
||||
|
||||
email: "your@email.here"
|
||||
email: "kontakt@rolandjesse.de"
|
||||
|
||||
################
|
||||
# Author Blurb #
|
||||
|
|
@ -160,20 +171,23 @@ author_blurb: "John Smith is an awesome person. He lives in Flatland, where he w
|
|||
author_blurb_image: "/img/author.png"
|
||||
|
||||
##################
|
||||
# Social Buttons #
|
||||
# Social Buttons
|
||||
# The title selects the desired Font Awesome icon and it shouldn't include the "fa-" prefix.
|
||||
##################
|
||||
|
||||
social:
|
||||
- title: "facebook"
|
||||
url: "https://facebook.com/"
|
||||
url: "https://www.facebook.com/senor.rolando"
|
||||
- title: "twitter"
|
||||
url: "https://twitter.com/"
|
||||
- title: "github"
|
||||
url: "https://github.com/PanosSakkos/personal-jekyll-theme"
|
||||
- title: "bitcoin"
|
||||
url: "https://blockchain.info/address/1LHuKC9Em3KA5yoZaf7nngnNdf9K7s2gSi"
|
||||
url: "https://twitter.com/sr_rolando"
|
||||
- title: "rss"
|
||||
url: "/feed.xml"
|
||||
url: "http://sr-rolando.com/"
|
||||
- title: "child"
|
||||
url: "https://www.strava.com/athletes/8075985"
|
||||
|
||||
keybase-username: sr_rolando
|
||||
keybase-in-social: True
|
||||
keybase-in-footer: False
|
||||
|
||||
############
|
||||
# 404 page #
|
||||
|
|
@ -181,14 +195,6 @@ social:
|
|||
|
||||
err-404-img: "/img/labtocat.png"
|
||||
|
||||
##################
|
||||
# GPG on Keybase #
|
||||
##################
|
||||
|
||||
keybase-username: johnsmith
|
||||
keybase-in-social: True
|
||||
keybase-in-footer: True
|
||||
|
||||
################################################################################
|
||||
|
||||
# NB! Tread carefully if you want to change the variables below this point!
|
||||
|
|
@ -196,10 +202,8 @@ keybase-in-footer: True
|
|||
# Sections shown in the index page
|
||||
|
||||
pages_list:
|
||||
About: 'about'
|
||||
Blog: 'latest-post'
|
||||
Timeline: 'timeline'
|
||||
Contact: 'contact'
|
||||
Über: 'timeline'
|
||||
Kontakt: 'contact'
|
||||
|
||||
# Exclusion list from the generated _site
|
||||
|
||||
|
|
@ -214,6 +218,6 @@ paginate_path: "blog/page:num/"
|
|||
sass:
|
||||
style: compressed
|
||||
|
||||
gems:
|
||||
plugins:
|
||||
- jekyll-paginate
|
||||
- jemoji
|
||||
|
|
|
|||
|
|
@ -12,6 +12,7 @@
|
|||
<p style="font-size: 16px;"><a href="https://keybase.io/{{site.keybase-username}}" target="_blank"><i
|
||||
class="fa fa-key"></i> {{site.keybase-username}} on Keybase</a></p>
|
||||
{% endif %}
|
||||
<p style="font-size: small">Layout basiert auf dem <a href="https://github.com/le4ker/personal-jekyll-theme">Personal-Jekyll-Theme</a>.</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,24 +0,0 @@
|
|||
---
|
||||
layout: post
|
||||
section-type: post
|
||||
title: Modifying the Contact
|
||||
category: tech
|
||||
tags: [ 'tutorial' ]
|
||||
---
|
||||
|
||||
The contact part of the index page is consisted of two elements:
|
||||
|
||||
<ol>
|
||||
<li>Text</li>
|
||||
<li>Your email address</li>
|
||||
</ol>
|
||||
|
||||
You can modify the Contact text from the /contact.html file and set the email in the site config:
|
||||
|
||||
<pre><code data-trim class="yaml">
|
||||
email: "your@email.here"
|
||||
</code></pre>
|
||||
|
||||
Don't be afraid of email harvesting, write your email properly and the page will perform javascript obfuscation.
|
||||
|
||||
<small>Many thanks to <a href="https://github.com/joariasl" target="\_blank">@joariasl</a> for this feature!</small>
|
||||
|
|
@ -1,28 +0,0 @@
|
|||
---
|
||||
layout: post
|
||||
section-type: post
|
||||
title: Modifying the social buttons
|
||||
category: tech
|
||||
tags: [ 'tutorial' ]
|
||||
---
|
||||
|
||||
Social buttons (rendered above the footer) are great for having a small hub with all your social footprint.
|
||||
|
||||
You can edit them with the following variables:
|
||||
|
||||
<pre><code data-trim class="yaml">
|
||||
social:
|
||||
- title: "facebook"
|
||||
url: "https://facebook.com/"
|
||||
- title: "twitter"
|
||||
url: "https://twitter.com/"
|
||||
- title: "github"
|
||||
url: "https://github.com/PanosSakkos/personal-jekyll-theme"
|
||||
- title: "bitcoin"
|
||||
url: "https://blockchain.info/address/1LHuKC9Em3KA5yoZaf7nngnNdf9K7s2gSi"
|
||||
- title: "rss"
|
||||
url: "/feed.xml"
|
||||
</code></pre>
|
||||
|
||||
The title selects the desired [Font Awesome](https://fortawesome.github.io/Font-Awesome/icons/)
|
||||
icon and it shouldn't include the "fa-" prefix.
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
---
|
||||
layout: post
|
||||
section-type: post
|
||||
title: Adding a life event in the Timeline
|
||||
category: tech
|
||||
tags: [ 'tutorial' ]
|
||||
---
|
||||
One of the coolest features of { Personal } is that enables you to tell your life's story in
|
||||
the form of a timeline of photos, dates and text descriptions.
|
||||
|
||||
The Timeline is controlled by the following variables:
|
||||
|
||||
<pre><code data-trim class="yaml">
|
||||
events:
|
||||
- image: "/img/timeline/spidertocat.png"
|
||||
date: "September 2013 - Today"
|
||||
description: "Saving the neighborhood!"
|
||||
- image: "/img/timeline/baracktocat.jpg"
|
||||
date: "September 2007 - August 2013"
|
||||
description: "Started coding"
|
||||
|
||||
# First image of the Timeline
|
||||
|
||||
timeline-img: "/img/timeline/default.png"
|
||||
</code></pre>
|
||||
|
||||
For each event of your life, add a tuple of image, date and description to the events,
|
||||
and the timeline will be automatically generated!
|
||||
|
||||
The timeline-img path variable is the image that you want to show up in the beginning of your Timeline, be creative!
|
||||
|
||||
<small>Square images are recommended 😉</small>
|
||||
|
|
@ -1,101 +0,0 @@
|
|||
---
|
||||
layout: post
|
||||
section-type: post
|
||||
title: Writing posts
|
||||
category: tech
|
||||
tags: [ 'tutorial' ]
|
||||
---
|
||||
|
||||
### Creating a new post
|
||||
|
||||
Run the ./scripts/newpost script with the file name of the post as an argument:
|
||||
|
||||
<pre><code data-trim class="bash">
|
||||
cd <your { Personal } repo>
|
||||
./scripts/newpost hello-world
|
||||
</code></pre>
|
||||
|
||||
A a new post template with name YYYY-MM-DD-hello-world.md will be created under ./\_posts, with the current date.
|
||||
|
||||
In the created post, just replace the Title, Category and tags and you can
|
||||
start writing your post in markdown right bellow the end of the post header.
|
||||
|
||||
Every file with the format <i>YYYY-MM-DD-post-title.md</i> will be processed as a
|
||||
post, with publication date <i>YYYY-MM-DD</i>.
|
||||
|
||||
The content starts with:
|
||||
|
||||
<pre><code data-trim class="yaml">
|
||||
---
|
||||
layout: post
|
||||
section-type: post
|
||||
title: Title
|
||||
category: Category
|
||||
tags: [ 'tag1', 'tag2' ]
|
||||
---
|
||||
</code></pre>
|
||||
|
||||
The *layout* and *section-type* variables are used by the theme and you shouldn't remove them.
|
||||
|
||||
### Hashtags
|
||||
|
||||
Jekyll generates a static pages.
|
||||
As a result we have to create the tag pages before building and publishing the site.
|
||||
In order to generate the tag pages, simply run the *generate-tags* script from the repo's root directory:
|
||||
|
||||
<pre><code data-trim class="bash">
|
||||
./scripts/generate-tags
|
||||
</code></pre>
|
||||
|
||||
The script will parse all your posts, and generate the tag pages for the newly added tags.
|
||||
|
||||
<small>If you are not using GitHub Pages, you can automate the execution of this script during build time.</small>
|
||||
|
||||
### Categories
|
||||
|
||||
You can organize your posts under categories. Categories are behaving like hashtags,
|
||||
they have to be generated offline, by running the ./scripts/generate-categories script.
|
||||
|
||||
The category of the post is specified in the yaml header, in the Category variable.
|
||||
|
||||
NB! Only one category can be defined per post.
|
||||
|
||||
### Syntax highlighting
|
||||
|
||||
If you want to demonstrate source code in your posts, syntax highlighting is provided.
|
||||
If you want to see how to render your code with the highlight, simply check the source
|
||||
code of this tutorial post :smile:
|
||||
|
||||
<pre><code data-trim class="c">
|
||||
{% raw %}
|
||||
int main()
|
||||
{
|
||||
printf("Hello, world of syntax highlighting!");
|
||||
|
||||
return 0;
|
||||
}
|
||||
{% endraw %}
|
||||
</code></pre>
|
||||
|
||||
<small>If you don't need syntax highlight in your website you can disable it by setting the syntax-highlight variable to False</small>
|
||||
|
||||
### Emoji support
|
||||
|
||||
You can add emojis to your posts by simply typing their [emoji code](http://www.emoji-cheat-sheet.com/) :wink:
|
||||
|
||||
### Author Blurb
|
||||
|
||||
You can add a short description of yourself bellow your posts, by setting the next two variables in the site config
|
||||
|
||||
<pre><code data-trim class="yaml">
|
||||
################
|
||||
# Author Blurb #
|
||||
################
|
||||
|
||||
# The author blurb goes underneath blog posts.
|
||||
# This works best when your author blurb image has a transparent background, or matches your site background color.
|
||||
|
||||
# if the author_blurb is not set, then this feature is skipped
|
||||
author_blurb: "John Smith is an awesome person. He lives in Flatland, where he works on two-dimensional engineering projects. In his spare time, John likes to eat cotton candy."
|
||||
author_blurb_image: "/img/author.png"
|
||||
</code></pre>
|
||||
|
|
@ -1,64 +0,0 @@
|
|||
---
|
||||
layout: post
|
||||
section-type: post
|
||||
title: Setting up the Blog
|
||||
category: tech
|
||||
tags: [ 'tutorial' ]
|
||||
---
|
||||
|
||||
A website is truly personal if it hosts your blog as well, this place of the internet
|
||||
where you can place your thoughts about anything!
|
||||
|
||||
### Latest post preview in Index page
|
||||
|
||||
First of all, you get a preview of the latest post in the index, in order to attract the visitor to visit your blog.
|
||||
The size of this preview is defined by:
|
||||
|
||||
<pre><code data-trim class="yaml">
|
||||
post-preview-words: 96
|
||||
</code></pre>
|
||||
|
||||
Feel free to experiment with different sizes, and pick the best for you :smile:
|
||||
|
||||
### Archive
|
||||
|
||||
A blog is expected to host many posts, so you will need an archive with pagination,
|
||||
which in a nutshell it's a grouping of your posts in pages, in reverse chronological
|
||||
order. You can define the number of posts that are displayed per page by changing:
|
||||
|
||||
<pre><code data-trim class="yaml">
|
||||
paginate: 5
|
||||
</code></pre>
|
||||
|
||||
### Share buttons
|
||||
|
||||
Many share buttons are available and can be enabled or disabled by setting the following:
|
||||
|
||||
<pre><code data-trim class="yaml">
|
||||
email-share: True
|
||||
fb-share: True
|
||||
twitter-share: True
|
||||
linkedin-share: True
|
||||
reddit-share: True
|
||||
google-plus-share: True
|
||||
tumblr-share: True
|
||||
pinterest-share: True
|
||||
pocket-share: True
|
||||
vkontakte-share: True
|
||||
</code></pre>
|
||||
|
||||
### Comments
|
||||
|
||||
You can enable <a href="http://www.disqus.com" target="\_blank">Disqus</a> comments by just setting your Disqus username here:
|
||||
|
||||
<pre><code data-trim class="yaml">
|
||||
disqus-shortname: "Your Disqus username"
|
||||
</code></pre>
|
||||
|
||||
### RSS feed
|
||||
|
||||
The RSS feed is automatically generated and placed in /feed.xml.
|
||||
|
||||
### Sitemap
|
||||
|
||||
The Sitemap is automatically generated and placed in /sitemap.xml
|
||||
|
|
@ -1,48 +0,0 @@
|
|||
---
|
||||
layout: post
|
||||
section-type: post
|
||||
title: Web app mode
|
||||
category: tech
|
||||
tags: [ 'tutorial']
|
||||
---
|
||||
You can make your website behave like a native web app in iOS and Android devices
|
||||
by providing links for the icons for each resolution:
|
||||
|
||||
<pre><code data-trim class="yaml">
|
||||
web-app-mode: True
|
||||
|
||||
# Icons for Web App mode
|
||||
|
||||
icon-36p: "/img/web-app/icon-36p.png"
|
||||
icon-48p: "/img/web-app/icon-48p.png"
|
||||
icon-72p: "/img/web-app/icon-72p.png"
|
||||
icon-96p: "/img/web-app/icon-96p.png"
|
||||
icon-144p: "/img/web-app/icon-144p.png"
|
||||
icon-192p: "/img/web-app/icon-192p.png"
|
||||
</code></pre>
|
||||
|
||||
<small>If you want to disable this feature, simply set the web-app-mode variable to False</small>
|
||||
|
||||
This is how your website will look when added to the homescreen:
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
And when the user opens it (note that it renders in fullscreen):
|
||||
|
||||
|
||||
|
||||
# Browser status bar customization
|
||||
|
||||
You can color the browser status bar when in mobile mode, by setting it to a color.
|
||||
|
||||
The color is define in the site config with the following variables
|
||||
|
||||
<pre><code data-trim class="yaml">
|
||||
##############################
|
||||
# Color the browser elements #
|
||||
##############################
|
||||
color-browser: "#000000"
|
||||
apple-status-bar-style: "black"
|
||||
</code></pre>
|
||||
|
|
@ -1,89 +0,0 @@
|
|||
---
|
||||
layout: post
|
||||
section-type: post
|
||||
title: Modifying the Header
|
||||
category: tech
|
||||
tags: [ 'tutorial' ]
|
||||
---
|
||||
|
||||
The intro part of the index page (Header) is consisted of four elements:
|
||||
|
||||
<ol>
|
||||
<li>A black favicon</li>
|
||||
<li>Background image</li>
|
||||
<li>Welcome text</li>
|
||||
<li>Your image</li>
|
||||
</ol>
|
||||
|
||||
### Black favicon
|
||||
|
||||
The black favicon is an image on the left of the navigation bar.
|
||||
Preferably it should be a black and white version of your favicon.
|
||||
|
||||
<pre><code data-trim class="yaml">
|
||||
black-favicon: "/img/black-lab-glass.ico"
|
||||
</code></pre>
|
||||
|
||||
### Background image
|
||||
|
||||
In order to set the background, set the path to following variable:
|
||||
|
||||
<pre><code data-trim class="yaml">
|
||||
background-img: "../img/intro-bg.jpg"
|
||||
</code></pre>
|
||||
|
||||
<small>NB! Keep the .. in the beginning of the background image path</small>
|
||||
|
||||
### Welcome text
|
||||
|
||||
The welcome text is controlled by the following (self-explanatory) variables:
|
||||
|
||||
<pre><code data-trim class="yaml">
|
||||
dynamic-typing: True
|
||||
shuffle: True # Shuffle the lines.
|
||||
loop: True
|
||||
loop-count: False # Set False for infinite loop, or set any number for finite loop.
|
||||
type-speed: 10 # Default 10
|
||||
start-delay: 200 # Default 200
|
||||
delete-delay: 5000 # Default 5000
|
||||
lines: # You can add HTML Tags in the Text
|
||||
- text: "The lower you fall, the higher you'll fly."
|
||||
- text: "Where’s your will to be weird?"
|
||||
</code></pre>
|
||||
|
||||
<small>Many thanks to <a href="https://github.com/prashantsolanki3" target="blank">@prashantsolanki3</a> for the dynamic typing feature!</small>
|
||||
|
||||
### Your image
|
||||
|
||||
You can set your image from the following variable:
|
||||
|
||||
<pre><code data-trim class="yaml">
|
||||
me-img: "/img/jetpacktocat.png"
|
||||
</code></pre>
|
||||
|
||||
If you want to connect your Facebook profile image then you can use the following.
|
||||
Replace `user_id` with your facebook user id. Facebook user id can be found by clicking
|
||||
on your profile pic and the large number in the end of the url just before '&type' is your user id.
|
||||
Note: fbid is not the same as user id and user id only contains numbers.
|
||||
|
||||
<pre><code data-trim class="yaml">
|
||||
me-img: "https://graph.facebook.com/user_id/picture?type=large&width=500&height=500"
|
||||
</code></pre>
|
||||
|
||||
If you want to connect your Github profile image then you can use the following.
|
||||
Replace `user_name` with your Github user name.
|
||||
|
||||
<pre><code data-trim class="yaml">
|
||||
me-img: "https://github.com/user_name.png?size=500"
|
||||
</code></pre>
|
||||
|
||||
If you want to connect your Gravatar profile image then you can use the following.
|
||||
Replace `email_hash` with your Gravatar profile email hash.
|
||||
You can create the email hash by using an online tool like [md5hashgenerator](http://www.md5hashgenerator.com/),
|
||||
just enter your email and it will generate the hash.
|
||||
|
||||
<pre><code data-trim class="yaml">
|
||||
me-img: "https://www.gravatar.com/avatar/email_hash?s=500"
|
||||
</code></pre>
|
||||
|
||||
All set!
|
||||
|
|
@ -1,103 +0,0 @@
|
|||
---
|
||||
layout: post
|
||||
section-type: post
|
||||
title: Initial setup
|
||||
category: tech
|
||||
tags: [ 'tutorial' ]
|
||||
---
|
||||
|
||||
All features of { Personal } are controlled by setting values to variables that are defined in the
|
||||
\_config.yml file. Let's start with the initial variables that you have to set before
|
||||
serving your { Personal } website for the first time.
|
||||
|
||||
### Essential variables
|
||||
|
||||
<pre><code data-trim class="yaml">
|
||||
# NB! Set your site's url, otherwise stuff will break :)
|
||||
|
||||
url: "https://le4ker.github.io"
|
||||
|
||||
# If you're hosting your site at a Project repository on GitHub pages
|
||||
# (https://yourusername.github.io/repository-name)
|
||||
# and NOT your user repository (https://yourusername.github.io)
|
||||
# then add in the baseurl here, like this: "/repository-name"
|
||||
#
|
||||
# NB! Without this *nothing* will work, because it's used in every path :)
|
||||
|
||||
baseurl: /personal-jekyll-theme
|
||||
</code></pre>
|
||||
|
||||
The url and baseurl variables are essential, because they are used *everywhere* where an anchor is defined!
|
||||
|
||||
### Coloring
|
||||
|
||||
You can define the colors that you want in your { Personal } website by setting
|
||||
the following variable sin the /_sass/_variables.scss file:
|
||||
|
||||
<pre><code data-trim class="scss">
|
||||
// Main color
|
||||
$primary-color: #000;
|
||||
|
||||
// Anchor color
|
||||
$secondary-color: #00cdff;
|
||||
|
||||
// Font color
|
||||
$font-color: #fff;
|
||||
</code></pre>
|
||||
|
||||
### HTTPS
|
||||
|
||||
By default { Personal } will enforce https by javascript redirection.
|
||||
HTTPS is important because it encrypts the data sent between the client and the server.
|
||||
If you are hosting on GitHub Pages then it will just work, because your website
|
||||
will be piggybacking GitHub's certificate.
|
||||
If you are hosting your website in a server that doesn't have a certificate and
|
||||
you don't want to issue one, then you can disable this feature by setting the following
|
||||
variable to False:
|
||||
|
||||
<pre><code data-trim class="yaml">
|
||||
force-https: True
|
||||
</code></pre>
|
||||
|
||||
### HTML Head
|
||||
|
||||
<pre><code data-trim class="yaml">
|
||||
lang: "en"
|
||||
author: "John Smith"
|
||||
title: "{ John Smith }"
|
||||
description: "Blog and website of John Smith, blogging mainly for tech. Opinions expressed are mine."
|
||||
keywords: "smith, jones, personal, jekyll, theme"
|
||||
favicon: "/img/favicon.ico"
|
||||
err-404-img: "/img/labtocat.png"
|
||||
</code></pre>
|
||||
|
||||
The values that you set, will be placed in the head section of every generated HTML page.
|
||||
|
||||
### Google Analytics
|
||||
|
||||
The Google tracking code will be placed in every generated page.
|
||||
If you don't want Google analytics tracking your website's traffic, set the google-tracking-id to an empty string.
|
||||
|
||||
<pre><code data-trim class="yaml">
|
||||
google-tracking-id: "UA-35880426-4"
|
||||
</code></pre>
|
||||
|
||||
### Serving { Personal }
|
||||
|
||||
Install the required dependencies:
|
||||
|
||||
<pre><code data-trim class="bash">
|
||||
gem install jekyll jekyll-paginate jemoji html-proofer
|
||||
</code></pre>
|
||||
|
||||
Serve the jekyll website:
|
||||
|
||||
<pre><code data-trim class="bash">
|
||||
./scripts/serve-production
|
||||
</code></pre>
|
||||
|
||||
That's it!
|
||||
|
||||
Visit [http://127.0.0.1:4000](http://127.0.0.1:4000) and you are ready to start hacking around your { Personal } website!
|
||||
|
||||
<small>Many thanks to <a href="https://github.com/joariasl" target="\_blank">@joariasl</a> for the language support! </small>
|
||||
|
|
@ -1,14 +0,0 @@
|
|||
---
|
||||
layout: post
|
||||
section-type: post
|
||||
title: Welcome to { Personal } Jekyll Theme!
|
||||
category: tech
|
||||
tags: [ 'tutorial' ]
|
||||
---
|
||||
|
||||
Click the view more posts link bellow, to see the currently available post-tutorials to help you get your { Personal } website up and running quicker!
|
||||
|
||||
Note that every time you update the site configuration (\_config.yml), you will need
|
||||
to cancel the serving (*Ctr + C*) and serve the website again.
|
||||
|
||||
Any contributions, feedback or issues to the <a href="https://github.com/PanosSakkos/personal-jekyll-theme" target="\_blank">repo</a> are more than welcome!
|
||||
18
about.html
18
about.html
|
|
@ -1,18 +0,0 @@
|
|||
---
|
||||
layout: null
|
||||
section-type: about
|
||||
title: About
|
||||
---
|
||||
## About
|
||||
|
||||
Github's Octocat was designed by Simon Oxley, alongside the white bird Twitter used (before they received a proper logo) as part of a usual routine of cranking out images for iStock. GitHub saw it, and wanted it, presumably under the notion that it can represent how complex code combines to create peculiar things, much like the octopuss... except the CEO of GitHub called it an octocat, and it has been the octocat since <a href="https://www.quora.com/GitHub/What-is-the-story-behind-GitHub%E2%80%99s-octocat-mascot" target="_blank">[via]</a>.
|
||||
|
||||
<small>
|
||||
Octocat is Github's logo and trademark and here is used to illustrate a fictional character (John Smith) that used the *{ Personal }* Jekyll Theme to build his website.
|
||||
</small>
|
||||
|
||||
Support the repo by starring or forking it!
|
||||
|
||||
<iframe src="https://ghbtns.com/github-btn.html?user=le4ker&repo=personal-jekyll-theme&type=star&count=true&size=large" frameborder="0" scrolling="0" width="160px" height="30px"></iframe>
|
||||
|
||||
<iframe src="https://ghbtns.com/github-btn.html?user=le4ker&repo=personal-jekyll-theme&type=fork&count=true&size=large" frameborder="0" scrolling="0" width="160px" height="30px"></iframe>
|
||||
|
|
@ -1,8 +1,8 @@
|
|||
---
|
||||
layout: null
|
||||
section-type: contact
|
||||
title: Contact
|
||||
title: Kontact
|
||||
---
|
||||
## Contact
|
||||
## Kontakt
|
||||
|
||||
Drop me an email if you are interested in me coding for you or saving your neighborhood!
|
||||
Am besten bin ich per E-Mail zu erreichen. Die anderen Kanäle sollten jedoch ebenfalls passabel funktionieren.
|
||||
|
|
|
|||
BIN
img/favicon.ico
BIN
img/favicon.ico
Binary file not shown.
|
Before Width: | Height: | Size: 318 B After Width: | Height: | Size: 97 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.4 KiB |
BIN
img/roland_orange.jpg
Normal file
BIN
img/roland_orange.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
img/timeline/angestellter.jpg
Normal file
BIN
img/timeline/angestellter.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.3 KiB |
BIN
img/timeline/autor.jpg
Normal file
BIN
img/timeline/autor.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5 KiB |
BIN
img/timeline/head.png
Normal file
BIN
img/timeline/head.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 772 B |
BIN
img/timeline/laeufer.jpg
Normal file
BIN
img/timeline/laeufer.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8 KiB |
BIN
img/timeline/podcast.jpg
Normal file
BIN
img/timeline/podcast.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
img/timeline/schule.jpg
Normal file
BIN
img/timeline/schule.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.9 KiB |
|
|
@ -1,5 +0,0 @@
|
|||
---
|
||||
section-type: latest-post
|
||||
title: Blog
|
||||
---
|
||||
## Latest Blog Post
|
||||
|
|
@ -1,3 +0,0 @@
|
|||
#!/bin/bash
|
||||
|
||||
gem install jekyll jekyll-paginate jemoji html-proofer
|
||||
|
|
@ -1,4 +0,0 @@
|
|||
#!/bin/bash
|
||||
|
||||
sudo iptables -I INPUT -p tcp --dport 4000 -j ACCEPT
|
||||
jekyll serve --watch --host "0.0.0.0" --baseurl ""
|
||||
|
|
@ -1,4 +0,0 @@
|
|||
#!/bin/bash
|
||||
|
||||
sudo iptables -I INPUT -p tcp --dport 4000 -j ACCEPT
|
||||
JEKYLL_ENV=production jekyll serve --host "0.0.0.0" --baseurl ""
|
||||
|
|
@ -1,3 +0,0 @@
|
|||
#!/bin/bash
|
||||
|
||||
JEKYLL_ENV=production jekyll serve --host "127.0.0.1" --baseurl ""
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
---
|
||||
layout: null
|
||||
section-type: timeline
|
||||
title: Timeline
|
||||
title: Über
|
||||
---
|
||||
## Timeline
|
||||
## Über
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue