24小时在线平台

当前位置: 24小时在线平台 > 部署教程大全 > 文章页

如何在 GitHub 上搭建个人网站(github.io)

时间:2025-05-12 03:19来源: 作者:admin 点击: 20 次
前言 目前,想要搭建自己的博客、个人主页、在线简历、项目演示,大部分同学选择购买云服务器+域名,我也在阿里云购买了云服务器+域名,不过也有同学想要免费的服务,就可以使用 GitHub 提供的免费 Pages服务:github.io。 步骤 第一步:新建仓库 创建一个新的仓库,仓库

目前,想要搭建自己的博客、个人主页、在线简历、项目演示,大部分同学选择购买云服务器+域名,我也在阿里云购买了云服务器+域名,不过也有同学想要免费的服务,就可以使用 GitHub 提供的免费 Pages服务:github.io。

步骤 第一步:新建仓库

创建一个新的仓库,仓库名设置为如下格式:账户名.github.io

第二步:添加文件

创建后,提示你导入项目,或者创建文件,这里为了简化操作,直接选择创建文件:


输入文件名:index.md,并在里面写一点 Markdown 格式的文字:


拉到下面直接提交即可:

第三步:修改主题

打开 Settings 页面:


点击 Pages,点击 Change Theme,选择自己喜欢的主题


第四步:等待

等待 1 到 5 分钟,在浏览器输入 账户名.github.io,比如我的网址就是https://nanvon.github.io/,应该就可以显示了。

第五步:添加项目演示

将这个 git 仓库克隆到本地,将项目生成的 dist 目录下所有文件拷贝到该仓库,提交并推送,等待 1 到 5 分钟,刷新你的网站即可。

结尾

这个教程比较简单,喜欢折腾的同学可以自己探索怎么用其他的博客,比如 hexo,操作原理和上面讲的步骤五类似:将生成的网页文件提交到 GitHub 仓库就行。
喜欢 Markdown 的同学,使用 Markdown 即可,喜欢 HTML 的同学也可以使用 HTML。
单文件的话,把文件名改成index就行,GitHub 会自动识别的。如果想要添加多个文件,在仓库内添加文件夹并推送到远程仓库就行,访问的时候在域名后加上:/文件名,比如我的在线简历域名为:https://nanvon.github.io/jianli/。

(责任编辑:)
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:
发布者资料
查看详细资料 发送留言 加为好友 用户等级: 注册时间:2025-06-27 17:06 最后登录:2025-06-27 17:06
栏目列表
推荐内容