设为首页收藏本站

天空论坛

 找回密码
 我要加入(register注册)

QQ登录

只需一步,快速开始

快捷登录

使用微信账号登录

最近看过此主题的会员

天空新人

wolverean

陈李湘2022八5

qq_qzuser_NtN

薛亚楠86

qq_qzuser_Kei

qq_qzuser_bht

qq_qzuser_Tnz

qq_qzuser_HNN

ljx

tl181901

八(5)徐灵丽

金雨瑞202286

王文捷

2022八5王悦

薛亚楠2022

qq_qzuser_GP6

huhaoyeu

流墨鱼

qq_qzuser_BoI

ljx2256817

康雅君八5

chenlixiang

陈李湘202285

田婧20220986

qq_qzuser_Drv

查看: 315|回复: 2
收起左侧

如何不购买服务器,域名+解析+GitHub来搭建自己的个人网站

  [复制链接] TA的其它主题
来自- 保留地址

Ta在天空论坛排行

积分:NO. 5 名

发帖:NO. 7 名

在线:NO. 72 名

快乐.每一天 发表于 2019-8-7 14:27:33 | 显示全部楼层 |阅读模式 来自- 保留地址
天空便利贴:这里是语文的天堂,也是文学的乐园。如有原创或喜欢的文章,可推荐发表,供坛友欣赏提高。您的热情和才华是天空论坛最大的财富。
来自- 保留地址

加入天空更多精彩

您需要 登录 才可以下载或查看,没有账号?我要加入(register注册)

x
如何不购买服务器,域名+解析+GitHub来搭建自己的个人网站 Geek笑点低
[url=]关注[/url]
[color=rgb(234, 111, 90) !important] 1.6 2018.03.12 23:28 字数 1646 阅读 7347评论 3喜欢 33



域名+解析+GitHub来搭建自己的个人网站
标签: GitHub使用技巧 网站搭建

摘要
本文主要介绍如何申请注册域名,使用GitHub上的开源项目来搭建一个网站/个人博客。由于无需购买服务器,所以没有数据库访问,很适合建立自己的博客或者个人网站,而不适合大型网站。本方法已经经过作者实际验证,真实有效,操作简单,适合没有任何网站开发经验的小白。
最终效果
欢迎界面

内容

总流程
  • 购买域名
  • 注册GitHub账号,并创建一个代码仓库(repository)
  • 编写网站代码或者使用开源的网站项目
  • 将域名和刚创建的网站代码仓库相关联
具体步骤
1. 购买域名
向域名提供商购买域名。作者熟悉的域名提供商:
国外:godaddy
国内:腾讯云阿里云
其余的可以百度/谷歌一下。申请方法步骤和步骤大同小异。
由于作者还是在校生,针对在校生腾讯云和阿里云都提供了相应的优惠,在校生可以关注一下他们的优惠信息。godaddy也有一些优惠码,购买域名之前可以搜索一些优惠码。
这里我选择的是阿里云,注册-验证-登录,找到其下的万网,
万网


在域名查询栏中搜索自己想要的域名,

域名查询


一般比较容易想到的别人都注册了,可以多试几次,实在不行就购买比较不常见的后缀(一级域名)的域名。
domin

此处输入图片的描述

添加到订单-支付-支付成功,于是你就有了属于自己的域名了。
在阿里云购买的域名提供了云解析(就是将网站的IP地址和域名关联起来),其他地方我不是很清楚,如果没有,在购买相应的DNS(域名解析系统)的服务就可以了。由于无需购买云服务器或者云主机,所需的花费还是十分低廉的。
当然选择国内的域名提供商还需要通过实名认证,选择实名认证,提交自己的身份信息,一般3-5个工作日就好了(实际上我的第一个域名审核通过只花了2天不到)。
此处输入图片的描述


这时候你就可以学习如何使用GitHub了。
2. 注册GitHub账号,并创建一个代码仓库(repository)
关于GitHub是什么,如何使用,许多热心的大牛们已经写过很多相关介绍的文章了,这里推荐@StormZhang从0开始学习 GITHUB 系列,语言通俗易懂,对于初步了解GitHub很有帮助。
这里我只介绍与本文相关的GitHub说明和使用。GitHub,你可以初步认为它就相当于专门存放代码的云盘,当然,GitHub的功能不止于此。
使用邮箱到github上注册一个GitHub账号,推荐使用@hotmail/@outlook/@gmail或者自己学校的提供的邮箱后缀的邮箱注册。
注册-认证-登录,然后就可以开始创建自己的代码仓库了。创建的方法@StormZhang从0开始学习 GITHUB 系列,中也有详细的介绍。对于本项目来说也可以先不看。
3. 编写网站代码或者使用开源的网站项目
先别着急,要是一点网站建立的经验都没有,最好使用开源的项目。GitHub是全世界最大的开源项目社区,上面关于网站制作的项目非常多。
关于网站制作的比较著名开源主题有jekyll、hexo等,可以从网站找到相应创建网站的方法。这里我使用的大牛@onecat的开源项目vno-jekyll主题。
一个简便的方法就是,点击右上角的fork,直译是叉子,也就是创建该项目的一个分支,自己进行编辑,自己编辑的内容不会和项目创建者的版本相冲突。
fork

点击之后你就有了一个与之同名的项目,现在它就是你的了。
还有两步就可以搭建自己的网站了。接下来的工作,简单得超乎你的想象。
4. 将域名和刚创建的网站代码仓库相关联
GitHub为每个注册的用户提供了一个专有的[用户名].github.io(只有一个)这样一个网址,你就可以使用它来和自己购买的域名相关联。之所以不需要购买服务器或者云主机,原因就在GitHub服务器会帮你托管这个[用户名].github.io所用到的全部代码,自动运行。
你要做的就是将刚刚fork的开源网站项目和自己购买的域名关联起来,还有最后三步就可完成。
  • 倒数第三步
    将刚才fork的项目,修改名称为[用户名].github.io,用户名就是你注册GitHub使用的名称。
rename1

rename2

注:删除某个项目,也是在setting中,页面最下方。
  • 倒数第二步
    在该项目下新建文件,命名为CNAME,内容为你的域名。
    creat_newfile

CNAME

  • 最后一步
    到自己的域名管理控制台>>点击解析>>进入如下页面,添加如下信息:
    记录类型:CNAME,主机记录:随便填都行,记录值一定要是[用户名].github.io,TTL:从下拉选项中选择一项。
DNS

解析成功。你的网站就建立成功了。在浏览器地址栏输入:
http://主机记录值.域名
(例如www.blankspace.cn),就可以转到你自己的网站了。
ONECAT

当然由于是开源的项目,此时的界面是大牛@onecat的样式和内容,距离文章开头的样式还需要进行一定的修改。至于如何修改,以及往其中添加新的页面,如何进行文章的更新,将在以后进行介绍。感谢你的阅读。



我知道答案 本帖寻求最佳答案回答被采纳后将获得系统奖励10 天空金币 , 目前已有2人回答

最近访客

来自- 保留地址
谁来看过你
此贴被TA们浏览了315次
天空便利贴:
到底了,觉得文章不错的,可以给作者评论或者打赏,这是创作者向前的动力。可以向上滑,或者转到相关热帖。使用过程中如有好的意见或建议,欢迎联系页面qq客服。天空论坛因你更精彩。
回复

手机扫码浏览
天空论坛,有你有我,明天更好!
来自- 保留地址
点评回复 来自- 保留地址

使用道具 举报 来自- 保留地址

来自- 中国河北张家口

Ta在天空论坛排行

积分:NO. 10 名

发帖:NO. 11 名

在线:NO. 68 名

闲小楼 发表于 2021-10-3 16:56:06 | 显示全部楼层 来自- 中国河北张家口
来自- 中国河北张家口
作者可以多写写这样的文字,很不错。加油。
来自- 中国河北张家口
沙发 2021-10-3 16:56:06 回复 收起回复
B Color Smilies
还可输入 2000 个字符
回复
天空论坛,有你有我,明天更好!
来自- 中国河北张家口
点评回复 支持 反对 来自- 中国河北张家口

使用道具 举报 来自- 中国河北张家口

未注册用户  发表于 2022-9-20 23:23:39 来自

Carlosjek

来自
https://www.google.com.mt/url?q=https://sg7.my1.ru/forum/22-76-1
https://images.google.com.mt/url?q=https://gallery.do.am/forum/2-100-1
https://images.google.sc/url?q=https://bonusyes.clan.su/forum/3-22-1
https://www.google.co.in/url?q=https://studia-axtv.ucoz.com/forum/2-10-1
https://cse.google.co.cr/url?q=https://5830g.ucoz.ru/forum/5-17-1

https://images.google.com.bz/url?q=https://migerka.ucoz.ru/forum/47-1219-1
https://www.google.by/url?q=https://gallery.do.am/forum/2-100-1
https://images.google.com.af/url?q=https://babas.at.ua/forum/15-25-1
https://www.google.com.bo/url?q=https://xa.at.ua/forum/2-17-1
https://images.google.nl/url?q=https://5830g.ucoz.ru/forum/5-17-1
来自
板凳 2022-9-20 23:23:39 回复 收起回复
B Color Smilies
还可输入 2000 个字符
回复
天空论坛,有你有我,明天更好!
来自
点评回复 支持 反对 来自

使用道具 来自

高级模式
B Color Image Link Quote Code Smilies

本版积分规则

×天空论坛发帖友情提示:
1、注册用户在本论坛发表、转载的任何作品仅代表其个人观点,不代表本论坛认同其观点。
2、如果存在违反国家相关法律、法规、条例的行为,我们有权在不经作者准许的情况下删除其在本论坛所发表的文章。
3、所有网友不要盗用有明确版权要求的作品,转贴请注明来源,否则文责自负。
4、本论坛保护注册用户个人资料,但是在自身原因导致个人资料泄露、丢失、被盗或篡改,本论坛概不负责,也不承担相应法律责任。

Powered by GWP! X3.4   Copyright © 2001-2020, Tencent Cloud. |我们的天空 ( 苏ICP备18048761号 ) |苏公网安备32068202000215号 |网站地图