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