zoukankan      html  css  js  c++  java
  • Github Pages 搭建静态网站

    GitHub创建仓库时的名称一定要这样写:用户名.github.io

    搭建步骤

    1) 创建个人站点 -> 新建仓库(注:仓库名必须是【用户名.github.io】)
    2) 在仓库下新建index.html的文件即可

    在这里插入图片描述

    • 这个时候访问:yunxdr.github.io ,显示的是 README.md 的内容
      在这里插入图片描述
      在这里插入图片描述
    • 创建文件index.html,写入HTML语言
      在这里插入图片描述
      在这里插入图片描述
      再次访问:yunxdr.github.io
      在这里插入图片描述

    注意
    1、github pages 仅支持静态网页
    2、仓库里面是.html文件
    3、个人主页也可以设置主题

    Project Pages 项目站点

    访问
    https://用户名.github.io/仓库名

    原理
    github pages 用于构建和发布

    搭建步骤
    首先创建一个空的仓库,名称为 test ,settings里GitHub Pages 里选择 mater branch ,接着 选择主题
    在这里插入图片描述
    随便选择一个主题后 ,点击 select theme
    在这里插入图片描述
    接着机会来到主题页面的HTML页面,在这里修改成自己想到的页面即可。
    在这里插入图片描述
    修改完成后,来到GitHub Pages,可以看到访问的网址
    在这里插入图片描述
    在这里插入图片描述
    其实这里就是给生成的空白的GitHub pages 套了一个主题而已,都是用HTML语言写的。

    Github可以托管各种git库,并提供一个web界面(用户名.github.io/仓库名)

    • 当访问自己GitHub上仓库里的其他项目的静态页面时或者其他人的仓库项目时先 fork 到自己的仓库下
    • 在settings里,GitHub Pages选择 master branch 主分支
      在这里插入图片描述
    • 这时就会出现一个访问静态页面的网址,直接在线访问即可。
      在这里插入图片描述
  • 相关阅读:
    laravel中使用ElasticSearch详情
    linux 使用大全
    常见监控软件介绍及原理介绍
    DNS与域名解析
    linux基础入门(基础命令+vi+shell)
    php-fpm与fastcgi、php-cgi之间的关系及源码解析
    web系统整体性能测试
    typescript入门
    webpack
    React
  • 原文地址:https://www.cnblogs.com/xdr630/p/15255063.html
Copyright © 2011-2022 走看看