To get started, open the directory src/pages in your project.
Code Challenge: Tweak the "Welcome to Astro" message above.
#can you help my with this?
livid juniper
indigo vortexBOT
Hi @livid juniper. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
Sure, I can help you with that. To tweak the "Welcome to Astro" message, you need to edit the index.astro file in the src/pages directory of your project. Here's how you can do it:
- Open the
src/pages/index.astrofile in your text editor. - Find the line that contains
<h1>Hello, World!</h1>. - Replace
Hello, World!with your desired message. For example,<h1>Welcome to My Astro Site!</h1>.
Here's how your index.astro file might look after the change:
---
// Welcome to Astro! Everything between these triple-dash code fences
// is your "component frontmatter". It never runs in the browser.
console.log('This runs in your terminal, not the browser!');
---
<!-- Below is your "component template." It's just HTML, but with
some magic sprinkled in to help you build great templates. -->
<html>
<body>
<h1>Welcome to My Astro Site!</h1>
</body>
</html>
<style>
h1 {
color: orange;
}
</style>
After saving the changes, you should see the updated message when you open your Astro site in a web browser.