From af5542511c9dea1912b189bafe17a19314e31a52 Mon Sep 17 00:00:00 2001 From: Panos Sakkos Date: Thu, 19 Nov 2015 22:18:43 +0100 Subject: [PATCH] Revert "Added syntax highlight in code snippets of documentation posts" This reverts commit 91e1cbe851227c33047e55cf1ec7227b6796eefb. --- _posts/2015-06-05-404-page.md | 4 ++-- _posts/2015-06-11-social-buttons-tutorial.md | 4 ++-- _posts/2015-06-12-timeline-tutorial.md | 4 ++-- _posts/2015-06-19-writing-posts.md | 12 ++++++------ _posts/2015-06-20-blog-tutorial.md | 16 ++++++++-------- _posts/2015-06-22-web-app-mode.md | 4 ++-- _posts/2015-06-24-intro-layout-tutorial.md | 20 ++++++++++---------- _posts/2015-06-25-html-head-tutorial.md | 12 ++++++------ 8 files changed, 38 insertions(+), 38 deletions(-) diff --git a/_posts/2015-06-05-404-page.md b/_posts/2015-06-05-404-page.md index 73b161cce979d..ca02c78a85777 100644 --- a/_posts/2015-06-05-404-page.md +++ b/_posts/2015-06-05-404-page.md @@ -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 %} +
 ############
 # 404 page #
 ############
 
 404-img: "/img/labtocat.png"
-{% endhighlight %}
+
diff --git a/_posts/2015-06-11-social-buttons-tutorial.md b/_posts/2015-06-11-social-buttons-tutorial.md index 8e6878242aa30..3678fbeb2af90 100644 --- a/_posts/2015-06-11-social-buttons-tutorial.md +++ b/_posts/2015-06-11-social-buttons-tutorial.md @@ -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 %} +
 social:
   - title: "github"
     url: "https://github.com/"
@@ -19,7 +19,7 @@ social:
     url: "http://youtube.com/"
   - title: "rss"
     url: "/feed.xml"
-{% endhighlight %}
+
The titles of the social link are used to find the icon in Font Awesome. diff --git a/_posts/2015-06-12-timeline-tutorial.md b/_posts/2015-06-12-timeline-tutorial.md index 00b80f908d415..abe0fe822b31d 100644 --- a/_posts/2015-06-12-timeline-tutorial.md +++ b/_posts/2015-06-12-timeline-tutorial.md @@ -10,7 +10,7 @@ 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 %} +
 events:
   - image: "/img/career/spidertocat.png"
     date: "September 2013 - Today"
@@ -18,7 +18,7 @@ events:
   - image: "/img/career/baracktocat.jpg"
     date: "September 2007 - August 2013"
     description: "Started coding"
-{% endhighlight %}
+
For each event of your life, add a tuple of image, date and description to the events, and the timeline will be automatically generated! diff --git a/_posts/2015-06-19-writing-posts.md b/_posts/2015-06-19-writing-posts.md index 872256ce8bbfd..f65b2388d2c07 100644 --- a/_posts/2015-06-19-writing-posts.md +++ b/_posts/2015-06-19-writing-posts.md @@ -10,10 +10,10 @@ tags: [ 'tutorial' ] Run the ./scripts/newpost script with the file name of the post as an argument: -{% highlight bash linenos %} +
 cd 
 ./scripts/newpost hello-world
-{% endhighlight %}
+
A a new post template with name YYYY-MM-DD-hello-world.md will be created under ./\_posts, with the current date. @@ -25,7 +25,7 @@ post, with publication date YYYY-MM-DD. The content starts with: -{% highlight yaml linenos %} +
 ---
 layout: post
 section-type: post
@@ -33,7 +33,7 @@ title: Title
 category: Category
 tags: [ 'tag1', 'tag2' ]
 ---
-{% endhighlight %}
+
The *layout* and *section-type* are used by the theme. @@ -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 %} +
 ./scripts/generate-tags
-{% endhighlight %}
+
The script will parse all your posts, and generate the tag pages for the newly added tags. diff --git a/_posts/2015-06-20-blog-tutorial.md b/_posts/2015-06-20-blog-tutorial.md index 54772a21cb1b1..e7e3cd51874ad 100644 --- a/_posts/2015-06-20-blog-tutorial.md +++ b/_posts/2015-06-20-blog-tutorial.md @@ -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 %} +
 post-preview-words: 96
-{% endhighlight %}
+
Feel free to experiment with different sizes, and pick the best for you. @@ -24,9 +24,9 @@ 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 %} +
 paginate: 5
-{% endhighlight %}
+
Note that you can navigate the pages of the Archive by swiping left/right! @@ -34,7 +34,7 @@ Note that you can navigate the pages of the Archive by swiping left/right! Facebook, Twitter, Reddit, LinkedIn, Google+, Pinterest, VKontakte share buttons are available which can be enabled or disabled by setting the following: -{% highlight yaml linenos %} +
 fb-share: True
 twitter-share: True
 reddit-share: True
@@ -42,12 +42,12 @@ google-plus-share: True
 linkedin-share: True
 pinterest-share: True
 vkontakte-share: True
-{% endhighlight %}
+
### Comments And you can enable Disqus comments by just setting your Disqus username here: -{% highlight yaml linenos %} +
 disqus-shortname: "YOUR DISQUS USERNAME"
-{% endhighlight %}
+
diff --git a/_posts/2015-06-22-web-app-mode.md b/_posts/2015-06-22-web-app-mode.md index 5f4ecefc916d0..a704183150727 100644 --- a/_posts/2015-06-22-web-app-mode.md +++ b/_posts/2015-06-22-web-app-mode.md @@ -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 %} +
 web-app-mode: True
 
 # Icons for Chrome Web App mode https://developer.chrome.com/multidevice/android/installtohomescreen
@@ -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 %}
+
This is how the website will look when added to the homescreen: diff --git a/_posts/2015-06-24-intro-layout-tutorial.md b/_posts/2015-06-24-intro-layout-tutorial.md index 24ac4c0d899b7..ed1a7d98ca5dc 100644 --- a/_posts/2015-06-24-intro-layout-tutorial.md +++ b/_posts/2015-06-24-intro-layout-tutorial.md @@ -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 %} +
 ##############################
 # 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 %}
+
Many thanks to @prashantsolanki3 for this feature! In order to set the background and your image, modify the following variables in \_config: -{% highlight yaml linenos %} +
 black-favicon: "/img/black-lab-glass.ico"
 background-img: "../img/intro-bg.jpg"
 me-img: "/img/jetpacktocat.png"
-{% endhighlight %}
+
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. diff --git a/_posts/2015-06-25-html-head-tutorial.md b/_posts/2015-06-25-html-head-tutorial.md index 1067f4047ce8f..cc325371e261a 100644 --- a/_posts/2015-06-25-html-head-tutorial.md +++ b/_posts/2015-06-25-html-head-tutorial.md @@ -8,7 +8,7 @@ tags: [ 'tutorial' ] In the \_config.yml, find and set the variables of the Head section: -{% highlight yaml linenos %} +
 #############
 # HTML Head #
 #############
@@ -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 %}
+
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 %} +
 url: "http://panossakkos.github.io/personal-jekyll-theme/"
 google-tracking-id: ""
-{% endhighlight %}
+
The url is essential to be set, because it's used in many places across the theme. @@ -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 %} +
 ./scripts/serve
-{% endhighlight %}
+
Many thanks to @joariasl for the language support!