怎么使用GitHub Pages建立个人网站和博客

梦静姑娘_5988

梦静姑娘_5988

2023-04-06

1518人浏览

原创

github pages 是github提供的一个免费的静态网站托管服务,可以将markdown、html、css、javascript或者其他静态文件托管到您的github pages账户中。 它支持多种自定义域名和主题,可以兼容jekyll,并且还可以自定义404页面等等,非常灵活和强大。所以,使用github pages建立个人网站和博客比较流行。

一、注册Github账号

首先需要拥有一个github账号,可以通过Github官网 https://github.com/ 进行注册,注册过程不多做赘述。

二、创建仓库

以“username.github.io”作为仓库名创建一个新的GitHub仓库。此时,这个仓库名必须为username.github.io,其中username是您的GitHub用户名。

如果想要使用自定义域名,不要采用此方法创建仓库,可以通过在多一个含有自定义域名的仓库来实现。

三、上传网站文件

使用git工具进行clone,然后在本地仓库中创建并上传您的静态网站。

在本地目录下新建一个名为“index.html”的文件,文件中写入您的个人网站的HTML代码。

可以输入以下命令初始化仓库:

$ cd /path/to/local/repo

$ git init

$ git add .

$ git commit -m "first commit"

接下来直接将仓库推送到GitHub。

$ git remote add origin https://github.com/username/username.github.io.git

$ git push -u origin master

上传完成后,您就可以在https://username.github.io/上查看您的个人网站,此网址也是您以后发布所有的个人网站的发布地址,当您更新网站后,访问者就会看到网站上最新的内容。

如果您想使用自定义域名,需要在GitHub的“Settings”->“Custom domain”中填入您注册的域名,然后在DNS中设置域名解析。

四、使用Jekyll主题

Jekyll是GitHub Pages默认的静态网站生成器,免费,开源且兼容大多数主题。

首先需要在本地电脑上安装Ruby语言,然后在命令行中输入以下指令:

$ gem install jekyll bundler

接着,克隆一个Jekyll主题到本地,然后替换其中的文件内容,将其上传到GitHub Pages仓库中。

$ git clone https://github.com/the-name-of-the-Jekyll-theme.git

$ cd the-name-of-the-Jekyll-theme

$ bundle install

$ jekyll serve

此时,您可以在本地电脑的浏览器中查看您的个人网站,然后直接将该主题推送到GitHub,您的网站上就会使用该主题了。

五、总结

通过GitHub Pages搭建个人网站和博客可以使得我们更好的展现自我,同时也为我们提供了学习和交流的平台,对于个人的发展和工作都有很大的帮助。这里只是简单的介绍,更多的功能及用法需要自行摸索和学习。

Github
Github

Github是一款非常实用的代码开放工具,用户可以按照自己的需求进行搜索,从而快速定位到所需的代码或项目位置,还能在软件中建立自己的代码仓库,有需要的小伙伴快来保存下载体验吧!

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
Vite 项目如何打包和部署
Vite 项目如何打包和部署

Vite项目打包部署专题汇集生产构建、产物预览、输出目录、资源路径、Nginx与GitHub Pages部署及常见白屏和路由404问题的已审核文章,帮助读者完成上线流程。

2026.10.28

80

16

Vite 如何搭配 Vue.js
Vite 如何搭配 Vue.js

Vite搭配Vue.js专题汇集创建Vue 3项目、配置开发环境、路径别名、Vue插件、代理、多环境构建与调试的已审核文章,帮助读者完成从初始化到日常开发的配置。

2026.10.28

60

15

Vite 项目目录怎么看
Vite 项目目录怎么看

Vite项目目录专题汇集入口文件、src源码、public静态资源、路径别名、项目根目录和构建输出目录相关的已审核文章,帮助读者理解各文件夹的用途与引用方式。

2026.10.28

200

10

Gradle插件开发入门教程
Gradle插件开发入门教程

本专题介绍Gradle插件开发的基本流程,涵盖插件类编写、自定义任务注册、扩展参数设计和插件应用方法,帮助你理解插件如何组织构建逻辑,减少多个项目之间的重复配置。

2026.10.22

140

11

Gradle Wrapper配置教程
Gradle Wrapper配置教程

本专题介绍Gradle Wrapper的基本作用,涵盖文件组成、生成方法、版本配置和任务调用,帮助你理解项目如何使用指定的Gradle版本,减少不同开发环境带来的构建差异。

2026.10.22

120

10

Golangci-lint检查器使用教程
Golangci-lint检查器使用教程

本专题整理Golangci-lint常用Linters的用途与配置方法,覆盖错误处理、无效代码、安全、复杂度、命名和依赖检查,帮助项目合理选规则。

2026.10.22

80

15

Gradle怎么构建Java项目
Gradle怎么构建Java项目

本专题介绍Gradle Java项目构建方法,涵盖Java插件配置、依赖声明、源码编译、测试执行和打包检查,帮助你理解各阶段的任务关系,逐步完成项目构建。

2026.10.22

60

10

PHP时间戳漏洞修复教程
PHP时间戳漏洞修复教程

本专题汇总PHP常见时间戳漏洞,包括2038年溢出、时区漂移、时间戳伪造、重放攻击、时间盲注与日志审计失效等,并给出升级64位环境、使用 DateTimeImmutable、统一UTC、严格超时校验、预处理绑定、hash_equals 比对等修复方案,帮助开发者快速排查和加固时间相关代码。

2026.10.22

80

25

Golangci-lint配置文件与规则设置
Golangci-lint配置文件与规则设置

本专题聚焦Golangci-lint YAML配置文件,讲清运行参数、规则启停、目录排除、问题过滤及严重级别设置,便于团队统一检查标准。

2026.10.22

40

15

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
热门推荐
/
最新课程
phpStudy极速入门视频教程
phpStudy极速入门视频教程

共6课时 | 54.7万人学习

独孤九贱(4)_PHP视频教程
独孤九贱(4)_PHP视频教程

共89课时 | 134.1万人学习