ITPub博客

首页 > IT职业 > IT生活 > 教你使用GitHub搭建个人网站

教你使用GitHub搭建个人网站

IT生活 作者:local0 时间:2021-09-09 10:51:24 0 删除 编辑

图片描述

GitHub源码分享

主页地址:/gozhuyinglong.github.io
源码分享:github.com/gozhuyinglong/blog-demos

1. 创建一个代码仓库

登录你的GitHub,点击右上角的 + 号按钮,选择【New repository】,打开创建新仓库页面。

图片描述

创建一个名为为username.github.io的代码仓库,其中username为你的GitHub的账户名称。
注:如果username与你的账户名称不匹配,将不会起作用

下图中因为我的代码仓库gozhuyinglong.github.io已使用,所以提示已存在。

图片描述

2. 选择主题

进入创建好的代码仓库,点击【Settings】,进入设置界面。

图片描述

页面往下拉,找到GitHub Pages模块,点击【Choose a theme】,进入选择主题页面。
图片描述

GitHub提供了一些主题供选择,选择好后点击【Select theme】完成
图片描述

3. 设置页面内容

选择完主题会生成两个文件:

  • _config.yml为选择的主题
  • index.md为页面内容

图片描述

index.md为Markdown文件,编辑内容即可修改页面内容。

图片描述

4. 自定义页面

当然GitHub也支持自定义的页面,上传自己 index.html 页面即可。

5. 页面网址

页面的网址便是你的代码仓库名称:username.github.io

最终效果请看我的个人主页:gozhuyinglong.github.io

6. 官网说明

GitHub Pages: pages.github.com

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/132/viewspace-2826720/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-04-24

  • 博文量
    70
  • 访问量
    12483