在GitHub Pages仓库上设置个人网页

首先你需要一个GitHub账号

1. 在AI的帮助下写一份满意的index.html

可以显示html的免费网站:在线HTML代码预览 | YTool.net

2. 在GitHub上新建仓库

  • 点击 "+"

  • 点击 "New repository",新建仓库

  • 填写 "Repository name",红框中的内容需一致,即:username/username.github.io

  • 其他内容无需改变,保持默认即可

  • 点击 "Create repository",创建仓库

3. 新建文件或上传文件

  • 点击 "creating a new file"
  • 将文件命名为 "index.html",并将步骤1得到的html代码粘贴进去

  • 点击右上角的 "Commit changes..."

  • 点击 "Commit changes" 即可
  • 通过右上角的 "Add file" 处上传好所有需要的文件,例如:images/profile.jpg

4. 设置

  • 点击顶部导航栏最右边的 "Settings"
  • 选择左侧菜单的 "Pages",将Branch部分下的文件夹选择 "main",旁边文件夹选择 /(root),最后点击 Save

5. 进入个人主页

"Your site is live at https://username.github.io/"

打开一个新的页面,输入"https://username.github.io/"链接,即可看到你的个人主页

相关推荐
领创工作室9 小时前
GitHub Workflows 全面解析:从核心概念到开源实现
运维·github
一条泥憨鱼11 小时前
【从0开始学习计算机网络】| DNS -记录类型详解
计算机网络·http·github·域名·dns·记录
u13013012 小时前
GitHub 热榜项目:日榜(2026-08-21)
驱动开发·github
MicrosoftReactor14 小时前
技术速递|GitHub Copilot App 入门指南:管理你的工作
ai·github·copilot·agent
阿里嘎多学长16 小时前
2026-08-20 GitHub 热点项目精选
开发语言·程序员·github·代码托管
小妖同学学AI16 小时前
AI视频生成难在提示词?这个Claude插件让Seedance 2.0效率翻倍,附超全示例!
人工智能·开源·github·音视频
Bioinfo Guy18 小时前
DeepSeek Harness 最强的,可能不是模型,而是插件
github·skill·deepseek
慕容引刀18 小时前
或许你真的需要这个Git神器:让团队提交文案终于对齐了
人工智能·git·vscode·自然语言处理·github
桌角的眼镜19 小时前
5\.28文章改写:用 Claude Code 接入 GLM\-5\.1:从安装到终端实战的完整配置指南
后端·程序员·github·开发工具·效率工具