README.md in devlopr-0.2.0 vs README.md in devlopr-0.2.1

- old
+ new

@@ -54,20 +54,117 @@ # Variables need to be declared in _config.yml of your jekyll site `{{site.variable}}` -title, description, name , bio +# _config.yml configuration ( Copy and Edit accordingly ) -twitter_username, facebook_username, medium_username , telegram_username, behance_username, github_username , -instagram_username +``` +title: Your Site Title +subtitle: Your Site Subtitle +description: >- # this means to ignore newlines until "baseurl:" + Write an awesome description for your new site here. You can edit this + line in _config.yml. It will appear in your document head meta (for + Google search results) and in your feed.xml site description. +baseurl: "" # the subpath of your site, e.g. /blog +url: "" # the base hostname & protocol for your site, e.g. http://example.com +author_logo: profile.png +disqus_shortname: sujay-kundu #for comments using disqus +author: Your Name +author_bio: Something About You for about me +author_email: "your-email@example.com" +author_location: Your Location +author_website_url: "https://yourwebsite.com" + +# social links +twitter_username: yourusername +github_username: yourusername +facebook_username: yourusername +linkedin_username: yourusername +behance_username: yourusername +instagram_username: yourusername +medium_username: yourusername +telegram_username: yourusername +dribbble_username: yourusername +flickr_username: yourusername +``` + # Add blog section -Create a new file blog.md file with following content +Create a new file blog.md file with following front yaml inside it. ``` --- layout: blog title: Blog -permalink: \blog\ -``` \ No newline at end of file +permalink: \blog\ +--- +``` + +# Post Yaml Format ( Example Below ) : + +``` +--- +layout: post +title: How to use docker compose +categories: + - web-development + - docker +summary: Learn how to use docker compose +thumbnail: docker-compose.png +author: Sujay Kundu +--- +``` + +# Adding Categories + +For Adding Categories create new folder categories and inside that create a file `all.md` and copy the below code in that : + +``` +--- +layout: page +permalink: /blog/categories/ +--- + +<div id="categories"> +{% for tag in site.categories %} + <div class="category-box" > + {% capture tag_name %}{{ tag | first }}{% endcapture %} + <div id="#{{ tag_name | slugize }}"></div> + <h4 class="tag-head"><a href="{{ site.baseurl }}/blog/categories/{{ tag_name }}">{{ tag_name }}</a></h4> + <a name="{{ tag_name | slugize }}"></a> + {% for post in site.tags[tag_name] %} + <article class="center"> + <h6 ><a href="{{ site.baseurl }}{{ post.url }}">{{post.title}}</a></h6> + </article> + + + {% endfor %} + + </div> +{% endfor %} +</div> + +``` + +# Individual Categories + +If you want to show all posts of a particular category, create a new file for that category inside categories folder + +For example ( angularjs.md ) + +``` +--- +layout: page +permalink: /blog/categories/angularjs +--- + +<div class="card"> +{% for post in site.categories.angularjs %} + <li class="category-posts"><span>{{ post.date | date_to_string }}</span> &nbsp; <a href="{{ post.url }}">{{ post.title }}</a></li> +{% endfor %} +</div> + + +``` +