59 lines
2.4 KiB
HTML
59 lines
2.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>我的博客</title>
|
|
<style>
|
|
*{margin:0;padding:0;box-sizing:border-box}
|
|
body{font-family:system-ui,sans-serif;background:#f8f9fa;color:#333;line-height:1.6}
|
|
header{background:#1e2227;color:#c4c7cb;padding:20px 0;text-align:center}
|
|
header h1{font-size:1.8em;color:#fff}
|
|
header p{color:#6c727a;margin-top:4px}
|
|
nav{background:#fff;border-bottom:1px solid #e5e5e5;padding:12px 0;text-align:center}
|
|
nav a{color:#41873f;text-decoration:none;margin:0 16px;font-weight:500}
|
|
nav a:hover{text-decoration:underline}
|
|
.container{max-width:800px;margin:0 auto;padding:30px 20px}
|
|
.post{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:24px;margin-bottom:20px}
|
|
.post h2{font-size:1.3em;margin-bottom:8px}
|
|
.post h2 a{color:#333;text-decoration:none}
|
|
.post h2 a:hover{color:#41873f}
|
|
.post .meta{color:#999;font-size:.85em;margin-bottom:12px}
|
|
.post p{color:#555}
|
|
footer{text-align:center;padding:30px;color:#999;font-size:.85em}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1>📝 我的博客</h1>
|
|
<p>记录思考，分享知识</p>
|
|
</header>
|
|
<nav>
|
|
<a href="#">首页</a>
|
|
<a href="#">归档</a>
|
|
<a href="#">关于</a>
|
|
<a href="#">RSS</a>
|
|
</nav>
|
|
<div class="container">
|
|
<div class="post">
|
|
<h2><a href="#">使用 AI Code Factory 自动生成项目</a></h2>
|
|
<div class="meta">2026-09-27 · 技术 · 5 分钟阅读</div>
|
|
<p>AI Code Factory 是一个创新的平台，只需描述需求，AI 就能自动生成完整的项目代码并推送到代码仓库。本文将介绍如何使用这个强大的工具来提升开发效率。</p>
|
|
</div>
|
|
<div class="post">
|
|
<h2><a href="#">为什么每个开发者都应该有自己的博客</a></h2>
|
|
<div class="meta">2026-09-20 · 随笔 · 3 分钟阅读</div>
|
|
<p>在信息爆炸的时代，拥有一个独立博客不仅是展示技术能力的窗口，更是整理思路、沉淀知识的最佳方式。本文分享我对技术写作的一些思考。</p>
|
|
</div>
|
|
<div class="post">
|
|
<h2><a href="#">Hello World：我的第一篇文章</a></h2>
|
|
<div class="meta">2026-09-15 · 随笔 · 2 分钟阅读</div>
|
|
<p>欢迎来到我的博客！这里将记录我在编程、技术和生活中的所见所思。希望这些内容能对你有所帮助。</p>
|
|
</div>
|
|
</div>
|
|
<footer>
|
|
<p>© 2026 我的博客 · Powered by AI Code Factory</p>
|
|
</footer>
|
|
</body>
|
|
</html>
|