VuePress Tutorial 6 - Homepage Layout
Channel: Code Monkeys
Date: 27/08/2022

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. Homepage Layout Changes
6. Adding an Image
7. Adding a Title
8. Adding a Tagline
9. Adding an Action Button
10. Adding Features
11. Adding a Footer
12. Final Homepage Layout
13. Homepage Layout Notes
 
📗 VuePress: https://vuepress.vuejs.org/

🦍 Homepage Layout Post: https://www.codemonkeys.tech/vuepress-tutorial-6/

🐒 Code Monkeys Blog Tutorials Repo: https://github.com/codemonkeysio/code-monkeys-blog-tutorials

🐵 Code Monkeys Blog Repo: https://github.com/codemonkeysio/code-monkeys-blog

-----------------------------------------------------------------------------------------

Timestamps
00:00 - Intro
00:14 - Overview
01:01 - What is a VuePress Theme?
02:04 - Homepage Layout
03:25 - Using the Homepage Layout
04:19 - YAML Frontmatter Blocks
06:05 - Alternative Frontmatter Formats
07:07 - Homepage Layout Changes
12:16 - Adding an Image
21:17 - Adding a Title
22:30 - Adding a Tagline
24:01 - Adding an Action Button
26:04 - Adding Features
28:36 - Adding a Footer
30:13 - Final Homepage Layout
31:16 - Homepage Layout Notes
31:44 - Recap
32:38 - Outro

-----------------------------------------------------------------------------------------

SOCIAL MEDIA
🐒 Blog: https://www.codemonkeys.tech/
💻 GitHub: https://github.com/codemonkeysio
📨 Telegram: https://t.me/codemonkeystech
🐦 Twitter: https://twitter.com/codemonkeystech
🐸 Let's Gab: https://gab.com/codemonkeys
💡 Speak your mind on Minds:  https://www.minds.com/codemonkeys/

-----------------------------------------------------------------------------------------

BUY US A BANANA 🍌
💵 SubscribeStar: https://www.subscribestar.com/code-monkeys
🍌 Sponsor Code Monkeys: https://github.com/sponsors/codemonkeysio
❤️ Sponsor J the Code Monkey: https://github.com/sponsors/jchiarulli

🤖 Instead of using the static Bitcoin address below, improve your privacy by using a PayNym: https://paynym.is/

PayNym: https://paynym.is/+blackviolet838

Payment Code: PM8TJf7wdgnWbAdnwbgTMY8ic3UZ2LFvkSJxuFtK4JwXSKFmqys1iL964UX55fGKfqZXfTdVjK1Z3FwbgTPbmEp2ErGPVaXZds8v9YUBxgfqvoQUBF2X

₿ Bitcoin (BTC): bc1q5rsnx4d320jtuvdf0k8kkmgjzfnac95gphyznn

Monero (XMR): 89DRhZtKrfPS5yuMcFoivqBCuXs19qRnChXn5VKGeYDG457WHFcGoWbQXqW92Gah2mZFChLCkV5Cfc6zcwFwmz9zN8GRuDF

-----------------------------------------------------------------------------------------

MUSIC 🎵

Special thanks to Bizonacci II, Trigger Haven, and Chief Bizzo for the song!!! 🐵

AC/BC - You Shook Me All Night Long (PALEOROCK CLASSIC): https://www.youtube.com/watch?v=28--5aEV1Z0

#CodeMonkeys #VuePress #Software