Anyone can use devlopr theme to build a personal Portfolio + Blog Type of Website, hosted freely on Github Pages or Netlify .
To get started follow the below given methods to get your devlopr mod jekyll website ! Many features are in our checklist, that needs to be worked upon and are in progress. And if you liked this project ! Do share with your developer friends and colleagues who may find it interesting :D
Add this line to your Jekyll site’s Gemfile :
gem "devlopr"
And add this line to your Jekyll site’s _config.yml:
theme: devlopr
And then execute:
$ bundle
Or install it yourself as:
$ gem install devlopr
Run locally using :
$ jekyll serve
All you need to do is clone this repo and customize the theme accordingly.
Clone the repo :
$ git clone https://github.com/sujaykundu777/devlopr-jekyll.git"
$ cd devlopr-jekyll
$ code .
Edit the below file configurations to make devlopr theme yours, you can customize everything from logo, name, posts.. anything.
Add Posts in
Add Images in
Add Categories in
Edit Styles in
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
Create a new file blog.md file with following front yaml inside it.
---
layout: blog
title: Blog
permalink: \blog\
---
---
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
---
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">
<div class="category-box" >
<div id="#web-development"></div>
<h4 class="tag-head"><a href="/blog/categories/web-development">web-development</a></h4>
<a name="web-development"></a>
</div>
<div class="category-box" >
<div id="#git"></div>
<h4 class="tag-head"><a href="/blog/categories/git">git</a></h4>
<a name="git"></a>
</div>
<div class="category-box" >
<div id="#productivity"></div>
<h4 class="tag-head"><a href="/blog/categories/productivity">productivity</a></h4>
<a name="productivity"></a>
</div>
</div>
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">
</div>
The theme is available as open source under the terms of the MIT License.