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

2023年 8月 2日 58.5k 0

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 Pages建立个人网站和博客的详细内容,更多请关注每日运维网(www.mryunwei.com)其它相关文章!

相关文章

JavaScript2024新功能:Object.groupBy、正则表达式v标志
PHP trim 函数对多字节字符的使用和限制
新函数 json_validate() 、randomizer 类扩展…20 个PHP 8.3 新特性全面解析
使用HTMX为WordPress增效:如何在不使用复杂框架的情况下增强平台功能
为React 19做准备:WordPress 6.6用户指南
如何删除WordPress中的所有评论

发布评论