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"
Author
Released
12/14/2018- 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
Duration
Views
Related Courses
-
Learning Git and GitHub
with Ray Villalobos1h 21m Beginner -
AWS: Storage and Data Management
with Brandon Rich4h 25m Intermediate
-
Introduction
-
1. How Static Sites Work
-
How static sites work1m 55s
-
Advantages of static sites1m 20s
-
Choosing a static site tool2m 13s
-
-
2. Set Up Jekyll
-
Why Jekyll?59s
-
Install Jekyll1m 2s
-
Install Git29s
-
Preview the site1m 31s
-
Install a theme2m 23s
-
The site configuration file2m 31s
-
-
3. Build a Website
-
Add a post2m 28s
-
Edit front matter content1m 35s
-
Add a page1m 55s
-
Add static content1m 46s
-
Generate the site files1m 27s
-
-
4. Prepare for Publishing
-
Set up GitHub1m 46s
-
Set up Travis CI2m 44s
-
5. Deploy via FTP
-
Deploy via FTP overview2m 2s
-
Set up Node and npm1m 40s
-
Connect to the server7m 21s
-
Collect the local files4m 51s
-
Upload the site content2m 43s
-
FTP next steps1m 2s
-
-
6. Deploy to AWS
-
Deploy to AWS overview1m 53s
-
Set up Amazon S31m 54s
-
Set up Amazon CloudFront4m 8s
-
Configure DNS1m 24s
-
Define an AWS user3m 24s
-
Deploy to AWS with Travis CI4m 23s
-
-
7. Deploy with Netifly
-
Conclusion
-
Deployment recap32s
-
Next steps39s
-
- 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.
CancelTake 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.
Share this video
Embed this video
Video: Create a new Jekyll site