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

基于腾讯云 HAI 与 DeepSeek 快速构建个人网页

利用腾讯云 HAI 部署 DeepSeek 模型,通过 AI 提示词生成响应式个人网页。步骤包括在 HAI 控制台选择预装环境或 JupyterLab 运行模型,输入 HTML 设计指令获取代码,保存并预览。支持自定义内容优化,实现低成本快速建站。

山野来信发布于 2026/3/15更新于 2026/9/253 浏览
基于腾讯云 HAI 与 DeepSeek 快速构建个人网页

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

将 DeepSeek 模型部署于腾讯云 HAI,可依托其云端算力运行 DeepSeek-R1 等模型,降低技术门槛并缩短部署时间。

访问腾讯云 HAI 控制台:

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

腾讯云高性能应用服务 HAI 已支持 DeepSeek-R1 模型预装环境和 CPU 算力。进入 HAI 控制台,选择体验选项并完成购买后,可在控制台查看 DeepSeek-R1 CPU 体验版实例。

点击算力连接,选择 ChatbotUI 或 JupyterLab 即可快速体验。

文章配图

若选择 ChatbotUI,将跳转至 Ollama 对应的可视化界面,可选择 14B 模型进行体验。

文章配图

同样也可以选择算力连接下的 JupyterLab。环境已预装 Ollama,执行命令安装模型即可。

点击终端输入指令:

ollama run deepseek-r1:14b

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

文章配图

二、设计个人网页

向模型发送以下提示词:

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

文章配图

生成完成后,保存代码文件并命名。

文章配图

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

文章配图

可根据需求对网页进一步优化。例如修改个人信息:

根据我的情况进行网页修改:我是阿齐 Archie,嵌入式开发工程师 - 计算机硕士 - 专注嵌入式系统与智能算法研究。技能特长:单片机/物联网/嵌入式开发。项目经历丰富。邮箱:阿齐 Archie,电话:阿齐 Archie。

保存修改后的 html 文件并预览。

文章配图

完整代码示例如下:

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Archie - 个人网页</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, .skills-card, .projects-card, .contact-section { background-color: white; padding: 2rem; border-radius: 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
        .skill-item, .project-item { margin-bottom: 1rem; padding: 1rem; background-color: #f8f9fa; border-radius: 8px; }
        ul { list-style: none; padding: 0; margin-bottom: 2rem; }
        @media (max-width: 786px) { .container { padding: 10px; } .intro-card, .skills-card, .projects-card, .contact-section { padding: 1.5rem; } }
    </style>
</head>
<body>
    <header><div><h1>Archie 的个人网页</h1></div></header>
    <section><div><h2>Archie</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>Archie</li>
            <li><strong>职业:</strong>嵌入式开发工程师</li>
            <li><strong>Email:</strong>阿齐 Archie</li>
            <li><strong>电话:</strong>阿齐 Archie</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. 二、设计个人网页

更多推荐文章

查看全部
  • Quilter:把 PCB 设计交给物理驱动的 AI
  • 未来八大最具潜力行业深度解析与技术趋势
  • Prometheus 监控盲区解决方案:使用 Pushgateway 可视化临时任务
  • FPGA 实现 OV5640 摄像头视频图像显示
  • 基于 ZeroMQ 构建具身智能分布式通信系统 Python 实战
  • 飞算 JavaAI 插件深度体验:AI 辅助开发全流程解析
  • Java 算法实践:动态规划
  • FPGA 入门:基于 LED 的 2 选 1 多路选择器设计
  • FPGA 图像处理:图像畸变矫正原理及 MATLAB 与 FPGA 实现
  • LeetCode 27 题:移除元素
  • 受限内网环境下 TensorFlow 镜像拉取优化方案
  • FPGA 实现 MIPI 协议全解析与完整时序规范
  • Megick 全新体验报告2026:轻量高效的 AI 创作伙伴
  • 基于开源鸿蒙(OpenHarmony)的【智能家居综合应用】系统
  • Python 同时适配 Elasticsearch 与 Easysearch 实战复盘
  • 数据结构:单链表详解
  • FPGA 基础概念与架构面试题详解
  • SmartGit 25.1 版本更新:AI 提交信息与 Git 功能增强
  • Nano Banana AI 绘图中文模糊问题:使用 Seedream 4.5 重渲染方案
  • 「龙虾」来了!OpenClaw如何掀起AI智能体革命

相关免费在线工具

  • RSA密钥对生成器

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

  • Mermaid 预览与可视化编辑

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

  • 随机西班牙地址生成器

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

  • Base64 字符串编码/解码

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

  • Base64 文件转换器

    将字符串、文件或图像转换为其 Base64 表示形式。 在线工具,Base64 文件转换器在线工具,online

  • Markdown转HTML

    将 Markdown(GFM)转为 HTML 片段,浏览器内 marked 解析;与 HTML转Markdown 互为补充。 在线工具,Markdown转HTML在线工具,online