本文为git使用的基础文章,主要参考了github的docs文件。接下来将对github的简单使用进行讲解。

本文参考了

refer

  1. github docs
    https://docs.github.com/en

本次实验的计算机环境:windows10

本文将按照以下内容对github的使用进行讲解

  • 术语
  • github使用
    注册账号,创建仓库
  • git使用
    下载git,创建自己的ssh密钥,将密钥和github账号链接,使用github管理仓库
  • 网页站点搭建
    使用github搭建自己的站点

最终我们呈现的效果如图:

可以通过网址试一试:

https://yingmuzhi.github.io/MuzhiYing.github.io/

当然你也可以根据自己的喜好搭建不同的个人网页,如:


术语term

  • Repository:仓库
  • SSH:secure sell(安全外壳协议),应用层安全协议,可靠传输,专为远程登陆会话和其他网络服务提供安全性的协议,利用SSH协议可以有效防止信息泄露问题。使用非对称加密。
  • Bash:Unix shell的一种,1987年由布莱恩·福克斯为了GNU计划书写,原计划使用在GNU的操作系统上,但是能运行在大多数类Unix的操作系统上,是Linux与Mac OS一些版本的默认shell。

github使用

首先咱们需要登陆github官网注册账号https://github.com/,注册完毕后选择新建仓库

按如下操作对仓库的内容进行设置,但是我们需要注意的是在此处创建的仓库名example将会和我们后续步骤创建的网页相关联,例如:我们用户名是yingmuzhi,我们创建了ymz仓库,则后续我们的网站的链接就是https://yingmuzhi.github.io/ymz/

创建完成后,我们的页面应该长这样:

接下来咱们将使用git托管仓库

git使用

1. 下载git

windows并没有自带git,我们需要先下载git,登陆网站https://git-scm.com/download/win下载git,这里推荐使用镜像地址下载https://registry.npmmirror.com/binary.html?path=git-for-windows/,下载完毕后安装git。

2. 配置ssh

安装完成后,打开gitbash

使用方法类似Bash/mac&ubuntu terminal,在bash中输入

cd ~/.ssh/

进入.ssh文件夹,如果第一次进入应该还没有生成ssh密钥,输入指令后连按3个回车,生成密钥

ssh-keygen -t rsa -C "cyxscj@126.com"

生成了.pub文件,使用vim编辑器查看.pub文件内容

在vim编辑器中使用ggyG将内容复制。gg:光标首行。y:复制选中内容到0号寄存器,默认0号。G:光标至最后一行。

接下来我们需要把生成的.pud内容添加到github上。我们打开github的设置,点击到SSH keys的配置,选择新建一个SSH 密钥。


在密钥一栏粘贴刚才我们复制的密钥后保存

至此我们已经将刚才生成的密钥添加至github中。

3. 使用github管理仓库

回到刚才我们创建的仓库,我们选择该仓库的ssh链接方式,复制

打开git-bash,在bash中,我们在桌面创建一个我们需要的文件夹。

cd ~/Desktop/;mkdir web-site;cd ./web-site/

注意,删除文件是rm,删除目录是rmdir

创建文件夹后将我们需要的github上的文件复制下来,使用指令进行仓库的拉取,此处git clone后填写的是我们前面复制的SSH链接

git clone git@github.com:yingmuzhi/ymz.git

打开ymz文件夹,将我们需要的搭建网页的文件复制进去。

打开git-bash,在该目录下,将我们更改后的文件提交到github上

git add .
git commit -m "first commit"
git push


于是我们的仓库已经更新完毕。

网页站点搭建

使用github.io搭建站点。我们回到github网站的仓库,点击设置,再点击页面。


在源中选择branch:main,root,然后保存。于是我们生成了自己的个人网站,我们的链接也会给出。等待几分钟后,我们就能成功访问自己的页面。

文章至此结束,如有疑问,欢迎讨论。

使用github搭建个人网站(HTTP服务器)相关推荐

  1. 手把手教你 如何利用github搭建个人网站 无需服务器

    目录 前言 准备工作 教程来啦!!! 第一部分 第二部分 链接说明 前言 哈喽,大家好,我是木易巷. 今天给大家分享一下:如何使用GitHub创建自己的个人网站? 准备工作 需要使用GitHub,当然 ...

  2. 基于GitHub搭建个人网站

    基于GitHub搭建个人网站 基于GitHub搭建个人网站 我的个人站点 https://github.com/wforguo 当你撸完一份自己的个人网站,然后想让别人去访问它, 怎么办?去买个服务器 ...

  3. Hexo+GitHub搭建个人网站全网最详细教程

    前言 这个故事很长,还要从一只蝙蝠说起! 大二寒假在家闲来无事一直想做一个网站但是苦于没有门路,于是我去各大论坛搜索关于搭建网站的资料,这一搜还真给搜到了,于是这一套Hexo+GitHub搭建个人博客 ...

  4. 如何利用github搭建个人主页网站?

    本章教程告诉你如何利用github搭建一个个人静态主页网站. 适合没有服务器和域名且对网站搭建感兴趣的人玩玩,github稳定性可能差一点. 目录 一.前期准备工作 二. 创建项目仓库 三.将网站上传 ...

  5. GitHub搭建个人网站

    GitHub免费搭建个人网站 学习前端的人应该知道,开始学习前端时,心里想的肯定是我一定要给自己做一个的非常棒的网站,学完之后网站做好了,但是要怎么上线呢??? 作为一个前端,拥有有自己的个人网站,算 ...

  6. 搭建小型网站,服务器需要什么配置的呢?

    需求是搭建一个小型网站,国内主流云平台活动机型就是非常理想的选择,原因主要有以下两点: 1.成本低:国内主流云平台遇到大促活动节,活动力度非常大,尤其是针对新用户,入门配置一年才几十块钱. 2.配置合 ...

  7. 使用阿里云搭建个人网站/服务器

    版权声明:本文为博主原创文章,转载请注明出处[by: MyNameIsAngela] 前言:一直想搭个自己的个人网站,终于在xx的帮助下搞定,在此记录下搭建过程便于分享.本文尽量用简单的方式描述,希望 ...

  8. 码云怎么创建公开的仓库_使用码云或GitHub搭建简单的个人网站(补充hexo搭建博客)...

    使用码云或GitHub搭建个人网站 码云: 1.新建一个仓库 路径名会影响你的个人网站的网址(自行修改),开源(公开),其他默认 我们点击创建 2.进入仓库后,我们新建一个文件 3.文件名为index ...

  9. Unity搭建简单的图片服务器

    具体要实现的目标是:将图片手动拷贝到服务器,然后在Unity中点击按钮将服务器中的图片加载到Unity中. 首先简答解释下 WAMP(Windows + Apache + Mysql + PHP),一 ...

最新文章

  1. 地面标识检测与识别算法
  2. Oracle表空间离线在线切换和数据库关闭启动操作图解
  3. ESP32cam蓝牙模块与arduino uno通信实验
  4. python 读取 word 表格_python读取word表格
  5. python应用于期货_Python期货量化交易基础教程(17)
  6. 通过 Continual Learning 提高 ML.NET 模型准确性并增强性能
  7. WIN10 查看已经连接的wifi的密码
  8. 牛客网---Java题库(11~20)
  9. python random从集合中随机选择元素
  10. 线程池 Future 带返回结果
  11. 算法工程师面试备战笔记7_数据清洗与特征处理
  12. git 报错does not have a commit checked out
  13. 电脑雕刻教程_C4D无敌渲染神器! 阿诺德全套预设+案例教程+3.0汉化插件合集!真香!【810期】...
  14. 小组级Windows下架设git服务器
  15. iZotope Trash 2 for Mac(失真效果音频插件)
  16. 【电子技术实验理论】语音放大电路
  17. [每日一氵]索引变量要提前拿出来或者注意顺序
  18. 网页设计配色应用实例之黄色系
  19. java计算机毕业设计基于安卓Android的二手交易app-闲置物品交易app-ssm
  20. 小米5 MIUI 10系统完全Root教程 (Root思想通用所有机型)

热门文章

  1. 小白如何通过按钮进行cocoscreator场景的切换
  2. 4、vRealize Operations Manager 管理
  3. 5.28 综合案例2.0-简易起夜灯
  4. 《新武林传奇》大侠能力详细解析
  5. 如何用HTML制作课程表
  6. 谱聚类算法及其代码(Spectral Clustering)
  7. AutoCAD+坐标系变换
  8. 【Linux】一篇文章搞定 进程 及相关操作
  9. 软件测试———功能测试1
  10. 浏览器缓存机制介绍与缓存策略剖析