Github Pages搭建网站

简介: 版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Hanniel/article/details/78887006 GitHub Pages是一个静态站点托管服务。
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Hanniel/article/details/78887006

GitHub Pages是一个静态站点托管服务。

GitHub Pages设计用于直接从GitHub存储库托管您的个人,组织或项目页面。
GitHub Pages是一个静态网站托管服务,不支持服务器端代码,如PHPRubyPython
下面介绍如何在github pages上搭建站点。

个人站点搭建

搭建步骤:

  • 创建个人站点
    github上新建一个仓库,命名为用户名.github.io
  • 在仓库下新建index.html文件

注意事项:

  • github pages仅支持静态网页
  • 仓库里只能是.html文件

访问方式

搭建成功后,可以通过http://用户名.github.io访问该站点

Project Pages(项目站点)搭建

github可以托管各种git库,并提供一个web界面,下面介绍的是对这web界面的设置
搭建步骤:

  • 进入项目主页
  • setttings页面中的Github Pages中选择一个source并保存,如图:

    • 选择一个主题,如图:
      搭建成功后,可以通过http://用户名.github.io/仓库名访问该站点。
目录
相关文章
|
1月前
|
程序员 SEO
手把手教你搭建属于自己的网站(获取被动收入),无需服务器,使用github托管
手把手教你搭建属于自己的网站(获取被动收入),无需服务器,使用github托管
148 2
手把手教你搭建属于自己的网站(获取被动收入),无需服务器,使用github托管
|
1月前
|
Shell 网络安全 开发工具
Github Pages + Jekyll 独立博客一小时快速搭建&上线指南
Github Pages + Jekyll 独立博客一小时快速搭建&上线指南
|
18天前
|
存储 前端开发 对象存储
基于jsDelivr+Github给网站如何换个漂亮的字体。
本文介绍了如何为博客自定义字体。首先,从免费字体网站(如100字体下载站)下载字体,然后使用在线工具(如fontformat.com)转换字体格式为eot, woff, woff2, svg和ttf。接着,将字体文件上传至GitHub仓库,利用jsDelivr+GitHub的CDN服务获取文件链接。最后,通过编写@font-face的CSS样式代码,将自定义字体应用到博客中。注意文件名避免使用中文,并确保所有浏览器兼容。
20 2
|
1月前
|
资源调度 前端开发 JavaScript
不花一分钱,用Hexo和GitHub Pages搭建个人博客🏢
不花一分钱,用Hexo和GitHub Pages搭建个人博客🏢
137 0
|
6月前
|
JavaScript 开发工具 git
保姆级教程:从零构建GitHub Pages静态网站(下)
保姆级教程:从零构建GitHub Pages静态网站(下)
208 0
|
6月前
|
前端开发 JavaScript
保姆级教程:从零构建GitHub Pages静态网站(上)
保姆级教程:从零构建GitHub Pages静态网站
2396 0
|
1月前
|
存储
github pages 部署单页面
github pages 部署单页面
75 0
|
1月前
|
缓存 网络协议 CDN
Docsify 配合 Github Pages 搭建一个自己的云笔记
Docsify 配合 Github Pages 搭建一个自己的云笔记
139 0
|
7月前
|
资源调度 JavaScript 前端开发
用vuepress2搭建自己的github网站
最近打算自己做一个博客网站记笔记,然后部署到github上,最终选择了vuepress的最新版本v2(使用的是vue3和TypeScript开发,默认使用Vite作为打包工具)
48 0
|
9月前
Gridea 上手教程——小白也可以用的GitHub Pages 搭建工具
Gridea 上手教程——小白也可以用的GitHub Pages 搭建工具
Gridea 上手教程——小白也可以用的GitHub Pages 搭建工具