环境配置|GitHub——如何在github上搭建自己写的网站

这篇具有很好参考价值的文章主要介绍了环境配置|GitHub——如何在github上搭建自己写的网站。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

下面简单地总结了从本地的网页文件到在github服务器上展示出来即可以通过网络端打开的过程:

(以下可能会出现一些难点,照着做就可以了,由于笔者是小白,也不清楚具体原理是什么,希望有一天成为大神的时候能轻松驾驭)

1、进入github主页,建立新仓库

环境配置|GitHub——如何在github上搭建自己写的网站,环境配置,前端,github,网站搭建,环境配置

2、为你的新仓库取一个名字

在这里笔者以自己的“仿LOL官网”项目为例。

其中标记处添加README描述也勾选上。

环境配置|GitHub——如何在github上搭建自己写的网站,环境配置,前端,github,网站搭建,环境配置

3、建立好仓库后,在仓库中选择settings选项,找到“github pages”选项卡

环境配置|GitHub——如何在github上搭建自己写的网站,环境配置,前端,github,网站搭建,环境配置

4、在“github pages”选项卡中找到“source”,点击“None”,选择“master branch”,再点击“Save”保存

环境配置|GitHub——如何在github上搭建自己写的网站,环境配置,前端,github,网站搭建,环境配置

在这里我们就可以看到github为我们生成了一个链接,先把它存起来。

环境配置|GitHub——如何在github上搭建自己写的网站,环境配置,前端,github,网站搭建,环境配置

点击链接进去发现里面什么也没有,接下来我们在本地进行git的操作。

环境配置|GitHub——如何在github上搭建自己写的网站,环境配置,前端,github,网站搭建,环境配置

5、下载安装git

下载地址:https://git-scm.com/downloads

安装过程省略

6、在本地新建一个文件夹专门用于存放本地的代码,以上传到远程端

在这里我选择的是在D盘github代码库文件夹中新建一个文件夹来存放我的代码

环境配置|GitHub——如何在github上搭建自己写的网站,环境配置,前端,github,网站搭建,环境配置

7、进入建好的文件夹后,右击选择“Git Bash Here”,出现命令行窗口

环境配置|GitHub——如何在github上搭建自己写的网站,环境配置,前端,github,网站搭建,环境配置

8、输入如下命令,用来在当前文件夹中创建 test 文件存放你的github上的仓库文件,克隆仓库文件到当前文件夹中

环境配置|GitHub——如何在github上搭建自己写的网站,环境配置,前端,github,网站搭建,环境配置

这时候你会发现你的文件夹中多了一个文件夹test,test中的文件就是github仓库中的文件

9、将自己的网页文件复制粘贴至仓库文件中

环境配置|GitHub——如何在github上搭建自己写的网站,环境配置,前端,github,网站搭建,环境配置

10、依次输入如下命令

环境配置|GitHub——如何在github上搭建自己写的网站,环境配置,前端,github,网站搭建,环境配置

解释一下以上命令,在更新代码的时候也会用到

git status: 列出当前目录所有还没有被git管理的文件和被git管理且被修改但还未提交(git commit)的文件,也就是所有改动文件,红色字体标出。

git add .  (有个点) :表示添加当前目录下的所有文件和子目录,

然后 再输入一次 git status 如果看见文件都变绿了 ,那么就代表它们已经准备好了被提交(git commit)

11、依次输入如下命令,将你的文件上传至远程 master分支

环境配置|GitHub——如何在github上搭建自己写的网站,环境配置,前端,github,网站搭建,环境配置

这里要注意一下的就是在输入git push后会让你输入github的账号和密码

环境配置|GitHub——如何在github上搭建自己写的网站,环境配置,前端,github,网站搭建,环境配置

环境配置|GitHub——如何在github上搭建自己写的网站,环境配置,前端,github,网站搭建,环境配置

 环境配置|GitHub——如何在github上搭建自己写的网站,环境配置,前端,github,网站搭建,环境配置

最后一步上传完毕后当出现以上字样的时候,说明已经大功告成了~文章来源地址https://www.toymoban.com/news/detail-759888.html

12、回到第4步中的链接,在后面加上/和网页文件名,即可打开自己制作的网站

到了这里,关于环境配置|GitHub——如何在github上搭建自己写的网站的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Github 创建自己的博客网站

    如果这篇博客,看不懂看下面的视频,很详细。 参考pku大佬视频制作,附上B站视频:【GitHub Pages 个人网站构建与发布】 同时还参考了:【Python版宝藏级静态站点生成器Material for MkDocs】 内容参考:GitHub Pages - 杨希杰的个人网站 (yang-xijie.github.io) Github pages 可以快速部署静态

    2024年02月14日
    浏览(41)
  • github pages 用法详解 发布自己的网站

    github pages 基础用法 URL 规则 假设你的 github 帐号为 mygithub,需要发布的仓库名为 myrepo,那么 pages 的 URL 为: https://mygithub.github.io/myrepo 添加内容 用任意编辑器写好(或者生成)标准的网页内容,push 到 myrepo 即可。和大部分 web 服务一样,pages 会到指定目录里面寻找 index.html

    2024年02月13日
    浏览(42)
  • github+hexo搭建网站

    前言 :参考我的上一篇文章记录一次Windows搭建个人博客网站-避坑指南_笔记 搭建网站-CSDN博客 我但是第一次的搭建中出现了很多的问题,最近事情忙得差不多有点空闲时间重新从头搭建了一次。 从头开始搭建 :我想了一下,其实我们一开始可以暂时不用那个vercel,我们先把

    2024年02月03日
    浏览(48)
  • 【Hexo + Github 搭建自己的专属博客】

    目录 一、前提环境配置 1. 安装Git和NodeJS 2. 安装Hexo 3. 加载主题 4. 修改主题配置 二、搭建博客 1. 将博客部署在GitHub上 2. 写文章并上传 3. 配置一些特效 三、最终成果 ​编辑 在 Windows 上使用 Git ,可以从 Git 官网直接 https://git-scm.com/downloads ,然后按默认选项安 装即可。安装完

    2024年04月08日
    浏览(48)
  • 【Github搭建网站】零基础零成本搭建个人Web网站~

    Github网站: https://github.com/ 这是我个人搭建的网站:https://xf2001.github.io/xf/ 大家可以搭建完后发评论区看看!!!   搭建教程: https://www.bilibili.com/video/BV1xc41147Vb/?spm_id_from=333.999.0.0vd_source=98bce7df38ecc1f989aee3edccd2f24e   目录 第一步:创建一个新的仓库 第二步:上传网站文件 第三

    2024年01月20日
    浏览(78)
  • 使用Gogs搭建自己的github服务器

    Gogs官方网址:https://gogs.io/ 在官网首页可以找到二进制运行,点击进去 让咱们去 github 咱们就去 github 看看好了。https://github.com/gogs/gogs/releases 找到自己需要的版本。 使用命令 可以查看自己的 Linux 服务器是 64位的还是32位的。 我这里显示的是 x86_64 ,因此是 64位的。 下载完成

    2024年02月09日
    浏览(73)
  • 如何在GitHub上面上传自己的项目/使用Github上传本地项目代码/怎样在GitHub上传自己的项目/github怎么上传一整个工程

    目录 1 注册github账号 2 第一次上传自己的项目 2.1下载git 2.2、新建仓库 2.3、上传项目 3、更新自己的项目 4、建立分支,修改分支 5、bug1 6、bug2 这个不教好吧 2.1 下载git 官网链接,安装不要选择带中文和空格的路径,直接next就行 2.2 新建仓库 右上角+,选择New repository,给项目

    2024年02月06日
    浏览(61)
  • Jekyll(一).使用Jekyll+Github Pages搭建自己的博客

    Jekyll 是一个静态站点生成器,内置 GitHub Pages 支持和简化的构建过程。 Jekyll 使用 Markdown 和 HTML 文件,并根据您选择的布局创建完整静态网站。 Jekyll 支持 Markdown 和 Lick,这是一种可在网站上加载动态内容的模板语言。所以在Github Pages上使用Jekyll很合适,其他有关介绍请参考

    2024年02月11日
    浏览(51)
  • 独立于 Github,更方便地管理自己的静态网站?来试试这套自托管 Git 仓库方案!

    这套方案可以实现一个非常方便的编写博客的方法。你可以在自己电脑上写好文章,生成网站,并且直接 git push 即可部署到自己的服务器上,一气呵成,一般情况下完全不需要登陆远程服务器。 在讲述方案之前,我先说明一下这套方案采用的服务器结构。 本地客户端:在本

    2024年01月23日
    浏览(49)
  • Publii和GitHub:搭建个人网站的完美组合

    在数字时代,拥有一个个人网站已经非常普遍了,但是,很多人因为技术难题而望而却步。现在,有了Publii,这一切都将变得简单。Publii是一个静态网站生成器,它允许你在本地计算机上创建和管理内容,然后将其发布到任何Web服务器。它不仅支持丰富的主题和插件,还能与

    2024年03月19日
    浏览(47)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包