基于GitHub搭建个人网站

news/2024/5/20 15:11:59/文章来源:https://blog.csdn.net/WEIGUO19951107/article/details/91176269

基于GitHub搭建个人网站

基于GitHub搭建个人网站

我的个人站点

https://github.com/wforguo

当你撸完一份自己的个人网站,然后想让别人去访问它,

怎么办?去买个服务器,也太贵了吧! 下面,利用GitHub来教你搞定!(不要钱的那种)


1.前期准备

  • gitHub账号一个

  • 源代码一份

  • 域名一个(可选)


2.GitHub配置

  • 1.首先,肯定要将自己的代码上传到GitHub仓库

  • 2.打开项目仓库,配置开始

找到 Settings选项

Settings

如下,进入到了设置页面

GitHub Settings

找到 黄色标记的地方,即GitHub Pages,下面有一段描述

GitHub Pages is designed to host your personal, organization, or project pages from a GitHub repository.

使用也很简单,配置就行了。

1.点击红色标记的None下拉选择你代码的分支

GitHub Pages

3…再次打开Settings到 GitHub Pages 出现如下页面,就说明配置好了

GitHub Pages

3.点击上面的链接就可以去访问你的站点了!

如果说,访问是404,那就说明配置还未及时响应到,等几分钟就好了!


3. 域名解析配置

如果说你觉得GitHub提供的域名不好记,或者觉得不爽,

那你可以用自己申请的域名去指向GitHub提供的GitHub Pages链接

也就是做一个域名解析

在这里我的域名是在腾讯云申请的,并且备案过的(最好备案)

1.首先登陆到腾讯云

需要你自己申请账号和域名

登录之后进入到云产品云解析下面

云解析

2.添加域名解析到列表

在这里点击添加解析,添加你的域名到列表里面(我这里已经添加过了)

添加解析

点击你已经添加好的域名,与入到解析设置页面,

这里你能看到你所添加的所有的解析记录;

点击添加记录去添加一条解析解析记录

解析列表

弹出红色添加框,我们只需要去填写 主机记录记录类型记录值就可以,其它默认

添加解析记录

在这里主机记录记录类型记录值分别代表什么呢?

在你点击到对应的选项,输入框下面也有相应的说明

下面来解释下:

主机记录

主机记录就是域名前缀,常见用法有:

主机记录:结果
www:解析后的域名为 www.forguo.com
@:直接解析主域名 forguo.com
*:泛解析,匹配其他所有域名 *.forguo.com
mail:将域名解析为 mail.forguo.com,通常用于解析邮箱服务器
二级域名:如:abc.forguo.com,填写abc
手机网站:如:m.forguo.com,填写m

在这里你可以根据自己的需求,解析成@、*或者二级域名

f2e.forguo.com 就属于二级域名

记录类型:

要将你的域名解析到何处,

将域名指向云服务器,请选择「A」

将域名指向另一个域名,请选择「CNAME」

建立邮箱请选择「MX」,根据邮箱服务商提供的MX记录填写。

在这里我们需要解析到一个域名,选择CNAME

记录类型:结果
A记录:地址记录,用来指定域名的IPv4地址(如:8.8.8.8),如果需要将域名指向一个IP地址,就需要添加A记录。
CNAME:如果需要将域名指向另一个域名,再由另一个域名提供ip地址,就需要添加CNAME记录。
NS:域名服务器记录,如果需要把子域名交给其他DNS服务商解析,就需要添加NS记录。
AAA:用来指定主机名(或域名)对应的IPv6地址(例如:ff06:0:0:0:0:0:0:c3)记录。
MX:如果需要设置邮箱,让邮箱能收到邮件,就需要添加MX记录。

记录值

填写一个域名,如:cloud.tencent.com

这里写的就是你在GitHub上面的链接,只需要 wforguo.github.io

不需要写全部 wforguo.github.io/f2e, 后面项目名称f2e省略不要

当你配置完成之后他会给你后面加个.,这个是没影响的


4.自定义域名添加

最后一步,我们只需要在GitHub的GitHub Pages中添加Custom domain即可,

填写你的域名,并保存即可;

如果你的域名有https证书,勾选 Enforce HTTPS就可以用https来访问了

自定义域名

添加完成,上面的提示也会改变

Your site is published at https://f2e.forguo.com

点击就可以访问了,大功告成了。


ending…

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_858649.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

毕业设计——基于HTML5的洛阳旅游网站设计与实现

基于HTML5的旅游网站设计与实现 这是一个基于HTML5的旅游网站,论文、代码都很齐全。 获取源代码至GitHub:GitHub - wforguo/travel: 基于HTML5的旅游网 国内站点:travel: 毕业设计,课程设计,基于HTML5的洛阳旅游网开…

修改hosts不管用 为什么修改127 0 0 1指向的域名,访问域名却弹出别的网站

linux上的hosts: 一般在LINUX下修改完/etc/hosts文件都会立即生效的,即便偶尔不生效,只要重启一下network服务就可以了。 win上的hosts: 但是windows却是会遇到这样的问题,而且在不同版本的系统中还略有区别。 原理&am…

数据分析入门——推荐基础书以及实用网站

数据分析入门: 一开始肯定是数学基础巩固: 线性代数、统计论等。参考书成千上百,最重要还是理解透! 二就是各种软件的熟悉利用:EXCEL SPSS SAS 等,这是我桌面常用到的软件: 三便是进阶版&#x…

GitHub网站的主题设置

文章目录 设置GitHub主题固定主题随时间自动改变主题 今天访问GitHub时,发现个人中心有一个新的功能点appearance。进一步发现此功能是设置GitHub的个人主题设置,主题有三个,分别为 Default light 、Default dark 、Dark dimmed 设置GitHub主…

大型网站技术架构-核心原理与案例分析

D:\和动力\大型网站技术架构-核心原理与案例分析.xmind 如果你觉得我的文章帮助到了你并节省了开发时间,请扫描下方二维码随意打赏❥(^_^) 您的支持是我最大的鼓励

搭建个人网站vm+center os+apache

如何搭建个人网站 准备的前提 vmcnetos 7apche 在vm上安装center os的教程就不介绍了这个有很多 1.如何配置一台刚装好了center os 7并且能够使他联网 ping 通百度 ip a查看当前ip地址(如果显示当前界面,说明没有配置ip地址,网卡没有开启&#xff0…

用jQuery构建网站

主页面 常见的头尾自适应两列布局、第二列又分为上下两部分 实现的主要功能有 网站换肤功能 二级菜单功能图片轮播功能选项卡功能自定义的提示框功能品牌活动图上悬浮放大镜的功能 详情页面 和主页面布局差不多,也是头尾两列自适应布局 实现的功能&#xff1a…

企业如何营销才能体现你网站的价值

根据有关机构数据统计分析,截止2016年我国中小企业数量已经达到50000万左右。中国众多中小型企业已加入网络营销的行列,网络营销也为众多企业带来了巨大的利润。但是却有近乎3分之一的企业自己的网站竟然没有盈利或者说盈利很少,更别说通过互…

网站内部链接策略分析

当站长们都在讨论外链的时候,很少有人注意到内链的作用,内链就是网站的内部的相互链接,我认为内链的最主要的作用在于提高搜索引擎索引效率和用户体验,增加PV,除此之外,由于是自己的网站,内链容…

SEO将要苏醒,请乘坐你网络营销的班车

您是否还在为以下网络营销问题束手无策? 在互联网上无法确认是先做品牌还是先做业绩? 网站已经建好,怎样确认推广渠道? 推广成本越来越高? 推广效果不好但不知道哪个环节出了问题? 移动端趋势越来越明显&am…

网站导航助手

实现效果: 1.关闭 2.点助手弹出对话框页面. 代码分享: <html><head><title>网站助手</title></head><body><div id"btn_wzdhzs" style"width:109px; height:144px;position:absolute; top:235px; right:10px;"…

【iOS资源推荐】那些我看过的书,视频,网站,博客(持续更新)

由于很多新手都有选择恐惧症&#xff0c;所以这里推荐的东西&#xff0c;我尽量少而精 1.视频 这个不用说&#xff0c;斯坦福大学的教程不管是权威性&#xff0c;还是新颖程度都是No1. 斯坦福大学公开课&#xff1a;iOS 7应用开发&#xff0c;这个是OC http://v.163.com/speci…

怎样用sourceTree将自己本地的项目上传到github网站上

前言&#xff1a;GitHub 是基于 Git 的一个代码托管网站。开发者可以将代码在 GitHub 上开源&#xff0c;可以浏览其它项目的代码。 准备工作&#xff1a;1、github网站账号。2、sourceTree软件。 一、在github网站上新建一个仓库 方法很简单&#xff0c;你可以参考官网给出的教…

Scrapy框架爬取dmoztools网站两个网址信息——基于Xpath内置选择器

问题背景 目的是将该网站关于Python的书籍信息和资源信息爬取并导出。 实现过程 一、调出cmd窗口 cd /d 所要保存的路径 #t2为新建的文件名 scrapy startproject t2 cd q2 scrapy genspider t2t dmoztools.net #接下来可直接在cmd窗口中进行测试&#xff0c;也可以到Pytho…

下载知乎等网站视频小技巧

工具 PC端谷歌浏览器 步骤 一、在谷歌浏览器打开知乎&#xff0c;播放要下载的视频 二、右键检查&#xff0c;点击Network选项 三、按F5刷新&#xff0c;在左侧的搜索框输入vzuu&#xff0c;查找视频文件 四、复制右侧的Request URL并打开即可下载视频 &#xff08;PS&…

一步步构建大型网站架构

转自&#xff1a;http://kb.cnblogs.com/page/99549/ 之前我简单向大家介绍了各个知名大型网站的架构&#xff0c;MySpace的五个里程碑、Flickr的架构、YouTube的架构、PlentyOfFish的架构、WikiPedia的架构。这几个都很典型&#xff0c;我们可以从中获取很多有关网站架构方面…

百度显示指定网站的搜索内容

site:域名 搜索内容 注意: 域名不要写网站链接&#xff0c;搜索内容和域名必须用空格分割。

谈谈网站性能技术

前端性能优化技术 http://hudeyong926.iteye.com/blog/933548 一、前端负载均衡 通过DNS的负载均衡器(一般在路由器上根据路由的负载重定向)可以把用户的访问均匀地分散在多个Web服务器上。这样可以减少Web服务器的请求负载。因为http的请求都是短作业&#xff0c;所以&#x…

网页中添加了其他网站上的图片链接,这个图片设置了防盗链的图片后,访问报403解决办法

碰到的问题 网页中添加了其他网站上的图片链接&#xff0c;这个图片设置了防盗链的图片后&#xff0c;访问报403 防盗链基本实现说明 主要是通过验证referer中记录的接口请求来源来验证网站有没有权限访问该图片资源&#xff0c;如果没权限在则返回403无权限访问 分析 经排…

IE内核浏览器访问https网站出现证书问题

一般情况下&#xff0c;访问银行网站或者12306这些网站都需要证书&#xff0c;但是一般都会提示让你下载&#xff0c;下载完成后安装就ok了&#xff0c;但是前几天用的好好地&#xff0c;突然就出现问题了&#xff0c;打开所有带https的网站都提示了证书出错&#xff0c;网上搜…