VuePress Tutorials
Enjoy!!! 🍌🐒
VuePress Tutorial 15 - Blog Plugin
•Posted: Sep 21, 2022 •Updated: Jul 17, 2024
It's now time to install and begin the process of configuring @vuepress/plugin-blog. We're going to start by describing...
![VuePress Tutorial 15 - Blog Plugin Post Picture](/images/vuepress-tutorials/tutorial-15/vuepress-tutorial-15-blog-plugin-post-90w.png)
VuePress Tutorial 14 - Dropdown Menu Styling
•Posted: Sep 15, 2022 •Updated: Apr 18, 2023
If you hover over Posts in the navbar, the dropdown menu will appear. You'll notice the dropdown menu needs some styling...
![VuePress Tutorial 14 - Dropdown Menu Styling Post Picture](/images/vuepress-tutorials/tutorial-14/vuepress-tutorial-14-dropdown-menu-styling-post-90w.png)
VuePress Tutorial 13 - Navbar Styling
•Posted: Sep 11, 2022 •Updated: Apr 18, 2023
Currently, the navbar is not looking too good, so in this tutorial we're going to begin fixing that by adding some styling...
![VuePress Tutorial 13 - Navbar Styling Post Picture](/images/vuepress-tutorials/tutorial-13/vuepress-tutorial-13-navbar-styling-post-90w.png)
VuePress Tutorial 12 - Highlight SVGs on Hover
•Posted: Sep 8, 2022 •Updated: Jul 17, 2024
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...
![VuePress Tutorial 12 - Highlight SVGs on Hover Post Picture](/images/vuepress-tutorials/tutorial-12/vuepress-tutorial-12-highlight-svgs-on-hover-post-90w.png)
VuePress Tutorial 11 - Sticky Footer
•Posted: Sep 5, 2022 •Updated: Apr 18, 2023
We're going to continue styling the blog by making the Footer component we created in VuePress Tutorial 8 - Custom Footer into...
![VuePress Tutorial 11 - Sticky Footer Post Picture](/images/vuepress-tutorials/tutorial-11/vuepress-tutorial-11-sticky-footer-post-90w.png)