diff --git a/README.md b/README.md index 5a17ad1a..80d25400 100644 --- a/README.md +++ b/README.md @@ -34,7 +34,7 @@ General notes and suggestions for customizing Minimal Mistakes. ## Setup for an Existing Jekyll site 1. Clone the following folders: `_includes`, `_layouts`, `assets`, and `images`. -2. Clone the following files and personalize content as need: `about.md`, `articles.html`, `index.md`, `feed.xml`, `sitemap.xml` +2. Clone the following files and personalize content as need: `about.md`, `posts.md`, `index.md`, `feed.xml`, `sitemap.xml` 3. Set the following variables in your `config.yml` file: ``` yaml @@ -71,7 +71,7 @@ bing_verify: # For external links add external: true links: - title: Theme Setup - url: /theme-setup + url: /theme-setup/ - title: External Link url: http://mademistakes.com external: true diff --git a/_config.yml b/_config.yml index a377fa6f..0eee9491 100644 --- a/_config.yml +++ b/_config.yml @@ -32,8 +32,8 @@ bing_verify: links: - title: About url: /about/ - - title: Articles - url: /articles/ + - title: Posts + url: /posts/ - title: Theme Setup url: /theme-setup/ - title: Made Mistakes @@ -47,7 +47,7 @@ pygments: true markdown: kramdown # https://github.com/mojombo/jekyll/wiki/Permalinks -permalink: /:categories/:title +permalink: /:categories/:title/ kramdown: auto_ids: true diff --git a/_layouts/home.html b/_layouts/home.html index 24e7687e..f889e35f 100644 --- a/_layouts/home.html +++ b/_layouts/home.html @@ -7,14 +7,14 @@ {% include _head.html %} - + {% include _browser-upgrade.html %} {% include _navigation.html %} {% if page.image.feature %}
- {{ page.title }} feature image + {{ page.title }} feature image {% if page.image.credit %}Photo Credit: {{ page.image.credit }}{% endif %}
{% endif %} @@ -22,12 +22,12 @@ {% include _author-bio.html %} -
+

Articles

{% for post in site.posts limit:5 %} -
-

{{ post.title }}

-

{% if post.description %}{{ post.description }}{% else %}{{ post.content | strip_html | strip_newlines | truncate: 120 }}{% endif %}

+
+

{{ post.title }}

+

{% if post.description %}{{ post.description }}{% else %}{{ post.content | strip_html | strip_newlines | truncate: 120 }}{% endif %}

{% endfor %}
diff --git a/_layouts/page.html b/_layouts/page.html index 371197de..ae3ad7fa 100644 --- a/_layouts/page.html +++ b/_layouts/page.html @@ -7,24 +7,24 @@ {% include _head.html %} - + {% include _browser-upgrade.html %} {% include _navigation.html %} {% if page.image.feature %}
- {{ page.title }} feature image + {{ page.title }} feature image {% if page.image.credit %}Photo Credit: {{ page.image.credit }}{% endif %}
{% endif %} -
+
{% include _author-bio.html %}
-
-

{{ page.title }}

-
+
+

{{ page.title }}

+
{{ content }}
diff --git a/_layouts/post-index.html b/_layouts/post-index.html index ffea18ef..50f32c28 100644 --- a/_layouts/post-index.html +++ b/_layouts/post-index.html @@ -7,7 +7,7 @@ {% include _head.html %} - + {% include _browser-upgrade.html %} @@ -22,8 +22,8 @@ {% include _author-bio.html %}
-
-

{{ page.title }}

+
+

{{ page.title }}

{% for post in site.posts %} {% unless post.next %}

{{ post.date | date: '%Y' }}

@@ -34,9 +34,9 @@

{{ post.date | date: '%Y' }}

{% endif %} {% endunless %} -
-

{{ post.title }}

-

{% if post.description %}{{ post.description }}{% else %}{{ post.content | strip_html | strip_newlines | truncate: 120 }}{% endif %}

+
+

{{ post.title }}

+

{% if post.description %}{{ post.description }}{% else %}{{ post.content | strip_html | strip_newlines | truncate: 120 }}{% endif %}

{% endfor %}
diff --git a/_layouts/post.html b/_layouts/post.html index a91f9a8f..e258d12e 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -7,34 +7,34 @@ {% include _head.html %} - + {% include _browser-upgrade.html %} {% include _navigation.html %} {% if page.image.feature %}
- {{ page.title }} feature image + {{ page.title }} feature image {% if page.image.credit %}Photo Credit: {{ page.image.credit }}{% endif %}
{% endif %} -
+
{% include _author-bio.html %}
-
+
-

{{ page.title }}

+

{{ page.title }}

{{ page.tagline }}

-
+
{{ content }}
{% include _author-bio.html %}
-

{{ page.title }} was published on {% if page.modified %} and last modified on {% endif %} by .

+

{{ page.title }} was published on {% if page.modified %} and last modified on {% endif %} by {{ site.owner.name }}.

@@ -42,7 +42,7 @@
{% if site.related_posts.size > 0 %}
-

You might also enjoy (View all articles)

+

You might also enjoy (View all posts)

    {% for post in site.related_posts limit:3 %} {% assign match = false %} @@ -66,4 +66,4 @@ {% include _scripts.html %} - + \ No newline at end of file diff --git a/about.md b/about.md index f1304205..0bebb3f0 100644 --- a/about.md +++ b/about.md @@ -1,6 +1,6 @@ --- layout: page -permalink: /about/index.html +permalink: /about/ title: About the Theme tagline: Minimal Mistakes, a Jekyll Theme tags: [about, Jekyll, theme, responsive] diff --git a/articles.md b/articles.md deleted file mode 100644 index 30e4a6de..00000000 --- a/articles.md +++ /dev/null @@ -1,7 +0,0 @@ ---- -layout: post-index -permalink: /articles/ -title: Articles -tagline: A List of Posts -tags: [blog, graphic design] ---- \ No newline at end of file diff --git a/posts.md b/posts.md new file mode 100644 index 00000000..acd3b63c --- /dev/null +++ b/posts.md @@ -0,0 +1,7 @@ +--- +layout: post-index +permalink: /posts/ +title: All Posts +tagline: A List of Posts +tags: [blog] +--- \ No newline at end of file diff --git a/theme-setup.md b/theme-setup.md index 7301484f..5ae7102e 100644 --- a/theme-setup.md +++ b/theme-setup.md @@ -1,6 +1,6 @@ --- layout: page -permalink: /theme-setup/index.html +permalink: /theme-setup/ title: Theme Setup description: "Instructions on how to install and customize the Jekyll theme Minimal Mistakes." tags: [Jekyll, theme, responsive] @@ -42,7 +42,7 @@ minimal-mistakes/ ├── _layouts/ | ├── home.html #homepage layout | ├── page.html #page layout -| ├── post-index.html #post listing layout +| ├── post-index.html #post index layout | └── post.html #post layout ├── _posts/ ├── assets/ @@ -55,7 +55,7 @@ minimal-mistakes/ | └── less/ ├── images/ # images for posts and pages ├── about.md # about page -├── articles.md # lists all posts from latest to oldest +├── posts.md # lists all posts from latest to oldest └── index.md # homepage. lists 5 most recent posts {% endhighlight %} @@ -69,7 +69,7 @@ Most of the variables found here are used in the .html files found in `_includes #### Owner/Author Information -Change your name, bio, and avatar photo (100x100 pixels or larger), Twitter url, email, and Google+ url. If you want to link to an external image on Gravatar or something similiar you'll need to edit the path in `_author-bio.html` since it assumes it is located in `\images`. +Change your name, bio, and avatar photo (100x100 pixels or larger), Twitter url, email, and Google+ url. If you want to link to an external image on Gravatar or something similiar you'll need to edit the path in `_author-bio.html` since it assumes it is located in `/images`. Including a link to your Google+ profile has the added benefit of displaying [Google Authorship](https://plus.google.com/authorship) in Google search results if you've went ahead and applied for it. Don't have a Google+ account? Just leave it blank. @@ -85,11 +85,11 @@ Edit page/post titles and URLs to include in the site's navigation. For external # sample top navigation links links: - title: About Page - url: /about - - title: Articles - url: /articles + url: /about/ + - title: Posts + url: /posts/ - title: Other Page - url: /other-page + url: /other-page/ - title: External Page url: http://mademistakes.com external: true @@ -97,7 +97,7 @@ links: ### Adding Posts and Pages -There are two main content layouts: *post.html* (for posts) and *page.html* (for pages). Both have large **feature images** that span the full-width of the screen, and both are meant for text heavy blog posts (or articles). +There are two main content layouts: *post.html* (for posts) and *page.html* (for pages). Both have large **feature images** that span the full-width of the screen, and both are meant for long form articles and blog posts. #### Feature Images @@ -120,6 +120,19 @@ image: creditlink: http://mademistakes.com #url to their site or licensing {% endhighlight %} +#### Post Index Page + +A [sample index page]({{ site.url }}/posts/) listing all posts grouped by the year they were published has been provided. The name can be customized to your liking by editing a few references. For example, to change **Posts** to **Writing** update the following: + +* In `_config.yml` under `links:` rename the title and URL to the following: +{% highlight yaml %} + links: + - title: Writing + url: /writing/ +{% endhighlight %} +* Rename `posts.md` to `writing.md` and update the YAML front matter to match the title and URL set in `_config.yml` +* Update the **View all posts** link in `post.html` layout found in `_layouts` to match title and URL set previously. + #### Thumbnails for OG and Twitter Cards Post and page thumbnails work the same way. These are used by [Open Graph](https://developers.facebook.com/docs/opengraph/) and [Twitter Cards](https://dev.twitter.com/docs/cards) meta tags found in *_head.html*. If you don't assign a thumbnail the default graphic *(default-thumb.png)* is used. I'd suggest changing this to something more meaningful --- your logo or avatar are good options.