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

GitHub Pages 制作个人主页教程

如何使用 GitHub Pages 搭建个人主页。步骤包括 Fork 模板仓库、修改本地配置文件和页面内容、启用 GitHub Pages 服务以及提交更新。适用于学术展示或求职简历制作。

DevStack发布于 2026/3/29更新于 2026/5/2427 浏览
GitHub Pages 制作个人主页教程

GitHub Pages 制作个人主页教程

在竞争激烈的技术领域,拥有一个专业的个人主页能极大提升竞争力,适用于申学、找工作的同学建立个人网站。

第一步:Fork 仓库

  1. 访问 GitHub 仓库模板。
  2. 点击右上角 Fork 按钮,将仓库复制到你的 GitHub 账户。

也可以使用 GitHub Desktop 进行 Fork,注意选择"For my own purposes"。

第二步:修改配置

2.1 克隆仓库到本地

使用 IDE 打开项目文档。

2.2 修改个人信息

修改 contents/*.md 文件,填写介绍、工作经历、项目等。

编辑 contents/config.yml:

site_name: "你的名字"
site_description: "你的专业/职业"
email: "[email protected]"

替换 static/assets/img/ 目录下的头像和背景图片。

第三步:部署到 GitHub Pages

  1. 进入 GitHub 仓库 → Settings。
  2. 左侧导航栏点击 Pages。
  3. Source 选择 main 分支,点击 Save。
  4. 等待几分钟,访问 https://yourusername.github.io/ 查看效果。
常见问题
  • 404 Not Found?确保 index.html 在仓库根目录,并且 GitHub Pages 启用了 main 分支。
  • 样式不加载?可能是 css、js 资源路径不对,尝试 Ctrl + Shift + R 强制刷新。

第四步:提交更改 & 更新主页

修改 README.md 或 contents/ 文件后,提交并推送更改。

刷新 https://yourusername.github.io/,修改将生效。

目录

  1. GitHub Pages 制作个人主页教程
  2. 第一步:Fork 仓库
  3. 第二步:修改配置
  4. 2.1 克隆仓库到本地
  5. 2.2 修改个人信息
  6. 第三步:部署到 GitHub Pages
  7. 常见问题
  8. 第四步:提交更改 & 更新主页
  • 💰 8折买阿里云服务器限时8折了解详情
  • Magick API 一键接入全球大模型注册送1000万token查看
  • 🤖 一键搭建Deepseek满血版了解详情
  • 一键打造专属AI 智能体了解详情
极客日志微信公众号二维码

微信扫一扫,关注极客日志

微信公众号「极客日志V2」,在微信中扫描左侧二维码关注。展示文案:极客日志V2 zeeklog

更多推荐文章

查看全部
  • 使用 Llama3 与 DeepChat 搭建本地智能写作工作流
  • JavaWeb 基础:动静态 Web、URL 与 HTTP 协议
  • node-llama-cpp 跨平台安装与配置:Windows、Linux、Mac
  • DeepSeek 各版本详解:特性、优缺点及适用场景分析
  • LangChain 速成课程:构建基于 OpenAI LLM 的应用
  • Python 开发 MongoDB 数据库 MCP Server 实战
  • 时序数据库架构与生态重构:Apache IoTDB 价值解析
  • 基于 DeepSeek 的贪吃蛇游戏开发实战
  • 人工智能学习路线图:从入门到进阶指南
  • Stable Diffusion WebUI Docker 部署指南
  • 基于 ESP32 的无人机合规识别:ArduRemoteID 方案详解
  • Web 创建与设计指南
  • AcWing 1152 格雷码:递归与位运算解析
  • C++ 继承机制详解
  • JavaScript 变量声明:var、let、const 核心区别与实战指南
  • WebView 并发初始化竞争风险分析
  • C++ STL 手写 String 类及高频易错点解析
  • Whisper-medium.en 快速部署与配置指南
  • UI-UX-Pro-Max Skill 使用指南:利用 AI 辅助前端界面开发
  • IQuest-Coder-V1 vs Meta-Llama-Code:指令模型精度实测

相关免费在线工具

  • Base64 字符串编码/解码

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

  • Base64 文件转换器

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

  • Markdown转HTML

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

  • HTML转Markdown

    将 HTML 片段转为 GitHub Flavored Markdown,支持标题、列表、链接、代码块与表格等;浏览器内处理,可链接预填。 在线工具,HTML转Markdown在线工具,online

  • JSON 压缩

    通过删除不必要的空白来缩小和压缩JSON。 在线工具,JSON 压缩在线工具,online

  • JSON美化和格式化

    将JSON字符串修饰为友好的可读格式。 在线工具,JSON美化和格式化在线工具,online