66 lines
2.2 KiB
HTML
66 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>My Website - Blog</title>
|
|
<style>
|
|
body::before {
|
|
|
|
}
|
|
</style>
|
|
<link rel="stylesheet" href="styles.css">
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1>My Website</h1>
|
|
<nav>
|
|
<ul>
|
|
<li><a href="#about">About</a></li>
|
|
<li><a href="#contact">Contact</a></li>
|
|
<li><a href="#services">Services</a></li>
|
|
<li><a href="blog.html">Blog</a></li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
|
|
<main class="blog-container">
|
|
<div class="blog-grid">
|
|
<article class="blog-post">
|
|
<div class="blog-post-header">
|
|
<h2 class="blog-post-title">Welcome to Your New Website</h2>
|
|
<div class="blog-post-meta">
|
|
<span>2024-01-01</span> • <span>Your Name</span>
|
|
</div>
|
|
<div class="blog-post-tags">
|
|
<span class='blog-tag'>welcome</span><span class='blog-tag'>getting-started</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="blog-post-content">
|
|
<p>Congratulations! You've successfully set up your static website generator. This is your first blog post.</p>
|
|
<h2>Getting Started</h2>
|
|
<p>Here are some tips to help you get started:</p>
|
|
<ul><li>Edit the Markdown files in <code>content/</code> to customize your sections</li>
|
|
<li>Add images to the <code>images/</code> folder following the naming pattern</li>
|
|
<li>Create new blog posts in <code>content/blog/</code> with front matter</li>
|
|
<li>Run <code>pwsh -File build.ps1</code> to rebuild your site</li></ul>
|
|
<h2>Customization</h2>
|
|
<p>You can customize:
|
|
<ul><li>Site title and header in <code>build.ps1</code></li>
|
|
<li>Colors and styling in <code>styles.css</code></li>
|
|
<li>Content in the <code>content/</code> folder</li>
|
|
<li>Images in the <code>images/</code> folder</li></ul></p>
|
|
<p>Happy building!</p>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
|
|
</main>
|
|
|
|
<footer>
|
|
<p>© 2025 My Website. All rights reserved.</p>
|
|
</footer>
|
|
</body>
|
|
</html>
|