Hey fellow Code Monkeys!!! 🐵 Want to learn about the default theme homepage layout for VuePress, then check out VuePress Tutorial 6 - Homepage Layout! 🍌🐒

Hey fellow Code Monkeys!!! 🐵 Want to learn how to configure the navbar for VuePress, then check out VuePress Tutorial 7 - Navbar Logo and Links! 🍌🐒

Hey fellow Code Monkeys!!! 🐵 Want to learn how to create a custom footer for your VuePress site, then check out VuePress Tutorial 8 - Custom Footer! 🍌🐒

Welcome to the Code Monkeys VuePress Series!!! 🐵

In this series you'll learn about numerous VuePress topics and how to build the Code Monkeys Blog! 📝🐒

In this video a quick overview of the VuePress site is given followed by a tour of the Code Monkeys Blog…

In this video we discuss why you would want to use VuePress!!! 🐵

To answer this question we cover the following topics:

1. What is VuePress?
2. Different types of websites
3. Use cases for static site generators (SSGs)
4. How static site generation works…

In this video we discuss the set up and installation of VuePress!!! 🐵

We cover the following main points in this video:

1. Setting Up and Using GitHub
2. Creating a Repository
3. Cloning a Repository
4. Downloading Tutorials from GitHub
5. Cloning and Using…

In this video we discuss the recommended directory structure for VuePress sites!!! 🐵

We cover the following main points in this video:

1. Current Directory Structure of the Blog
2. Contents of the package.json File
3. Recommended Directory Structure for…

In this video we discuss the configuration basics for VuePress sites!!! 🐵

We cover the following main points in this video:

1. Adding a Config File
2. Config File Properties
3. Updated Config File

📗 VuePress: https://vuepress.vuejs.org/

🦍 Configuration…

In this video we discuss and set up the homepage layout for VuePress sites!!! 🐵

We cover the following main points in this video:

1. What is a VuePress Theme?
2. Using the Homepage Layout
3. YAML Frontmatter Blocks
4. Alternative Frontmatter Formats
5.…

In this video we discuss and set up the navbar for the blog!!! 🐵

We cover the following main points in this video:

1. What is a Navbar?
2. Navbar Logo and Site Title
3. Navbar Links
4. Internal Links
5. External Links
6. Dropdown Menus
7. Dropdown Menu…

In this video we discuss and set up the custom footer for the blog!!! 🐵

We cover the following main points in this video:

1. What is a Footer?
2. Homepage Layout Footer
3. Rich-text Footer
4. VuePress Blog Theme Footer
5. Custom Footer
6. Writing a Theme…

Hey fellow Code Monkeys!!! 🐵 Want to learn how to style the homepage for your VuePress site, then check out VuePress Tutorial 9 - Styling the Homepage! 🍌🐒

In this video we begin the styling for the homepage of the blog!!! 🐵

We'll start by learning how to override the palette.styl and index.styl files which will allow us to add our own global styling to the blog.

To do this we're going to first discuss what…

Hey fellow Code Monkeys!!! 🐵 Ready to continue the homepage styling for your VuePress site, then check out VuePress Tutorial 10 - Homepage Styling Part 2! 🍌🐒

In this video we continue the styling for the homepage of the blog!!! 🐵

We'll start by fixing the issue of the main card being covered by the navbar. Then we'll be adding some hover effects to the main card logo and to the box shadow around the main card.…

Hey fellow Code Monkeys!!! 🐵 Want to learn how to make your footer stick to the bottom of the page, then check out VuePress Tutorial 11 - Sticky Footer! 🍌🐒

In this video we're making the footer component into a sticky footer!!! 🐵

We'll start by describing what a sticky footer is and then we'll implement the sticky footer styling.

📗 VuePress: https://vuepress.vuejs.org/

🦍 Sticky Footer Post: https://www.c…

Hey fellow Code Monkeys!!! 🐵 Want to learn how to add a highlight effect when hovering over SVGs, then check out VuePress Tutorial 12 - Highlight SVGs on Hover! 🍌🐒

We're now ready to add a highlight effect when hovering over the SVG icons!!! 🐵

The method we'll be using doesn't require a lot of styling, but it does require us to edit the fill attribute of the SVG icons.

We'll demonstrate how to edit the fill attribute…

Hey fellow Code Monkeys!!! 🐵 Want to learn how to style the navbar for your VuePress site, then check out VuePress Tutorial 13 - Navbar Styling! 🍌🐒