精华内容
下载资源
问答
  • GitHub部署静态网页

    千次阅读 2020-05-03 10:28:25
    Github从上传到部署静态网页这个可以说很简单,算是自己学习Github的使用的入门吧; 首页你需要一个GitHub账号,如果没有的话需要注册一个,如果没有的话需要注册 网址:https://github.com/ 注册好账号之后,可以安装一...

    Github从上传到部署静态网页这个可以说很简单,算是自己学习Github的使用的入门吧;

    首页你需要一个GitHub账号,如果没有的话需要注册一个,如果没有的话需要注册
    网址:https://github.com/
    在这里插入图片描述
    注册好账号之后,可以安装一个Git软件,自行百度搜索下载;
    软件下载链接:https://git-scm.com/downloads
    在这里插入图片描述

    Git是一款免费、开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目。

    注册好账号,安装完Git之后,接下来大概分为两部分,一是上传代码,二是发布静态页面;
    下面按照顺序分析两大部分

    一、上传代码

    $ 美元符号后面的命令行是自己写的,写完统一回车,没有分号

    1. 建立git仓库
      cd到你的本地项目根目录下,执行git命令
        git init
    2. 将项目的所有文件添加到仓库中
        git add .
        .代表路径,如果想添加某个特定的文件,只需把.换成特定的文件名即可
    3. 将add的文件commit到仓库
        git commit -m "注释语句"

    前三步测试代码
    4. 登录你的账号,并且新建一个项目
    一会
    注意事项:
    在这里插入图片描述
    5. 重点----将本地的仓库关联到github上
      git remote add origin https://github.com/lxlx722/love.github.io
    在这里插入图片描述

    后面的https链接地址换成你自己的仓库url地址,也就是上面框中标出来的地址

    1. 上传github之前,要先pull一下,执行如下命令:
      git pull origin master
      或者git pull --rebase origin master
      在这里插入图片描述

    2. 最后一步,上传代码到github远程仓库
      git push -u origin master
      在这里插入图片描述

    执行完后,如果没有异常,等待执行完就上传成功了,中间可能会让你输入Username和Password,你只要输入github的账号和密码就行了。
    在这里插入图片描述
    在这里插入图片描述

    注意

    在这里插入图片描述
    如果出现这种问题,就把 git pull命令重复一遍;

    可以在本地Git命令行中设置绑定的邮箱
    $ git config --global user.name “lxlx722” //用户名
    $ git config --global user.email “xxx@qq.com” //填写自己的邮箱

    上传完成后就是这种状态
    在这里插入图片描述

    二、发布静态网页

    代码上传成功之后就可以发布静态网页了;

    1. 点击setting
      在这里插入图片描述
    2. 设置
      (1) 仓库名和访问二级域名一致
      在这里插入图片描述
      (2)滚动鼠标,往下面会看到GitHub Pages栏(默认是none)
      在这里插入图片描述
      (3) 然后刷新页面,出现如下图一样的地址就表明推送成功;
      在这里插入图片描述

    推送成功的地址:https://lxlx722.github.io/love.github.io/
    在这里插入图片描述
    设置完成之后再回到code界面,里面会多出一个配置文件
    在这里插入图片描述
    到此为止整个发布也完成了。

    补充一点:我在里面新建了一个文件index.html
    如果要访问的话,只需要在部署时候生成的链接后面加上index.html路径即可,访问其他文件也一样

    https://lxlx722.github.io/love.github.io/index.html
    在这里插入图片描述
    就简单介绍到这里,有问题欢迎评论;

    展开全文
  • github.io 可以帮我们免费托管和展示静态资源网站,非常方便,github 上分享的例子可以在这里搭建演示方便查看,自己以往的项目也可以放在这里展示,还可以自定义域名 文章目录1. 新建一个 repository2. 上传演示...

    github.io 可以帮我们免费托管和展示静态资源网站,非常方便,github 上分享的例子可以在这里搭建演示方便查看,自己以往的项目也可以放在这里展示,还可以自定义域名

    1. 新建一个 repository

    勾选 Initialize this repository with a README
    new repository

    2. 上传演示代码

    上传git

    3. 开启 GitHub Pages

    • 在项目的 settings 页面,找到 github pages 板块,Source 选择 Master
    • 注意新建的 repository 没有任何文件是不允许的,需要上传文件后才行
    • 如果需要自定义域名也可以填上
      在这里插入图片描述
    • 选个 Theme 样式
      theme

    4. 查看网页

    点击生成的网站链接查看就可以啦,本文中是
    https://zhichaosong.github.io/demo/
    在这里插入图片描述

    5. 编辑主页

    • 我们发现 README.md 里面的内容竟然就是连接的内容,说好的 index.html 呢
      只能将计就计了
    • 我们库里上传了一个文件夹:html-wave,所以就这样写:
    ## 点击查看演示
    <a href="html-wave/">html-wave</a>
    
    • 这样点击就会跳转到下级文件夹下,URL 就是 https://zhichaosong.github.io/demo/html-wave/
    • 多个项目展示项目就可以放在多个文件夹下面了了
      demo
    • 编辑完,保存,刷新setting看到的连接,也就是https://{username}.github.io/{repository}/可以看到效果
    • 注意:修改完后要过几分钟才会生效

    6. 欢迎查看我的主页

    欢迎查看我的主页 https://zhichaosong.github.io
    在这里插入图片描述

    展开全文
  • Github上免费部署静态网站

    万次阅读 2018-03-07 08:32:30
    对于简单的静态网站,可以直接挂在github上,为什么推荐这样呢,因为... 在Github上免费部署静态网站的简单的操作步骤如下: 1. 安装git 2. 配置SSH密钥(方便代码提交) 在git-bash中输入命令,类似如下: ...

        对于简单的静态网站,可以直接挂在github上,为什么推荐这样呢,因为免费。当然,如果性能要求较高,或者涉及到数据库的网站,就不可以直接这样简单处理了,还要老老实实的像网站建设概论中讲的一样。

        在Github上免费部署静态网站的简单的操作步骤如下:

        1. 安装git

        2. 配置SSH密钥(方便代码提交)

        在git-bash中输入命令,类似如下:

        ssh-keygen -t rsa -C "您的邮箱"。

        

        当看到Enter passphrase时,输入您(对应的邮箱)的github账号的密码,重复输入,然后就会出现如上提示,并在指定目录中生成如下文件。

        打开id_rsa.pub文件,并将内容全部复制。然后打开github网页,并登陆,找到设置中的ssh密钥管理,新建密钥,并将内容粘贴。

        添加成功后会多出现一行。

        3. 新建仓库Repository

        创建好仓库后,复制仓库链接。

        4. 网站上传与配置

        4.1 克隆已有的仓库,即下载我们之前创建的仓库。

        

        等待克隆完成,会在指定路径上生成相应的仓库内容。

        4.2 复制项目到仓库文件夹中。

          4.3 再次上传修改后的项目

          依次点击Stage Changed,Continue,Sign Off,Commit和Push。

        这里可能出现当使用GitGui的时候出现 Unable to obtain your identity错误,解决方案

        等待上传完成,在网页上可以查看仓库内容已经更新完成。当前也可以使用命令行的方式,进行更新。

    git add .
    git commit -m .
    git push

        4.4 选择一个默认主题

        单击创建好仓库后,在仓库主页面里点击Settings,进入设置页面,找到GitHub Page, 并且选择Choose a theme按钮为网站选择一个默认主题。

        选择完成主题之后,就会在仓库中出现_config.yml。

        选择完成主题之后,就会在仓库中出现_config.yml。提交改变后,再次进入Settings界面,找到GitHub Page,这时会出现一个网址,即代表配置成功。

    实例网站:https://jack13163.github.io/WebSite/

    另外,GitHub上还可以搭建hexo博客系统,具体操作请移步:【hexo】免费使用github搭建Markdown博客系统

    展开全文
  • github部署静态资源

    2021-05-30 16:52:04
    学习过程中想要吧静态资源部署github查看吗?很简单! 首先注册登录不多解释了,大家都懂 点击左边选择创建一个新仓库(看不懂的小白可以翻译) 输入仓库名称直接创建! 选择上传文件(入口文件最好是index.html...

    学习过程中想要吧静态资源部署到github查看吗?很简单!

    1. 首先注册登录不多解释了,大家都懂
    2. 点击左边选择创建一个新仓库(看不懂的小白可以翻译)
    3. 输入仓库名称直接创建!在这里插入图片描述
    4. 选择上传文件(入口文件最好是index.html)在这里插入图片描述
      在这里插入图片描述
    5. 上传好了去设置一下资源路径
      在这里插入图片描述
      在这里插入图片描述
      在这里插入图片描述
    6. 部署后稍等一下重新刷新页面即可获取链接打开在这里插入图片描述
    展开全文
  • Github部署静态网页

    千次阅读 2016-07-19 14:59:56
    我想分享给大家的是,如何将已经创建了仓库并且有master分支的项目部署静态网页。 自动生成页面 1、点击settings 自动生成页面  仓库名和访问二级域名一致。    跳转到这个页面,直接忽视,...
  • github部署静态网页

    千次阅读 2016-05-10 18:54:35
    GitHub部署静态网页 ꒰・◡・๑꒱这个教程主要适用于直接创建仓库。想从github上直接上手的同学可以参照以上教程部署静态网页。我想分享给大家的是,如何将已经创建了仓库并且有master分支的项目部署为静态...
  • 请问 有没有人可以访问我的https://onekelo888.github.io/index.html 这个静态页面?我朋友用电脑访问不了我的 但是她用手机可以访问 这是我的仓库地址https://github.com/OneKelo888/OneKelo888.github.io.git
  • 如果你的项目只是一个静态网站,就没有必要再去整什么服务器,github pages 提供了搭建静态网站的功能; 为什么使用Github Pages 1. 搭建简单而且免费; 2. 支持静态脚本; 3. 可以绑定你的域名; 4. DIY自由...
  • github部署静态网站

    2018-07-05 19:42:22
     在Github上免费部署静态网站的简单的操作步骤如下: 1. 新建仓库Repository 2. 克隆已有的仓库,复制项目到仓库文件夹中, 再次上传修改后的项目。 3. 选择一个默认主题 单击创建好仓库后,在仓库主页面里点击...
  • 使用Github部署静态域名网页注册Github添加仓库Github Desktop检验成果参考文献 注册Github 如果之前已经注册过Gituhb账号的同学可以省略这一步骤,没有注册过Github的同学,首先需要注册下账号。 注册好之后登陆...
  • 文章目录利用`github`/`码云(gitee)`免费部署静态网页前言网页部署限制github局限性(误)gitee注册方法一:利用git推送到gitee仓库全局设置创建git仓库已有git仓库方法二:网页端操作Gitee Pages注意事项部署...
  • 尝试一下将前端静态页面部署GitHub上: 如图,在github创建一个新仓库,我的已经创建好了,就叫EchartDemo: 复制GitHub中EchartDemo工程地址,git clone + http:XXXX 到你想要的文件夹中,最后再把整个前端工程...
  • 这是一个GitHub Action,用于将静态文件部署GitHub Pages 。 该部署操作可以与简单,自由地组合在一起。 (Hugo,MkDocs,Gatsby,mdBook,Next,Nuxt等。) 下一示例步骤将./public目录部署到远程gh-pages分支...
  • 本地写好vue项目以后。...git remote add origin https://github.com/xxx/xxx.git git push origin master -f 将docs下的所有文件夹推送到远程分支gh-pages //打包 npm run build //进入docs文件夹 cd ....
  • 使用 github pages, 快速部署你的静态网页

    万次阅读 多人点赞 2018-06-25 17:48:02
    使用 github pages, 快速部署你的静态网页 Github Pages 官网 Github Pages: Websites for you and your projects. Hosted directly from your GitHub repository. Just edit, push, and your changes are ...
  • GitHub部署静态页面

    2020-06-15 20:17:46
    例如,如果您创建站点来发布已经在 GitHub 上的项目文档, 您可能想要将站点的源代码存储在与项目相同的仓库中。 如果要在现有仓库中创建站点,请跳至 创建您的站点 一节。 1.在任何页面的右上角,使用下拉菜单...
  • 首先我们登录github,进入项目仓库,点击setting,找到github pages栏的source,点开,如下图: 第一个的意思是,建立一个gh-pages分支,第二个是直接选择主分支部署github pages,第三个是主分支...静态网页的话就可
  • GitHub网址 https://github.com/ 操作步骤 登陆网站 创建一个项目 - 填写内容创建项目 拖动文件上传项目 点击设置setting 滚至页面尾部,点击choose theme 提交主题完毕,再次进入setting页面 ...
  • 下载GitHub Desktop下载地址 ...现在你可以将你的静态网页直接拖入这个文件夹中,并将要直接展示的页面命名为index 3. 当你在文件夹中作出改动时,GitHub Desktop会将你作出的改变罗列在Changes里面,你可...
  • github pages部署静态网页

    千次阅读 2016-05-24 10:12:00
    github pages部署静态网页 如果你的项目只是一个静态网站,就没有必要再去整什么服务器,github pages 提供了搭建静态网站的功能; 为什么使用Github Pages 1. 搭建简单而且免费; 2. 支持静态脚本; 3. 可以...
  • 点击 "Setting"按钮,在option里面下滑到 “gitHub Pages”
  • 如下图的dajun1234.github.io 2、上传一个测试的html文件,内容如下: <html> <body> hello world </body> </html> 3、进入仓库的settings,将Github Pages的Branch设置为master。 ...
  • Github部署静态网站

    千次阅读 2015-06-07 13:02:04
    之前听说过在Github上可以发布静态网站(goole,twitter,微软等在用),今天学习Github版本控制顺带着尝试了一下。觉得不错的是,没有硬盘空间的限制。 在repository新建branch命名’gh-pages’,并在该分支添加html ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 41,696
精华内容 16,678
关键字:

github部署静态网页