Skip to content

Instantly share code, notes, and snippets.

@jimmynotjim
Last active December 15, 2015 03:59
Show Gist options
  • Save jimmynotjim/5198299 to your computer and use it in GitHub Desktop.
Save jimmynotjim/5198299 to your computer and use it in GitHub Desktop.
Snipit to capture the url slug of a post and use that to get back the post data from _global.json (as well as related/same category posts for the sidebar population).
{
"posts": [
{
"title": "Some Title",
"postDate": "14.03.2013",
"excerpt": "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient.",
"postSlug": "some-title",
"previewLg": "http://placehold.it/625x350.png",
"previewSm": "http://placehold.it/280x160.png",
"category": "some category",
"content": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc in neque id dui tristique rhoncus non sit amet ante. Donec mollis, dolor ac elementum elementum, augue tortor tincidunt neque, id aliquam nisl dolor vel augue. Vestibulum neque urna, ultrices sit amet congue nec, aliquam in metus. Maecenas fringilla est ac nibh mollis vitae tempor nibh condimentum. Nulla facilisi. Morbi arcu sem, consectetur ac dignissim at, fringilla sit amet nisi. Integer ante tortor, congue ac fermentum quis, venenatis sit amet sem. Sed orci velit, dictum id adipiscing in, consectetur ac dui. Nullam id elit vel ligula pellentesque mollis ac sed mauris. Ut in ipsum vitae orci lacinia suscipit.</p><p>In sagittis sagittis erat quis elementum. Morbi nec enim eu purus elementum condimentum. Quisque eu ante dolor. Cras in metus quis velit volutpat varius. Morbi cursus massa eget arcu sodales varius. Duis blandit pellentesque tortor vitae porta. Sed molestie sollicitudin erat quis suscipit. Donec in porta nibh. Donec ullamcorper mattis tempus. Pellentesque quam lacus, dapibus porta hendrerit tristique, feugiat sed dolor. In fermentum hendrerit mi, et ornare justo scelerisque quis. Fusce ac sem quis tellus rhoncus condimentum. Proin lacus erat, vehicula at scelerisque vitae, gravida sit amet augue. Donec volutpat rhoncus urna, eu accumsan augue lacinia ac.</p>"
}
]
}
<article class="main-post">
<span class="blog-category">Some Category</span>
<h1>Some Title</h1>
<p class="meta post-date">March 14, 2013</p>
<img src="http://placehold.it/650x350.png" />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc in neque id dui tristique rhoncus non sit amet ante. Donec mollis, dolor ac elementum elementum, augue tortor tincidunt neque, id aliquam nisl dolor vel augue. Vestibulum neque urna, ultrices sit amet congue nec, aliquam in metus. Maecenas fringilla est ac nibh mollis vitae tempor nibh condimentum. Nulla facilisi. Morbi arcu sem, consectetur ac dignissim at, fringilla sit amet nisi. Integer ante tortor, congue ac fermentum quis, venenatis sit amet sem. Sed orci velit, dictum id adipiscing in, consectetur ac dui. Nullam id elit vel ligula pellentesque mollis ac sed mauris. Ut in ipsum vitae orci lacinia suscipit.</p>
<p>In sagittis sagittis erat quis elementum. Morbi nec enim eu purus elementum condimentum. Quisque eu ante dolor. Cras in metus quis velit volutpat varius. Morbi cursus massa eget arcu sodales varius. Duis blandit pellentesque tortor vitae porta. Sed molestie sollicitudin erat quis suscipit. Donec in porta nibh. Donec ullamcorper mattis tempus. Pellentesque quam lacus, dapibus porta hendrerit tristique, feugiat sed dolor. In fermentum hendrerit mi, et ornare justo scelerisque quis. Fusce ac sem quis tellus rhoncus condimentum. Proin lacus erat, vehicula at scelerisque vitae, gravida sit amet augue. Donec volutpat rhoncus urna, eu accumsan augue lacinia ac.</p>
</article>
{% for post in global.posts %}
{% capture urlslug %}{{ mixture.url | replace_first: 'blog/' }}{% endcapture %}
{% if post.postSlug == urlslug %}
<span class="blog-category">{{ post.category | capitalize }}</span>
<h1>{{ post.title }}</h1>
<p class="meta post-date">{{ post.postDate | date: "%B %d, %Y" }}</p>
<img src="{{ post.previewLg }}" />
{{ post.content }}
{% endif %}
{% endfor %}
{% block content %}
{% include "post-template" %}
{% endblock %}
@jimmynotjim
Copy link
Author

Damn gists don't allow you to add sub-directories to file names so here's the locations of each

project-name/models/_global.json
project-name/templates/includes/post-template.liquid
project-name/templates/blog/some-post.liquid

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment