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 the index.styl and palette.styl files are used for. Then we'll take a look at the predefined styling files provided by the VuePress default theme, and we'll discuss the overriding priority of the files. Finally, we'll implement what we leaned about by styling the homepage of the blog.
📗 VuePress: [ Ссылка ]
🦍 Styling the Homepage Post: [ Ссылка ]
🐒 Code Monkeys Blog Tutorials Repo: [ Ссылка ]
🐵 Code Monkeys Blog Repo: [ Ссылка ]
-----------------------------------------------------------------------------------------
Timestamps
00:00 - Intro
00:13 - Overview
01:18 - Styling Files
02:30 - What is the palette.styl File?
04:16 - Creating the palette.styl File
06:44 - What is the index.styl File?
08:41 - Creating the index.styl File
10:06 - Overriding palette.styl
12:51 - Overriding index.styl
15:29 - Homepage Styles
17:12 - Styling palette.styl
20:05 - Styling index.styl
32:00 - Styling Recap
32:50 - Outro
-----------------------------------------------------------------------------------------
SOCIAL MEDIA
🐒 Blog: [ Ссылка ]
💻 GitHub: [ Ссылка ]
📨 Telegram: [ Ссылка ]
🐦 Twitter: [ Ссылка ]
🐸 Let's Gab: [ Ссылка ]
💡 Speak your mind on Minds: [ Ссылка ]
-----------------------------------------------------------------------------------------
BUY US A BANANA 🍌
💵 SubscribeStar: [ Ссылка ]
🍌 Sponsor Code Monkeys: [ Ссылка ]
❤️ Sponsor J the Code Monkey: [ Ссылка ]
🤖 Instead of using the static Bitcoin address below, improve your privacy by using a PayNym: [ Ссылка ]
PayNym: [ Ссылка ]
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): [ Ссылка ]
#CodeMonkeys #VuePress #Software
VuePress Tutorial 9 - Styling the Homepage
Теги
ProgrammingCodingLearn to programLearn to codeBuilding a BlogVuePressBuilding a blog with VuePressHow to use VuePressHow to develop a blogDeveloping a blog with VuePressJavaScriptHTMLCSSVueStatic Site GeneratorsVuePress StylingVuePress styling the homepageVuePress index.stylVuePress palette.stylHow to style in VuePressHow to style a blog