如何利用github搭建一个个人网站

一、Github Pages的使用
1、首先你得有一个Github账号,没有的话去github.com注册一个;
这里写图片描述
点击Sign up for Github进入注册页面
这里写图片描述
2、有了账号以后登录到Github新建仓库
(1)点击New repository新建仓库
这里写图片描述
(2)这里只需要注意一点Repository name要用Owner加上 .github.io然后点击create repository
这里写图片描述
(3)到这里仓库就新建好了
这里写图片描述
二、把源码上传到github仓库
1、clone到本地
(1)选择一个目录输入下面的指令
Git clone https://github.com/Wangyj1108/Wangyj1108.github.io.git
这里写图片描述
注意:如果你的电脑不支持git命令你可以安装git,去git官网下载一个git到本地安装
安装完成以后配置环境变量然后打开命令行输入git命令查看是否安装成功
2、clone到本地以后会在你选择的目录下生成一个Wangyj1108.github.io文件夹
这里写图片描述
进入到文件下,把你的代码放进去
这里写图片描述
3、打开命令行进入到Wangyj1108.github.io目录下依次执行下面的命令
git add .
git commit -m “上传网站源码到github”
这里写图片描述
git push 并输入账号密码(github账号密码)
这里写图片描述
4、等待代码上传完成后你就可以访问http://Wangyj1108.github.io
三、买域名解析到github
1、去域名服务商买一个合适的域名,便宜的就几块钱;
2、将域名解析到ip地址,你可以使用 ping http://Wangyj1108.github.io去查看IP
进入到万网的控制台选择云解析
添加下面2条记录就可以了
这里写图片描述
到你这里你去访问你的域名会报404
还差一个CNAME文件,这个文件需要提交到我们刚才创建的仓库,内容为我们的域名
这里写图片描述
提交完就可以访问我们的域名了
这里写图片描述

我是上传的是我从网上下载的一个表白网站的源码,可以直接下载,上传试试。



Windows下配置Git环境变量:

1、从Git官网下载windows版本的git:http://git-scm.com/downloads

2、一般使用默认设置即可:一路next,git安装完毕!

3、但是如果这时你打开windows的cmd,在里面打git命令会提示“不是内部或外部命令,也不是可运行的程序”,想要直接在windows的cmd里使用git命令要多加如下两步

3.1、找到git安装路径中bin的位置,如:D:\Program Files\Git\bin

        找到git安装路径中cmd的位置,如:D:\Program Files\Git\cmd;

        注:"D:\Program Files\Git\"是安装路径,可能与你的安装路径不一样,要按照你自己的路径替换"D:\Program Files\Git\"

3.2、右键“计算机”->“属性”->“高级系统设置”->“环境变量”->在下方的“系统变量”中找到“path”->选中“path”并选择“编辑”->将3.1种找到的bin和git-core路径复制到其中->保存并退出

        注:“path”中,每个路径之间要以英文输入状态下的分号——“;”作为间隔


现在就可以在cmd里尽情的使用git了~

  • 2
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
要在GitHub搭建个人网站,你可以按照以下步骤进行操作: 1. 创建一个新的仓库(Repository):在GitHub上创建一个新的仓库,仓库名字可以是`<你的用户名>.github.io`,注意将`<你的用户名>`替换为你在GitHub上的用户名。 2. 选择网站生成器:选择一个适合的网站生成器来构建你的个人网站。一些常用的选择包括Jekyll、Hugo、Gatsby等。这些生成器可以帮助你快速构建静态网页。 3. 在本地设置仓库:将刚刚创建的仓库克隆到本地,并在本地设置相应的配置文件。具体操作取决于你所选择的网站生成器,你可以参考官方文档来完成这一步骤。 4. 定制你的网站:根据个人需求,进行网站的定制。你可以编辑页面内容、选择主题、添加自己的样式等。 5. 提交更改并推送到GitHub:完成网站的定制后,将更改提交到本地仓库,并将这些更改推送到GitHub上的仓库。 6. 配置GitHub Pages:在GitHub上找到刚刚创建的仓库,进入仓库的设置页面,找到GitHub Pages选项,并将它配置为从主分支(通常是`master`或`main`)来构建你的个人网站。 7. 等待构建完成:一旦你的个人网站的构建过程完成,你就可以在浏览器中访问`<你的用户名>.github.io`来查看你的个人网站了。 请注意,上述步骤是一个大致的指南,每个网站生成器可能有不同的具体操作步骤。记得查阅选用的生成器的官方文档以获得更详细的指导。祝你搭建成功!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值