Thank You! This got me up and running REALLY quick. Everyone else that posts similar tutorials should just take their videos down. This is by far the quickest and best one in my opinion! :)
Excellent Intro to Jekyll!!! Thanks! However I think you should have prelude the video with a few warnings. :-) 1. Before you can run Jekyll you will need the following: (and admin rights) A. Linux or Mac B. Ruby C. RubyGems D. NodeJS E. Python F. RDoc (If parsing errors occur installing)
I tried Jekyll, though I understand the concept behind it, i have to admit that it's not too easy to learn and if you encounter some roadblocks, it takes time googling, reading through documentation, etc to finally get around it. David Pots posted on his blog how to setup Jekyll and also deploying it to Github Pages. I'd recommend it for anyone new in Jekyll.
What are some roadblocks you encountered? The scariest part for me was all the ruby stuff. It was just intimidating, not hard. It went pretty smoothly for me.
1 - Creating Post - This should be in the front page of Jekyll site or atleast in the Quickstart Guide so new comers won't scan the Documentation. Another inconvenience for me is the fact that you have to write a long filename just to create a post and don't forget the YAMLfm. The thing is, I don't write new posts regularly, so these things take time to be remembered, often times forgotten. 2 - Assets - I used the {{ siteurl }} variable to fix 404 in css files when viewing posts. It started working but the homepage's stylesheet stopped working so I had to revert and play with _config.yml file. I eventually sorted it out but it took me some time to figure things out. It's kinda painful to experience these just to get started with Jekyll. Maybe its not for me. That's why I switched to Ghost. :)
This is literally the hardest bit out of all the other videos in the playlist, jekyll's so frustrating, maybe it's because im on windows idk but I KEEEP GETTING ERRORS
I've been struggling to learn Jekyll, static sites, and coding in general - I've been scouring the internet for tutorials to no avail. They're all presented for developers, and if not, they're catered to educate people towards a particular product. Your educational style presents Jekyll knowledge in a digestible format. THANK YOU SO MUCH. It means a lot.
I feel your pain. Go to Travis's youTube channel if you haven't already, it helped me tons when I was getting started. th-cam.com/users/DevTipsForDesigners
Hi there, I just now figured out a way to find these files. Bit of a pain if you're not going to be a blogger. You have to find the theme's files on your computer. I think the default now is minima, so type this into your terminal bundle show minima This will return a directory on your computer which you will need to follow. Copy and paste the files directly into your website folder then you have the exact same files shown in the video. Truly a pain!
Hi T-Swiv. Thanks for the tip. This really helped. I was frustrated to find the answer for the newer version of Jekyll which has a different format than that of this video.
Thanks for this tutorial! An unrelated question: Whats the chrome plugin you're using when opening a new tab to get this tiled list of links? Thanks a lot!
that means that are blog post entries need to be programed into the code, or do we have some kind of feature to create blog entries from within the live site ?
Seems interesting, however, all the advantages you listed Travis kinda applies for static html pages. What's the advantage of using jekyll over just creating a static html page.
Jekyll is a static site generator. So as you learned from this video it generates static pages, only provides more functionality and organisation for development
great introduction! I recently converted my blog to static pages and (maybe) I will use Jekyll in the Future (instead of some homemade Ruby-scripts and grep)
Can Jekyll be used to include PHP as well? I want to include PHP inside the header as I have a log in box. This would highly reduce load speeds on my site, so I wanted to try it. Is it possible?
I found the link below to add Ruby for windows. It went well until the directions said "Auto-detect Ruby installations and add them to a configuration file for the next step". This command, "ruby dk.rb init" did not work. I tried it with a capital R but it still did not work. I need help on how to auto-detect the installation and add them to a config file.
I use windows 8.1. How do I get jekyll and will I be able to follow this "How to build a responsive website..." using windows? I tried the install and the err message said "$" was not supported. Same error when I just used "gem", not supported. The instructions for windows did not work either.
Yes it is! I'm so excited about it. On monday we code out the Header and Footer in the jekyll install we create here. When It's done I'll put it up on github for everyone to fork and mess with. :)
I know it looks cool, but I was kind of hoping you'll actually make the website without any CMSs. I realise this is different from Wordpress in many ways, but not all of the types of sites are good to run Jekyll on. But anyway I can't wait to see how you'll do it. :)
I don't know how to use PC's very well. Might as well ask me how to install it on Ubuntu. But if you can figure out how to get your command line and ruby running on your PC, everything else is the same as this video. Or at least, should be.
Reuven Karasik If you follow along with the project, you will see that Jekyll is very much an out-of-the-way kind of CMS. And all the principals and tactics I use to create this site can just as well be used on a non-CMS type site. I'm glad you are going to bear with me on this tho! I'm sure you'll like it!
Hi. I kind of understood why we need jekyll for development reason. But as a PC user, is there any tools just like jekyll but it is a bit more easy to set it up? I went to the jekyll PC installation guide and there are just too many steps involved.
Travis thanks for the great video. When I run jekyll serve on Terminal, I get this back: ANDREWs-iMac:portfolio andrewepstein$ jekyll serve /Library/Ruby/Gems/2.0.0/gems/bundler-1.12.5/lib/bundler/resolver.rb:356:in `block in verify_gemfile_dependencies_are_found!': Could not find gem 'minima' in any of the gem sources listed in your Gemfile or available on this machine. (Bundler::GemNotFound) from /Library/Ruby/Gems/2.0.0/gems/bundler-1.12.5/lib/bundler/resolver.rb:331:in `each' from /Library/Ruby/Gems/2.0.0/gems/bundler-1.12.5/lib/bundler/resolver.rb:331:in `verify_gemfile_dependencies_are_found!' from /Library/Ruby/Gems/2.0.0/gems/bundler-1.12.5/lib/bundler/resolver.rb:200:in `start' from /Library/Ruby/Gems/2.0.0/gems/bundler-1.12.5/lib/bundler/resolver.rb:184:in `resolve' from /Library/Ruby/Gems/2.0.0/gems/bundler-1.12.5/lib/bundler/definition.rb:200:in `resolve' from /Library/Ruby/Gems/2.0.0/gems/bundler-1.12.5/lib/bundler/definition.rb:140:in `specs' from /Library/Ruby/Gems/2.0.0/gems/bundler-1.12.5/lib/bundler/definition.rb:185:in `specs_for' from /Library/Ruby/Gems/2.0.0/gems/bundler-1.12.5/lib/bundler/definition.rb:174:in `requested_specs' from /Library/Ruby/Gems/2.0.0/gems/bundler-1.12.5/lib/bundler/environment.rb:19:in `requested_specs' from /Library/Ruby/Gems/2.0.0/gems/bundler-1.12.5/lib/bundler/runtime.rb:14:in `setup' from /Library/Ruby/Gems/2.0.0/gems/bundler-1.12.5/lib/bundler.rb:95:in `setup' from /Library/Ruby/Gems/2.0.0/gems/jekyll-3.2.1/lib/jekyll/plugin_manager.rb:36:in `require_from_bundler' from /Library/Ruby/Gems/2.0.0/gems/jekyll-3.2.1/exe/jekyll:9:in `' from /usr/local/bin/jekyll:23:in `load' from /usr/local/bin/jekyll:23:in `' ANDREWs-iMac:portfolio andrewepstein$ ls Gemfile _config.yml _posts about.md css feed.xml index.html Not sure what this means, but I never seem to reach the point where Jekyll shows me a local host web address where I can see a template website (4:43 on your video). I'm doing something wrong and any advice/suggestions you have would be greatly appreciated. Thanks
or you can also try ` gem install bundler` or `sudo gem install bundler`. if that doesn't work, copy and paste the error you are having, someone probably asked it online. but it's most likely because you don't have something installed which jekyll needs, but it's super easy to install
I want to add an option on my website of "booking a product" which goes through a payment gateway. Is it possible through jekyll? is it possible on a static website?
I love the idea of switching from wordpress to jekyll, but, I what about the cool plugins I use on wordpress? For example live chat plugins... is it possible to do this in Jekyll?
I do have a form on the design. And to be honest I'm not too sure how to handle it. I'm thinking of two options: 1- change the contact form to a mailchimp list form 2- set it up as a google form Do you have any other ideas?
Isn't Yeoman a project manager? I'm not to familiar with it, but I believe you can use Yeoman to get your jekyll started. Am I thinking of the right thing... too tired to google.. haha.
+hazelnut ☆BIKE's4LIFE You need a service that can process dynamic content. One that works well is snipcart: snipcart.com/ Also, check out appernetic.io that will build a static website for you.
thanks! it was a great video and it really explained some of the stuff i have been trying to do. I wonder how long does it usually take to build jekyll small website?
It's ok to have a beard when being a designer/programmer since you to meet with directors, clients and/or employers? I'm asking cuz I'd like to keep mine but I'm looking for a job atm
***** I totally share the same opinion dude, I'm just asking for the sake of employment, since there's many people that doesn't think like that, unfortunelly
you could setup a google form and create an ajax request from the static site to record the reservation on google sheets.. again, if it's small, it's definitely possible, if it's big you'd be better off developing a proper dynamic site.
I've ran into this several times. Started brand new folder from git clone a few times. Ran jekyll serve on my-awesome-site. First time it works, but subsequent times I try after making changes, console error gives me: Error: (/Users/Dev/my-awesome-site/_config.yml): mapping values are not allowed in this context at line 7 column 13 Anyone know what gives?
Hi Im having problems running Jekyll...Ive downloaded the new " DevTips-Starter-Kit-Jekyll-Starter-Kit" and am encountering this error in terminal "Conversion error: Jekyll::Converters::Sass encountered an error converting 'DevTips-Starter-Kit-Jekyll-Starter-Kit/assets/css/main.sass'." Can anyone assist please. also, Ive noticed, the Index.html included in the download doesnt include the double - - - lines above the header as shown in the demo
I am running "Jekyll serve" but changes in my site doesn't updates. I can see changes only if i change some css in chrome dev tools of if I update site on github...
Quick question. So the default.html file where you put pieces of html pages from your includes folder that goes to the site folder index.html. My question is what is the use of the index.html in your root folder?
+GlobalistEnemy01 I believe it is a Ruby package management framework. Follow the instructions on the jekyll website to install jekyllrb.com/docs/installation/. I got a bit lost as well. He doesn't explain the set up very well. Just assumes you already have the software required.
How does Jekyll includes differs from PHP include/require? Is it safer to use Jekyll because it generates a single html page? Or it doesn't matter if I use the same concept with PHP and make a file for variables, a file for header, and so on... (regardless the capacity of the server handle PHP properly)
I already have a website (nodejs , nextjs,reactjs) hosted on digitalocean, and want to add a blog page (with management ability for multiple users to add content ), what do you recommend ?
He's not using the latest version of Jekyll, considering this video was made 3 years ago. So the directory structure is different but the install and general how to are all still the same.
Sublime and Atom are IDEs (text editors), Jekyll is something you could use along with your text editor. But Jekyll is a way you can write an HTML template that Jekyll will use to produce multiple pages with different content. So you would only need one html file for all your blog posts. Hope that answers your question.
hey travis i was building my first site by following ur "how to create website from start to finish" course but i am facing problem with jekyll installation i am installing it using ruby command prompt but it is not installing. Secondly, i want to know can DevTips starter kit be used instead of starter kit v1 in that course. Please help me out.
I'm using Ubuntu on a Windows 10 subsystem to try and run jekyll, and I'm really close to quitting and going with wordpress. I still haven't made a post yet. I have ruby up to date.
Not sure where i'm going wrong as new to ruby and jekyll but I cant get to grips with the set up. Manage to install it all good (needed xcode - that wasn't mentioned) but it comes packed with stuff we don't seem to need and when I delete stuff to start from scratch it errors. I'm also using your helpful startup kit as it just seems to make sense but its not liking correctly with the sass files? Not sure if its because my download jekyll 2.5.1?
I'm currently thinking about Jekyll and Cactus as ways to keep my HTML reusable. What do you think? How do you deal with HTML while woking on large projects?
Thank you, Travis. This was a fantastic tutorial! I'm learning quite a lot from you. One question regarding this vid: (Using Jekyll, would I be able to incorporate the work to my Git repos?) disregard this dumb question. Thank you again.
Hello, I kind of fixed this, but it required me to install ubuntu linux and install other dependencies for it to work. I followed this tutorial: michaelchelen.net/81fa/install-jekyll-2-ubuntu-14-04/
Question - once you install the Jekyll gem, can you still write standard HTML/CSS/JS without using Jekyll? I'm fairly new to web design and dev, so I don't want to install Jekyll and then be stuck using it for every site I build if I decide it's not for me. It looks super clean and pretty simple to set up and write modular code, Which is what I like. But, I look at it this way, "No question is a dumb question, so I just want t make sure I'm not stuck using Jekyll down the road should I decide not to use it full time". I want to continue with this course and expand my web design and dev skill set, so I just want to make sure I'm not stuck with Jekyll later down the road. Thanks in Advance.
you dropped the portfolio folder into the "code generator" and it shows up the windows with folders and stuff, which equivalent software would you recommend for windows 7 x64? so far i installed jekyll, but got stuck after that. your reply will be appreciated alot, thanks. ;) newbie here
Hi Travis, great videos! I have one problem when I follow this. Everything works but when I open the site with localhost:4000 I don't get any styling. Just html. No errors in my console either. I have no clue what's going on.
Hey thanks for this video, I am a backend developer and for me static pages doesn't make much sense, but after see this video and the one you talk with Jon, I see it can be used in some case. If you let me, I would say the part when you talk about some of it advantages, specifically the "because there is not a database your site is more secure, there is no way to hacke it", I don't believe this a real advantages to point out, I think that the effort to hack a web server or a database could be the same, so there is not a database to hack, but then there is a web server or other service to hack get access to the files and change the content, at least is the way I see it. Thanks again :D.
Point taken. I wasn't too clear on that, but I was trying to say that you can't hack the database if there is none... But your counter about hacking the server is valid. But still. If your server is hacked and your files changed. Just run Jekyll again and it overwrites any hacked changes. For me, the benefit of security is not much of a big deal. The kinds of sites that you would make with Jekyll are not really beneficial to hack. Jekyll doesn't store credit card #'s or anything ... as there is no DB.. :P
When I do the jekyll serve command it goes through fine to the Server running part but just before the port it comes up with an error message saying "Please add the following to your gem file: require 'rbconfig' if RbConfig::CONFIG['target_os'] =~ /msqin:mingw:cygwin/i gem 'wdm' , '>= 0.1.0' end" And in-turn when I go to my localhost:4000 it comes up with a blank page, thing is, where is the gemfile I need to add this to? Please help.
by the way do you know how I can push changes up to my jekyll github repo? I'm hosting the blog on github pages but can't push changes to my blog. i.e the config.yml file.
When I type "sudo gem install jekyll" it just sits there... I tried "gem install jekyll" and it still sits there, never asking for my password or anything. I've installed other ruby stuff, and it worked. What gives?
You have Ruby installed and up to date? I'm guessing yes because you said you've installed other things... Mine took a while also, But I used hollywood movie magic to speed it up. Don't let the smoke and mirrors fool ya. ;) Give it another try. It should install, or give an error, not just hang.
How do I find someone willing to go through Jekyll, Bourbon, Sass, Neat one-on-one with me? Trying to emulate some existing blogs. Any good resources out there? Willing to pay
Hey Travis, THX for recommending me this video. I tried many solutions online but couldn't solve it. The error is as below: ERROR: Error installing jekyll: invalid gem: package is corrupt, exception while verifying: Unsupported digest algorithm (SHA512). (RuntimeError) in /usr/local/lib/ruby/gems/1.8/cache/classifier-reborn-2.0.3.gem Is there any other way to fix it?
I'm not entirely sure, but I think the point of Jekyll is to remove the database from the equation. So, you could have a dynamic site like a PHP/MySQL blog and remove those components and it will still work the same because Jekyll has pre-rendered all the dynamic content into static html pages. So, instead of the site sending a database query for say a blog post, it just serves up the html page of that same blog post. I think. I honestly am not really sure.
it complicates things if you're comfortable with HTML designing. Since markdown is a lot easier to learn and there is a lot less which impacts the way your site looks it's actually faster to make content for it.
I like the idea of Jekyll but trying to integrate it with my usual Foundation/Susy and Gulp setup has been an absolute nightmare. At some point workflow has to give way to the actual work, and when each of these tools expects you to start a completely new project from their tool and make it virtually impossible to merge folder structures into something cohesive it just means nothing gets done. P.S. I'm probs just raging out and I'm sure there is some random boilerplate out there.
-"I want to make babies with you"
Well that's going to be a pain in the butt
Thanks, Travis! This is really awesome tool.
Thank You! This got me up and running REALLY quick. Everyone else that posts similar tutorials should just take their videos down. This is by far the quickest and best one in my opinion! :)
Excellent Intro to Jekyll!!! Thanks!
However I think you should have prelude the video with a few warnings. :-)
1. Before you can run Jekyll you will need the following: (and admin rights)
A. Linux or Mac
B. Ruby
C. RubyGems
D. NodeJS
E. Python
F. RDoc (If parsing errors occur installing)
it works in windows, just i dont have the folders
LMAO... Love the intro I've watched it 3 times now and it still makes me laugh..
I tried Jekyll, though I understand the concept behind it, i have to admit that it's not too easy to learn and if you encounter some roadblocks, it takes time googling, reading through documentation, etc to finally get around it. David Pots posted on his blog how to setup Jekyll and also deploying it to Github Pages. I'd recommend it for anyone new in Jekyll.
What are some roadblocks you encountered? The scariest part for me was all the ruby stuff. It was just intimidating, not hard. It went pretty smoothly for me.
1 - Creating Post - This should be in the front page of Jekyll site or atleast in the Quickstart Guide so new comers won't scan the Documentation. Another inconvenience for me is the fact that you have to write a long filename just to create a post and don't forget the YAMLfm. The thing is, I don't write new posts regularly, so these things take time to be remembered, often times forgotten.
2 - Assets - I used the {{ siteurl }} variable to fix 404 in css files when viewing posts. It started working but the homepage's stylesheet stopped working so I had to revert and play with _config.yml file. I eventually sorted it out but it took me some time to figure things out. It's kinda painful to experience these just to get started with Jekyll. Maybe its not for me. That's why I switched to Ghost. :)
I've never tried ghost. If its that much easier, maybe I should explore it.
are there setup instructions for jekyll on windows?
jekyllrb.com/docs/windows/
Python? use python?
these instructions will work for windows .. just install your bundle in the portfolio directory before running the jekyll serve command
Use Chocolatey. It is a package manager that allows you to install Jekyll through a third party.
This is literally the hardest bit out of all the other videos in the playlist, jekyll's so frustrating, maybe it's because im on windows idk but I KEEEP GETTING ERRORS
Travis, you are the best internet person
First time in your channel, really good content
I've been struggling to learn Jekyll, static sites, and coding in general - I've been scouring the internet for tutorials to no avail. They're all presented for developers, and if not, they're catered to educate people towards a particular product.
Your educational style presents Jekyll knowledge in a digestible format. THANK YOU SO MUCH. It means a lot.
I feel your pain. Go to Travis's youTube channel if you haven't already, it helped me tons when I was getting started. th-cam.com/users/DevTipsForDesigners
Just installed jekyll environment!
it works!!!!! :-))))))))))))
This video is so cool. I promise I won't hate hipsters anymore.
+Fabio Spelta At first glance, I thought you said, "This weirdo is so cool."
...and I totally agreed, haha.
Really good intro to Jekyll. Thanks
Great Video, really looking forward to learning more about Jekyll.
Totally gonna start learning Jekyll
Tim Bogdanov Great :)
Hi, is there perhaps a jekyll 3.3.0 setup tutorial on this? The new version does not have the same files and directories.
Hi there, I just now figured out a way to find these files. Bit of a pain if you're not going to be a blogger.
You have to find the theme's files on your computer. I think the default now is minima, so type this into your terminal
bundle show minima
This will return a directory on your computer which you will need to follow. Copy and paste the files directly into your website folder then you have the exact same files shown in the video.
Truly a pain!
Hi T-Swiv. Thanks for the tip. This really helped. I was frustrated to find the answer for the newer version of Jekyll which has a different format than that of this video.
Thanks :)
Awesome vid, thank you. Jekyll seems perfect for blogging.
Thanks for this tutorial! An unrelated question: Whats the chrome plugin you're using when opening a new tab to get this tiled list of links? Thanks a lot!
that means that are blog post entries need to be programed into the code, or do we have some kind of feature to create blog entries from within the live site ?
Thanx ... Really loved it... Should start to make some sites with it.
Yea man, I think you will really like it!
That intro 😂😂 I had to watch it three times
Seems interesting, however, all the advantages you listed Travis kinda applies for static html pages. What's the advantage of using jekyll over just creating a static html page.
Jekyll is a static site generator. So as you learned from this video it generates static pages, only provides more functionality and organisation for development
great introduction! I recently converted my blog to static pages and (maybe) I will use Jekyll in the Future (instead of some homemade Ruby-scripts and grep)
This is so awesome! Thanks for sharing, I appreciate it.
Can Jekyll be used to include PHP as well? I want to include PHP inside the header as I have a log in box. This would highly reduce load speeds on my site, so I wanted to try it. Is it possible?
Jekyll only outputs static HTML. It's not intended for that.
DevTips Alrighty, thanks for the clarity.
Sure, I was thinking you might be able to put
I found the link below to add Ruby for windows. It went well until the directions said "Auto-detect Ruby installations and add them to a configuration file for the next step". This command, "ruby dk.rb init" did not work. I tried it with a capital R but it still did not work. I need help on how to auto-detect the installation and add them to a config file.
are you on a windows machine ? Jekyll and ruby have some problems on windows.
Sorry for answering so late Jose, yes I'm using win 8.1.
After an outdated plugins in wp gave way to a hackers on my blog, static pages do seem attractive.
LOL... I stopped the video for just making sure I did hear " I want to make babies with you." lol lol
I like you! lol
I use windows 8.1. How do I get jekyll and will I be able to follow this "How to build a responsive website..." using windows? I tried the install and the err message said "$" was not supported. Same error when I just used "gem", not supported. The instructions for windows did not work either.
what sort of development envirnment is ideal for linux? Ive been working through codepen but think something local would be better
probably lamp(linux apache mysql php)
lamp is gr8
DevTips - Is this the platform you'll be using with the portfolio blog from your channel?
Yes it is! I'm so excited about it. On monday we code out the Header and Footer in the jekyll install we create here.
When It's done I'll put it up on github for everyone to fork and mess with. :)
I know it looks cool, but I was kind of hoping you'll actually make the website without any CMSs. I realise this is different from Wordpress in many ways, but not all of the types of sites are good to run Jekyll on. But anyway I can't wait to see how you'll do it. :)
Also - How do you install Jekyll on a PC??
I don't know how to use PC's very well. Might as well ask me how to install it on Ubuntu. But if you can figure out how to get your command line and ruby running on your PC, everything else is the same as this video.
Or at least, should be.
Reuven Karasik If you follow along with the project, you will see that Jekyll is very much an out-of-the-way kind of CMS. And all the principals and tactics I use to create this site can just as well be used on a non-CMS type site. I'm glad you are going to bear with me on this tho! I'm sure you'll like it!
Awesome vid, super clear - when will the follow up video be available to watch?
?can you link to the podcast which talks more about jekyll?
Hi. I kind of understood why we need jekyll for development reason. But as a PC user, is there any tools just like jekyll but it is a bit more easy to set it up? I went to the jekyll PC installation guide and there are just too many steps involved.
just copy n paste. Takes like 5 minutes
What? No. Just install ruby, and run the ruby command prompt after ruby is installed and run the commands in the Jekyll home page.
Also, there might be something with Python. Which it seems I'm having problems with, because the themes I've downloaded are not being served.
Travis thanks for the great video. When I run jekyll serve on Terminal, I get this back:
ANDREWs-iMac:portfolio andrewepstein$ jekyll serve
/Library/Ruby/Gems/2.0.0/gems/bundler-1.12.5/lib/bundler/resolver.rb:356:in `block in verify_gemfile_dependencies_are_found!': Could not find gem 'minima' in any of the gem sources listed in your Gemfile or available on this machine. (Bundler::GemNotFound)
from /Library/Ruby/Gems/2.0.0/gems/bundler-1.12.5/lib/bundler/resolver.rb:331:in `each'
from /Library/Ruby/Gems/2.0.0/gems/bundler-1.12.5/lib/bundler/resolver.rb:331:in `verify_gemfile_dependencies_are_found!'
from /Library/Ruby/Gems/2.0.0/gems/bundler-1.12.5/lib/bundler/resolver.rb:200:in `start'
from /Library/Ruby/Gems/2.0.0/gems/bundler-1.12.5/lib/bundler/resolver.rb:184:in `resolve'
from /Library/Ruby/Gems/2.0.0/gems/bundler-1.12.5/lib/bundler/definition.rb:200:in `resolve'
from /Library/Ruby/Gems/2.0.0/gems/bundler-1.12.5/lib/bundler/definition.rb:140:in `specs'
from /Library/Ruby/Gems/2.0.0/gems/bundler-1.12.5/lib/bundler/definition.rb:185:in `specs_for'
from /Library/Ruby/Gems/2.0.0/gems/bundler-1.12.5/lib/bundler/definition.rb:174:in `requested_specs'
from /Library/Ruby/Gems/2.0.0/gems/bundler-1.12.5/lib/bundler/environment.rb:19:in `requested_specs'
from /Library/Ruby/Gems/2.0.0/gems/bundler-1.12.5/lib/bundler/runtime.rb:14:in `setup'
from /Library/Ruby/Gems/2.0.0/gems/bundler-1.12.5/lib/bundler.rb:95:in `setup'
from /Library/Ruby/Gems/2.0.0/gems/jekyll-3.2.1/lib/jekyll/plugin_manager.rb:36:in `require_from_bundler'
from /Library/Ruby/Gems/2.0.0/gems/jekyll-3.2.1/exe/jekyll:9:in `'
from /usr/local/bin/jekyll:23:in `load'
from /usr/local/bin/jekyll:23:in `'
ANDREWs-iMac:portfolio andrewepstein$ ls
Gemfile _config.yml _posts about.md css feed.xml index.html
Not sure what this means, but I never seem to reach the point where Jekyll shows me a local host web address where I can see a template website (4:43 on your video). I'm doing something wrong and any advice/suggestions you have would be greatly appreciated. Thanks
try a "bundle install" or "sudo bundle install" before start your server
or you can also try ` gem install bundler` or `sudo gem install bundler`. if that doesn't work, copy and paste the error you are having, someone probably asked it online. but it's most likely because you don't have something installed which jekyll needs, but it's super easy to install
Is it a good practise to use jekyll for like a site for a small busines. instead of a blog?
I want to add an option on my website of "booking a product" which goes through a payment gateway. Is it possible through jekyll? is it possible on a static website?
I love the idea of switching from wordpress to jekyll, but, I what about the cool plugins I use on wordpress? For example live chat plugins... is it possible to do this in Jekyll?
Currently building my portfolio with Jekyll i'm so stocked. Are you gonna cover form handling etc? Thanks for the vid
I do have a form on the design. And to be honest I'm not too sure how to handle it. I'm thinking of two options:
1- change the contact form to a mailchimp list form
2- set it up as a google form
Do you have any other ideas?
DevTips I was thinking of Google forms as well but had not considered mailchimp. I'm still researching and will post my findings here. Thanks :)
I'm eager to hear what you decide!
This looks a bit more polished and easier to use alternative of Yeoman. Do they have any difference in the functionality, because I couldn't find any?
Isn't Yeoman a project manager? I'm not to familiar with it, but I believe you can use Yeoman to get your jekyll started. Am I thinking of the right thing... too tired to google.. haha.
Right, I'm thinking Yeoman along with Bower. LearnCode.academy did a few really good videos on each. I should re-watch...
So for example , if I make a store website , would it be possible to use jekyll or I need something else ?? (new to programming)
+hazelnut ☆BIKE's4LIFE You need a service that can process dynamic content. One that works well is snipcart: snipcart.com/
Also, check out appernetic.io that will build a static website for you.
thanks! it was a great video and it really explained some of the stuff i have been trying to do. I wonder how long does it usually take to build jekyll small website?
As I understand, Jekyll is a flat file based CMS? Not really a CMS, but somewhat a management system. So how would it compare to picoCMS?
It's ok to have a beard when being a designer/programmer since you to meet with directors, clients and/or employers? I'm asking cuz I'd like to keep mine but I'm looking for a job atm
***** I totally share the same opinion dude, I'm just asking for the sake of employment, since there's many people that doesn't think like that, unfortunelly
how limited is jekyll? can you make an interactive website? like youtube or facebook?
or just one page blogs with limited functions?
can jekyll be use to create a reservation site ? Because this does not use database
you could setup a google form and create an ajax request from the static site to record the reservation on google sheets.. again, if it's small, it's definitely possible, if it's big you'd be better off developing a proper dynamic site.
I've ran into this several times. Started brand new folder from git clone a few times. Ran jekyll serve on my-awesome-site. First time it works, but subsequent times I try after making changes, console error gives me:
Error: (/Users/Dev/my-awesome-site/_config.yml): mapping values are not allowed in this context at line 7 column 13
Anyone know what gives?
Hi Im having problems running Jekyll...Ive downloaded the new " DevTips-Starter-Kit-Jekyll-Starter-Kit" and am encountering this error in terminal "Conversion error: Jekyll::Converters::Sass encountered an error converting 'DevTips-Starter-Kit-Jekyll-Starter-Kit/assets/css/main.sass'." Can anyone assist please. also, Ive noticed, the Index.html included in the download doesnt include the double - - - lines above the header as shown in the demo
I am running "Jekyll serve" but changes in my site doesn't updates.
I can see changes only if i change some css in chrome dev tools of if I update site on github...
use the command "jekyll serve --watch"
refresh your browser
Where can I find the next video?
Help! I'm getting this error:
/System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/rubygems/core_ext/kernel_require.rb:55:in `require': cannot load such file -- bundler (LoadError)
can anyone help??
Awesome, I found a way to make it work. Thank you though!
you need to install bundler first (gem install bundler)
that helped, thx
Quick question. So the default.html file where you put pieces of html pages from your includes folder that goes to the site folder index.html. My question is what is the use of the index.html in your root folder?
Maybe I missed it but what are you typing the installation in? Just a text editor?
+GlobalistEnemy01 I believe it is a Ruby package management framework. Follow the instructions on the jekyll website to install jekyllrb.com/docs/installation/.
I got a bit lost as well. He doesn't explain the set up very well. Just assumes you already have the software required.
Terminal
How does Jekyll includes differs from PHP include/require? Is it safer to use Jekyll because it generates a single html page? Or it doesn't matter if I use the same concept with PHP and make a file for variables, a file for header, and so on... (regardless the capacity of the server handle PHP properly)
I already have a website (nodejs , nextjs,reactjs) hosted on digitalocean, and want to add a blog page (with management ability for multiple users to add content ), what do you recommend ?
I'm finding this almost impossible to follow, none of the file structures match up according to the video rendering it confusing as hell..
He's not using the latest version of Jekyll, considering this video was made 3 years ago. So the directory structure is different but the install and general how to are all still the same.
Sorry for my ignorance! But what program u use to write the code to install jekyll?! I can't understand!
- After cd Desktop/ Ruby says that it cannot find the specified path... How can I fix this?
hey! is it necessary to use jekyll?? cant we use sublime or atom?
Sublime and Atom are IDEs (text editors), Jekyll is something you could use along with your text editor. But Jekyll is a way you can write an HTML template that Jekyll will use to produce multiple pages with different content. So you would only need one html file for all your blog posts. Hope that answers your question.
hey travis i was building my first site by following ur "how to create website from start to finish" course but i am facing problem with jekyll installation i am installing it using ruby command prompt but it is not installing. Secondly, i want to know can DevTips starter kit be used instead of starter kit v1 in that course. Please help me out.
I'm using Ubuntu on a Windows 10 subsystem to try and run jekyll, and I'm really close to quitting and going with wordpress. I still haven't made a post yet. I have ruby up to date.
Not sure where i'm going wrong as new to ruby and jekyll but I cant get to grips with the set up. Manage to install it all good (needed xcode - that wasn't mentioned) but it comes packed with stuff we don't seem to need and when I delete stuff to start from scratch it errors. I'm also using your helpful startup kit as it just seems to make sense but its not liking correctly with the sass files? Not sure if its because my download jekyll 2.5.1?
Thanks so much this is beyond helpful!
I'm currently thinking about Jekyll and Cactus as ways to keep my HTML reusable. What do you think? How do you deal with HTML while woking on large projects?
Let me get this straight. If I were running a blog website, would I have to export to jekyll every single time I write a new post?
Thank you, Travis. This was a fantastic tutorial! I'm learning quite a lot from you. One question regarding this vid: (Using Jekyll, would I be able to incorporate the work to my Git repos?) disregard this dumb question. Thank you again.
Hey, it seems that jekyll didn't set up files like _layouts and _includes is it because jekyll's version is 3.2.1?
I'm running it on Windows.
yea same here
Hello, I kind of fixed this, but it required me to install ubuntu linux and install other dependencies for it to work.
I followed this tutorial: michaelchelen.net/81fa/install-jekyll-2-ubuntu-14-04/
awesome, buddy!
I thought you were hipster enough, but then saw your friend... O M G !
Anyone know how to resolve this?
'sudo' is not recognized as an internal or external command,
Question - once you install the Jekyll gem, can you still write standard HTML/CSS/JS without using Jekyll? I'm fairly new to web design and dev, so I don't want to install Jekyll and then be stuck using it for every site I build if I decide it's not for me. It looks super clean and pretty simple to set up and write modular code, Which is what I like. But, I look at it this way, "No question is a dumb question, so I just want t make sure I'm not stuck using Jekyll down the road should I decide not to use it full time". I want to continue with this course and expand my web design and dev skill set, so I just want to make sure I'm not stuck with Jekyll later down the road.
Thanks in Advance.
after 8 years, what do you say?
you dropped the portfolio folder into the "code generator" and it shows up the windows with folders and stuff, which equivalent software would you recommend for windows 7 x64? so far i installed jekyll, but got stuck after that. your reply will be appreciated alot, thanks. ;) newbie here
Hi Travis, great videos! I have one problem when I follow this. Everything works but when I open the site with localhost:4000 I don't get any styling. Just html. No errors in my console either. I have no clue what's going on.
same here. did u fix it?
no sorry
i think the default theme is missing. maybe in the new version of jekyll its not provided so we should start to css from scratch. right Travis?
I've tried to put in css and scss in their respective files. But they didn't output either.
i have the same problem.. if someone has found a way to fix it pls let us know
Hey thanks for this video, I am a backend developer and for me static pages doesn't make much sense, but after see this video and the one you talk with Jon, I see it can be used in some case.
If you let me, I would say the part when you talk about some of it advantages, specifically the "because there is not a database your site is more secure, there is no way to hacke it", I don't believe this a real advantages to point out, I think that the effort to hack a web server or a database could be the same, so there is not a database to hack, but then there is a web server or other service to hack get access to the files and change the content, at least is the way I see it.
Thanks again :D.
Point taken. I wasn't too clear on that, but I was trying to say that you can't hack the database if there is none... But your counter about hacking the server is valid.
But still. If your server is hacked and your files changed. Just run Jekyll again and it overwrites any hacked changes.
For me, the benefit of security is not much of a big deal. The kinds of sites that you would make with Jekyll are not really beneficial to hack. Jekyll doesn't store credit card #'s or anything ... as there is no DB.. :P
When I do the jekyll serve command it goes through fine to the Server running part but just before the port it comes up with an error message saying "Please add the following to your gem file: require 'rbconfig'
if RbConfig::CONFIG['target_os'] =~ /msqin:mingw:cygwin/i
gem 'wdm' , '>= 0.1.0'
end"
And in-turn when I go to my localhost:4000 it comes up with a blank page, thing is, where is the gemfile I need to add this to? Please help.
idk what i'm doing wrong but I install jekyll and when I check for the version I get jekyll not avabile
What is Templates and Contents? I'm a newbie.
Got it!
what chrome extension are you running that does that to your new tab page?
Great video. Thank you.
when i type jekyll serve into the console it doesn't come up with a server port. :/
Try using "bundle exec jekyll serve" :)
Permission might be denied, if so use "sudo bundle exec jekyll serve"
Karl Emil Lau thanks :)
by the way do you know how I can push changes up to my jekyll github repo? I'm hosting the blog on github pages but can't push changes to my blog. i.e the config.yml file.
I have setup my layouts and includes but when i make a new post in _posts the css doesn't apply
Which is that chrome extension that shows you the apps when you open a new tab?
Can I use xCode with this instead of Espresso?
What does "You don't have the write permissions for the /Library/Ruby/Gems/2.0.0 directory/." mean?
How do you import the files from the jekyll site generated?
When I type "sudo gem install jekyll" it just sits there...
I tried "gem install jekyll" and it still sits there, never asking for my password or anything.
I've installed other ruby stuff, and it worked. What gives?
You have Ruby installed and up to date? I'm guessing yes because you said you've installed other things...
Mine took a while also, But I used hollywood movie magic to speed it up. Don't let the smoke and mirrors fool ya. ;)
Give it another try. It should install, or give an error, not just hang.
DevTips Okay great! Thanks, I'll try again!
But mind you I am totally the opposite of a Ruby Pro. I can just install a few things and run them. :) I need a lot of hand holding myself.
Great video ! Thanks
Can i use Jekyll on my windows pc or not?
how does jekyll handle pagination?
J Panda paginator plugin
How do I find someone willing to go through Jekyll, Bourbon, Sass, Neat one-on-one with me? Trying to emulate some existing blogs. Any good resources out there? Willing to pay
Podcast link 5by5.tv/webahead/54
you might want to check that out
Hello. I had to install Xcode on my computer first before I installed Jekyll. Took a bit of searching to find out that was my issue.
I get a Liquid Exception: No such file or directory - python C:/Ruby21-x64/lib/ruby/gems....ect any ideas?
+エイリアン - Aliien I think you can define 'highlighter: pygments' in your _config.yml file ;)
Hey Travis, THX for recommending me this video. I tried many solutions online but couldn't solve it. The error is as below:
ERROR: Error installing jekyll:
invalid gem: package is corrupt, exception while verifying: Unsupported digest algorithm (SHA512). (RuntimeError) in /usr/local/lib/ruby/gems/1.8/cache/classifier-reborn-2.0.3.gem
Is there any other way to fix it?
Can't you just build a website by using normal html/css/js and then uploading these files to a web server ? This just seems to overcomplicate things.
MagicalDwarf It's not for everyone, but it has it's advantages. Have a look around the web for people who've used it and why.
I'm not entirely sure, but I think the point of Jekyll is to remove the database from the equation. So, you could have a dynamic site like a PHP/MySQL blog and remove those components and it will still work the same because Jekyll has pre-rendered all the dynamic content into static html pages. So, instead of the site sending a database query for say a blog post, it just serves up the html page of that same blog post. I think. I honestly am not really sure.
it complicates things if you're comfortable with HTML designing. Since markdown is a lot easier to learn and there is a lot less which impacts the way your site looks it's actually faster to make content for it.
Exactly! Can't understand the benefit
Keeping content in separate files from the template means if you want to update the look of the site later on you only have to change one file.
I like the idea of Jekyll but trying to integrate it with my usual Foundation/Susy and Gulp setup has been an absolute nightmare. At some point workflow has to give way to the actual work, and when each of these tools expects you to start a completely new project from their tool and make it virtually impossible to merge folder structures into something cohesive it just means nothing gets done. P.S. I'm probs just raging out and I'm sure there is some random boilerplate out there.
Please how can i make static website
Which platform should i use Wordpress,Joomla,Drupal
i dont understand how to install jekyll. Where do i type those things at beginning ?
ok.. so I have now created the website on my local drive.. How do i get it onto my github site?