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 :
And add this line to your Jekyll site’s _config.yml:
And then execute:
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: "firstname.lastname@example.org" 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.