当前位置:   article > 正文

手把手教你搭建GitHub的个人网站-github.io_github部署个人网站

github部署个人网站

手把手教你搭建GitHub的个人网站-github.io

1. 前言

 实际上呢,最主流的搭建个人主页的办法大概是云服务器+域名。但是我一看发现有点麻烦,正好GitHub提供了一个免费的page服务,那么今天就来介绍一下如何使用github.io来搭建个人主页。看看我的主页

具体咋弄

2.1 新建仓库

 首先,创建一个新的仓库,名字叫做:账户名.github.io:

在这里插入图片描述
就跟上图一样,但是我已经创建过了哈,所以会冲突说名字重复了。所以接下来我用QuanHaHQuan为名字创建一个仓库,方便下面举例子(但是你们自己创建的时候名字要是账户名.github.io,别忘了哈)

2.2 添加文件

 接下来,会提示你导入项目或者添加文件:
在这里插入图片描述
 直接选择创建文件,弄个index.md就可以了。
 然后在里面随便写点东西,要是Markdown这个格式:
在这里插入图片描述

 之后提交。
 那么你的主页就会显示这个Index.md文件编译出来的结果。比如我这个文件,那么之后你的主页就会显示一行“然后随便写点儿东西”的一级标题

2.2 添加主题

 接下来,你需要创建一个_config.yml的文件,然后在里面添加你需要的主题和其他信息,比如我这个:

theme: jekyll-theme-minimal
title: Haoquan Chen's homepage
description: Nice to meet you, please bookmark this to keep an eye on my updates!
  • 1
  • 2
  • 3

2.2.1 主题自定义修改

 如果你还想要做在原本的主题上做什么自定义的修改,那么你需要新建一个_layouts目录,里面新建一个default.html文件,首先去搜你是用的这个主题的仓库,把它原本的_layouts/default.html的内容复制进去,然后在里面做出你想要的修改:
在这里插入图片描述
比如我的话,我就在侧边栏加了一张我的照片,就是在这里做了修改:
在这里插入图片描述

3. 网页展示:

 这些都弄好之后,就可以等着你的网页出现啦。每次更改之后大概需要5-10分钟,然后在网址的地方输入账户名.github.io就可以看到自己的主页啦。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/神奇cpp/article/detail/941084
推荐阅读
相关标签
  

闽ICP备14008679号