跳到主要内容
极客日志极客日志面向AI+效率的开发者社区
首页博客我的书AI学习GitHub 精选镜像AI 生图工具UI配色美学关于
搜索内容 / 工具 / 仓库 / 镜像...⌘K搜索
注册
博客列表
HTML / CSSAI大前端算法

利用腾讯云 HAI 与 DeepSeek 构建个人网页

利用腾讯云 HAI 平台部署 DeepSeek 模型,结合 AI 技术生成响应式个人网页。步骤包括在腾讯云 HAI 控制台调用 DeepSeek-R1 模型,通过特定提示词获取包含个人简介、技能特长、项目经历及联系方式的 HTML 代码。用户可下载保存代码文件进行预览,并根据实际需求修改内容。文中提供了完整的 HTML 与 CSS 示例代码,涵盖现代简约风格设计与移动端适配方案。

BackendPro发布于 2026/3/17更新于 2026/10/799 浏览
利用腾讯云 HAI 与 DeepSeek 构建个人网页

一、DeepSeek 模型部署在腾讯云 HAI

把 DeepSeek 模型部署于腾讯云 HAI,用户便能避开官网访问限制,直接依托腾讯云 HAI 的超强算力运行 DeepSeek-R1 等模型。这一举措不仅降低了技术门槛,还缩短了部署时间,削减了成本。尤为关键的是,凭借 HAI 平台灵活且可扩展的特性,用户能够依据自身特定需求定制专属解决方案,进而更出色地适配特定业务场景,满足各类技术要求。

进入腾讯云 HAI 控制台:

算力管理 - 高性能应用服务

腾讯云高性能应用服务 HAI 已支持 DeepSeek-R1 模型预装环境和 CPU 算力,只需简单的几步就能调用 DeepSeek - R1 模型。目前提供多种尺寸的蒸馏模型体验,可以快速体验模型能力。

进入腾讯云 HAI,选择一个实例进行体验使用。

购买完成后,再次进入腾讯云 HAI 控制台。

可以看到有了 DeepSeek-R1 CPU 体验版。

点击算力连接,选择 ChatbotUI 即可快速体验 DeepSeek-R1。

点击后跳转到的是 Ollama 对应的可视化界面,可以选择 14B 进行体验。

同样也可以选择选择算力连接下的 JupyterLab。

里面已经预装了 Ollama 环境,所以执行命令安装模型即可。

点击进行命令终端,输入如下指令:

ollama run deepseek-r1:14b

下载完成后即可进行体验。

二、设计个人网页

复制以下提示词到 DeepSeek 对话框:

请帮我设计一个个人网页,要求:使用 HTML,响应式设计,适配手机,包含以下板块:个人简介、技能特长、项目经历、联系方式,风格要现代简约,配色要专业大气。请提供完整代码。

生成完成后,点击下载按钮,输入文件名并保存。

打开保存的 html 文件即可看到预览效果。

可以进行对网页进一步优化,更符合自己的需求。

例如我提出的需求:

根据我的情况进行网页修改:我是 [您的姓名],[职业描述]-[学历背景]-[专注领域]
技能特长:[技能列表]
项目经历丰富
邮箱:[您的邮箱]
电话:[您的电话]

保存修改后的 html 文件,预览效果。

当然还可以根据自己的需求进行继续优化。

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; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
body { background-color: #f5f5f5; color: #333; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; line-height: 1.6; }
header { background-color: #2c3e50; color: white; padding: 2rem 0; text-align: center; }
.section { margin-bottom: 4rem; }
.intro-card { background-color: white; padding: 2rem; border-radius: 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.skills-card { background-color: white; padding: 2rem; border-radius: 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.skill-item { margin-bottom: 1rem; padding: 1rem; background-color: #f8f9fa; border-radius: 8px; }
.projects-card { background-color: white; padding: 2rem; border-radius: 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.project-item { margin-bottom: 1rem; padding: 1rem; background-color: #f8f9fa; border-radius: 8px; }
.contact-section { background-color: white; padding: 2rem; border-radius: 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
ul { list-style: none; padding: 0; margin-bottom: 2rem; }
.contact-info { margin-bottom: 1rem; }
@media (max-width: 768px) {
.container { padding: 10px; }
.intro-card, .skills-card, .projects-card, .contact-section { padding: 1.5rem; }
}
</style>
</head>
<body>
<header><div><h1>[您的姓名] 的个人网页</h1></div></header>
<section><div><h2>[您的姓名]</h2><p>[职业描述] | [学历背景] | [专注领域]</p></div></section>
<section><div><h2>技能特长</h2><div><h3>嵌入式开发</h3><p>熟练掌握 C/C++、Python 等语言,擅长微控制器编程和系统设计。</p></div><div><h3>物联网与单片机</h3><p>丰富的物联网项目经验,熟悉 WiFi、蓝牙、射频模块等硬件接口。</p></div><div><h3>智能算法研究</h3><p>具备机器学习和人工智能领域知识,能够设计并实现复杂算法。</p></div></div></section>
<section><div><h2>项目经历</h2><div><h3>智能家居系统开发</h3><p>使用嵌入式技术和物联网实现智能家居控制系统,支持多种家电远程调控。</p></div><div><h3>物联网传感器节点设计</h3><p>独立设计并实现了低功耗传感器节点,确保了系统在恶劣环境下的稳定性和可靠性。</p></div></div></section>
<section><div><h2>联系方式</h2><ul><li><strong>姓名:</strong>[您的姓名]</li><li><strong>职业:</strong>[职业描述]</li><li><strong>Email:</strong>[您的邮箱]</li><li><strong>电话:</strong>[您的电话]</li></ul></div></section>
<script>
const scroll = document.documentElement.scrollHeight - window.innerHeight;
let hasScrolled = 0;
window.addEventListener('scroll', function() {
if (window.scrollY >= scroll / 2) {
document.querySelector('.back-to-top').style.display = 'block';
}
});
document.querySelector('.back-to-top').addEventListener('click', function() {
window.scrollTo(0, 0);
});
</script>
</body>
</html>

目录

  1. 一、DeepSeek 模型部署在腾讯云 HAI
  2. 二、设计个人网页

更多推荐文章

查看全部
  • 开源开发工具精选与 AI 大模型学习路径解析
  • ESP32 基于 IDF v5.3.1 实现一键 WEB 配网
  • FPGA DDR4 读写基础:MIG IP 核控制信号详解
  • Stable Video Diffusion 开放公测:免部署网页生成 4 秒视频
  • 播客转多平台内容矩阵全自动化实战(OpenAI Whisper + Claude)
  • 绿联 NAS 配置 WebDAV 公网访问并通过 RaiDrive 挂载
  • JSP、MVC、EL、JSTL 核心技术笔记
  • 使用 Fire 库为 Python 脚本快速生成命令行接口
  • Windows 下 OpenClaw 开源 AI 代理框架部署指南
  • core-js 包结构与配置策略:解决前端兼容性问题
  • Cogito-v1-preview-llama-3B 镜像优势:预置中文高质量 LoRA 微调权重
  • C++ 测试与调试:保障代码质量与稳定性
  • 机器学习:支持向量机(SVM)算法详解
  • VR、具身智能与人形机器人:构建现实世界的智能接口
  • AI 编程的本质:模式匹配与人类理解的边界
  • 无人机吊舱稳像 IMU 关键指标、选型与验证解析
  • ClawX: OpenClaw 可视化桌面客户端使用指南
  • AIGC 已步入落地阶段:2025 年六大技术趋势解析
  • C++ 二叉搜索树详解:概念、实现与应用
  • C++ 哈希表链地址法(哈希桶)实现详解

相关免费在线工具

  • 加密/解密文本

    使用加密算法(如AES、TripleDES、Rabbit或RC4)加密和解密文本明文。 在线工具,加密/解密文本在线工具,online

  • RSA密钥对生成器

    生成新的随机RSA私钥和公钥pem证书。 在线工具,RSA密钥对生成器在线工具,online

  • Mermaid 预览与可视化编辑

    基于 Mermaid.js 实时预览流程图、时序图等图表,支持源码编辑与即时渲染。 在线工具,Mermaid 预览与可视化编辑在线工具,online

  • 随机西班牙地址生成器

    随机生成西班牙地址(支持马德里、加泰罗尼亚、安达卢西亚、瓦伦西亚筛选),支持数量快捷选择、显示全部与下载。 在线工具,随机西班牙地址生成器在线工具,online

  • Gemini 图片去水印

    基于开源反向 Alpha 混合算法去除 Gemini/Nano Banana 图片水印,支持批量处理与下载。 在线工具,Gemini 图片去水印在线工具,online

  • Base64 字符串编码/解码

    将字符串编码和解码为其 Base64 格式表示形式即可。 在线工具,Base64 字符串编码/解码在线工具,online