DEV Community

Cover image for Portfolio Website using jekyll - No programming knowledge required
Rahul T
Rahul T

Posted on • Edited on

8 2

Portfolio Website using jekyll - No programming knowledge required

Do you want a responsive, fast loading, Search Engine Optimized Website? Then read the following..

Yes I want this!! How can I get it?

  • Responsive portfolio-lap

portfolio-phone

  • Search Engine Optimized seo

If you want to see the live demo clickme

You can see the source code here - portfolio-jekyll

Prerequisites

  • Ruby version 2.5.0 or higher, including all development headers (check your Ruby version using ruby -v)
  • RubyGems (check your Gems version using gem -v)
  • GCC and Make (check versions using gcc -v, g++ -v, and make -v)

If you don't have this then install it, Its easy!!

If the above mentioned requirements are satisfied, Now you are ready to install jekyll !!

Install Jekyll

gem install jekyll bundler

Once it is installed successfully you are ready to test my portfolio locally and make changes

Instructions

  • git clone https://github.com/rawho/portfolio-jekyll.git

  • once it is cloned move in to the correct directory by cd portfolio-jekyll

  • Then lets install all the bundles by bundle install

  • This sometimes shows some error, then you have to do bundle update

  • once it is done, you can type bundle exec jekyll serve

  • This will create a server at port 4000, You can visit http://localhost:4000, there you can see the website.

Heroku

Simplify your DevOps and maximize your time.

Since 2007, Heroku has been the go-to platform for developers as it monitors uptime, performance, and infrastructure concerns, allowing you to focus on writing code.

Learn More

Top comments (2)

Collapse
 
giampiero profile image
giampiero

I took a look to your website, I like it so much! You did a great job with the "tabbed sections trick", and I like you did it all using #jekyll!

Collapse
 
rahulmanojt profile image
Rahul T

Thank you ❤

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs