Learn how to create a new Jekyll project from scratch using the Jekyll command-line tool. Nate explains what files are generated automatically and recommends a text editor to use for the project.
- Let's create a new Jekyll project. Open up your terminal or your shell, and navigate to the place where you want to store your site files. For me, I want to store them in the Documents folder, so I'll do CD .\Documents\, and then I need to run the Jekyll 'new' command. I'll do Jekyll new, and then give a name for my project, I'll call it "awesome-static-site". Running Jekyll new creates a new folder called "awesome-static-site" with a bunch of files inside. You'll want to cd into that folder, so I'll do cd awesome-static-site, and then you want to open it up in your favorite text editor or code editor.
I'll be using Visual Studio Code, which is free and runs on Windows, Mac, and Linux. You can also use Atom, Sublime, Notepad, or whatever you prefer editing text files in. By default, Jekyll sets up a blog-style site with a sample post in this _post folder. If you are building a blog, any new post you write will go into this _post folder as well. This is a good point to initialize a git repository for this project. I'll switch back into my shell, clear this out, and I'm going to do "git init" to initialize a git repository, I'll do "git status" to check to see what I need to commit, then I'll do "git add --all" and "git commit -m" and I'll just say "create initial project" as the note.
If you're on Windows like I am, there's one more thing you'll need to do. I need to run a command called "bundle". I'll say "bundle lock --add-platform ruby", and then one more time, "bundle lock --add-platform x86_64-linux"
- Advantages of static sites
- Installing Jekyll and Git
- Creating a new Jekyll site
- Installing themes
- Adding posts, pages, and static content
- Setting up for deployment with GitHub, Travis CI, Node, and npm
- Deploying to FTP, AWS, and Netlify
- Adding a custom, secure domain
Skill Level Beginner
1. How Static Sites Work
2. Set Up Jekyll
3. Build a Website
4. Prepare for Publishing
5. Deploy via FTP
6. Deploy to AWS
7. Deploy with Netifly
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.