In this video, learn how Jekyll handles content such as images and stylesheets. Nate demonstrates adding an image to the site and embedding it on a page.
- Jekyll also makes it easy to deal with other types…of content, like images and style sheets.…Any other files or folders in this Jekyll project folder…that aren't recognized by Jekyll,…simply get copied verbatim into the output folder.…So, for example, if I create a folder called images,…and put some content in there.…I'm going to copy a photo of a coffee mug…that I found online.…Copy that into images.…And then on my about page, I'll use it here to make…my about page more interesting.…
I'll use markdown syntax here,…and exclamation and then a title for the image…or an alt text coffee cup,…and the path to the image which is going to be /images,…the folder I just created, /coffee.jpeg.…Now if my preview server is running,…I can see that, or I can do bundle exec jekyll serve.…And go refresh my browser and see the change.…When you're working with content like images,…sometimes this preview doesn't update right away.…
Even after you refresh the browser.…If this happens, it's because your browser is caching…these pages.…
- 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
Amazon Web Services Essential Trainingwith Jeff Winesett5h 2m Intermediate
Amazon Web Services: Storage and Data Managementwith Brandon Rich3h 50m Intermediate
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.