Skip to content

Commit

Permalink
Revert "Added syntax highlight in code snippets of documentation posts"
Browse files Browse the repository at this point in the history
This reverts commit 91e1cbe.
  • Loading branch information
le4ker committed Nov 19, 2015
1 parent 91e1cbe commit af55425
Show file tree
Hide file tree
Showing 8 changed files with 38 additions and 38 deletions.
4 changes: 2 additions & 2 deletions _posts/2015-06-05-404-page.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,10 +8,10 @@ tags: [ 'tutorial' ]

You can change the text from the 404.html file and set the image from the _config.yml:

{% highlight yaml linenos %}
<pre style="text-align: left">
############
# 404 page #
############

404-img: "/img/labtocat.png"
{% endhighlight %}
</pre>
4 changes: 2 additions & 2 deletions _posts/2015-06-11-social-buttons-tutorial.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ tags: [ 'tutorial' ]
Social buttons (rendered in the footer) are great for having a small hub with all your social footprint.
In order to change them, jump to \_config.yml and edit the social list:

{% highlight yaml linenos %}
<pre style="text-align: left">
social:
- title: "github"
url: "https://github.com/"
Expand All @@ -19,7 +19,7 @@ social:
url: "http://youtube.com/"
- title: "rss"
url: "/feed.xml"
{% endhighlight %}
</pre>

The titles of the social link are used to find the icon in Font Awesome.

Expand Down
4 changes: 2 additions & 2 deletions _posts/2015-06-12-timeline-tutorial.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,15 +10,15 @@ the form of a timeline of photos, dates and text descriptions. Let's see how it

Open the \_config.yml and find the events list definition, it should look like this:

{% highlight yaml linenos %}
<pre style="text-align: left">
events:
- image: "/img/career/spidertocat.png"
date: "September 2013 - Today"
description: "Saving the neighborhood!"
- image: "/img/career/baracktocat.jpg"
date: "September 2007 - August 2013"
description: "Started coding"
{% endhighlight %}
</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!

Expand Down
12 changes: 6 additions & 6 deletions _posts/2015-06-19-writing-posts.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,10 +10,10 @@ tags: [ 'tutorial' ]

Run the ./scripts/newpost script with the file name of the post as an argument:

{% highlight bash linenos %}
<pre style="text-align: left">
cd <your { Personal } repo>
./scripts/newpost hello-world
{% endhighlight %}
</pre>

A a new post template with name YYYY-MM-DD-hello-world.md will be created under ./\_posts, with the current date.

Expand All @@ -25,15 +25,15 @@ post, with publication date <i>YYYY-MM-DD</i>.

The content starts with:

{% highlight yaml linenos %}
<pre style="text-align: left">
---
layout: post
section-type: post
title: Title
category: Category
tags: [ 'tag1', 'tag2' ]
---
{% endhighlight %}
</pre>

The *layout* and *section-type* are used by the theme.

Expand All @@ -48,9 +48,9 @@ As a result we have to create the tag pages before building and publishing the s

In order to generate the tag pages, simply run the *generate-tags* script from the repo's root directory:

{% highlight bash linenos %}
<pre style="text-align: left">
./scripts/generate-tags
{% endhighlight %}
</pre>

The script will parse all your posts, and generate the tag pages for the newly added tags.

Expand Down
16 changes: 8 additions & 8 deletions _posts/2015-06-20-blog-tutorial.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,9 +12,9 @@ A website is truly personal if it's your blog as well, this place of the interne

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:

{% highlight yaml linenos %}
<pre style="text-align: left">
post-preview-words: 96
{% endhighlight %}
</pre>

Feel free to experiment with different sizes, and pick the best for you.

Expand All @@ -24,30 +24,30 @@ A blog is expected to host many posts, so you will need an archive with paginati
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:

{% highlight yaml linenos %}
<pre style="text-align: left">
paginate: 5
{% endhighlight %}
</pre>

Note that you can navigate the pages of the Archive by swiping left/right!

### Share buttons

Facebook, Twitter, Reddit, LinkedIn, Google+, Pinterest, VKontakte share buttons are available which can be enabled or disabled by setting the following:

{% highlight yaml linenos %}
<pre style="text-align: left">
fb-share: True
twitter-share: True
reddit-share: True
google-plus-share: True
linkedin-share: True
pinterest-share: True
vkontakte-share: True
{% endhighlight %}
</pre>

### Comments

And you can enable <a href="http://www.disqus.com" target="\_blank">Disqus</a> comments by just setting your Disqus username here:

{% highlight yaml linenos %}
<pre style="text-align: left">
disqus-shortname: "YOUR DISQUS USERNAME"
{% endhighlight %}
</pre>
4 changes: 2 additions & 2 deletions _posts/2015-06-22-web-app-mode.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ You can make your website behave like a native web app in
devices by setting the web-app-mode variable to True and providing links for the
icons for each resolution:

{% highlight yaml linenos %}
<pre style="text-align: left">
web-app-mode: True

# Icons for Chrome Web App mode https://developer.chrome.com/multidevice/android/installtohomescreen
Expand All @@ -20,7 +20,7 @@ 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"
{% endhighlight %}
</pre>

This is how the website will look when added to the homescreen:

Expand Down
20 changes: 10 additions & 10 deletions _posts/2015-06-24-intro-layout-tutorial.md
Original file line number Diff line number Diff line change
Expand Up @@ -21,32 +21,32 @@ If you want to disable the dynamic typing, set the site.dynamic-typing to false

You can add your desired dynamically typed text in the lines list:

{% highlight yaml linenos %}
<pre style="text-align: left">
##############################
# Dynamic Text on the header #
##############################

dynamic-typing: True
shuffle: True # Shuffle the lines.
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
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?"
{% endhighlight %}
</pre>

<small>Many thanks to <a href="https://github.com/prashantsolanki3" target="blank">@prashantsolanki3</a> for this feature!</small>

In order to set the background and your image, modify the following variables in \_config:

{% highlight yaml linenos %}
<pre style="text-align: left">
black-favicon: "/img/black-lab-glass.ico"
background-img: "../img/intro-bg.jpg"
me-img: "/img/jetpacktocat.png"
{% endhighlight %}
</pre>

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.
Expand Down
12 changes: 6 additions & 6 deletions _posts/2015-06-25-html-head-tutorial.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ tags: [ 'tutorial' ]

In the \_config.yml, find and set the variables of the Head section:

{% highlight yaml linenos %}
<pre style="text-align: left">
#############
# HTML Head #
#############
Expand All @@ -19,16 +19,16 @@ title: "{ John Smith }"
favicon: "/img/favicon.ico"
description: "Blog and website of John Smith, blogging mainly for tech. Opinions expressed are mine."
keywords: "smith, jones, personal, Jekyll, theme"
{% endhighlight %}
</pre>

The values that you set, will be placed in the head section of every generated HTML page.

Don't forget to set the configurations for your site's url and Google tracking id:

{% highlight yaml linenos %}
<pre style="text-align: left">
url: "http://panossakkos.github.io/personal-jekyll-theme/"
google-tracking-id: ""
{% endhighlight %}
</pre>

The url is essential to be set, because it's used in many places across the theme.

Expand All @@ -39,8 +39,8 @@ If you are using *{ Personal }* as a Github repository theme, set the repository
This step is essential, since its related to file paths!
In order to serve the website locally just run:

{% highlight bash linenos %}
<pre style="text-align: left">
./scripts/serve
{% endhighlight %}
</pre>

<small>Many thanks to <a href="https://github.com/joariasl" target="\_blank">@joariasl</a> for the language support! </small>

0 comments on commit af55425

Please sign in to comment.