域名+解析+GitHub来搭建自己的个人网站

2023-05-16

域名+解析+GitHub来搭建自己的个人网站

标签: GitHub使用技巧 网站搭建


版权声明:本文为 @icurious
的原创文章,可以转载,但请务必注明作者和出处!!!
原文链接:www.blankspace.cn

摘要

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

最终效果

欢迎界面

内容

总流程

  1. 购买域名
  2. 注册GitHub账号,并创建一个代码仓库(repository)
  3. 编写网站代码或者使用开源的网站项目
  4. 将域名和刚创建的网站代码仓库相关联

具体步骤

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是全世界最大的开源项目社区,上面关于网站制作的项目非常多。

关于网站制作的比较著名开源主题有jekyllhexo等,可以从网站找到相应创建网站的方法。这里我使用的大牛@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的样式和内容,距离文章开头的样式还需要进行一定的修改。至于如何修改,以及往其中添加新的页面,如何进行文章的更新,将在以后进行介绍。感谢你的阅读。

版权声明:本文为 @icurious
的原创文章,可以转载,但请务必注明作者和出处!!!
原文链接:www.blankspace.cn

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

域名+解析+GitHub来搭建自己的个人网站 的相关文章

随机推荐

  • android网络框架OkHttp之get请求(源码初识)

    转载请标明出处 xff1a http blog csdn net iamzgx article details 51477877 xff1b 本文出自 iGoach的博客 概括 OkHttp现在很火呀 于是上个星期就一直在学习OkHttp框
  • 学会Retrofit+OkHttp+RxAndroid三剑客的使用,让自己紧跟Android潮流的步伐

    转载请标明出处 xff1a http blog csdn net iamzgx article details 51607387 本文出自 iGoach的博客 概括 在上一篇博客android网络框架OkHttp之get请求 xff08 源
  • 手动缓存Retrofit+OkHttp响应体,不再局限于Get请求缓存

    转载请标明出处 xff1a http blog csdn net iamzgx article details 51764848 本文出自 iGoach的博客 概括 这篇博客是接着上一篇博客学会Retrofit 43 OkHttp 43 R
  • 哪个才是Android工程构建时的gradle版本?gradle-wrapper.properties还是build.gradle的buildscript说了算?

    先说谜底 xff0c gradle wrapper properties说了算 xff08 1 xff09 build gradle的buildscript里的buildscript dependencies的com android too
  • cocos2d-js之入门篇

    转载请标明出处 xff1a http blog csdn net iamzgx article details 54232599 本文出自 iGoach的博客 cocos2d js xff0c 至今日 xff0c 也马马虎虎算接触了一个星期
  • 微信小程序-入门篇

    转载请标明出处 xff1a http blog csdn net iamzgx article details 72615506 本文出自 iGoach的博客 前言 2017年1月9日 xff0c 微信小程序发布 这也标志着FaceBook
  • 使用OkHttp上传图片

    简介 上传图片是一个APP的常见功能 xff0c 可以是通过OOS上传到阿里云 xff0c 也可以直接上传到Server后台 xff0c OOS有提供相应的SDK xff0c 此处忽略 下面通过OkHttp来实现图片的上传 代码 直接上代码
  • 简单说说如何把json或者txt文件转换为db

    前言 最近在Github上找到一个中国城市的json文件 xff0c 虽然也有db文件 xff0c 但是想通过这个json文件生成自己的数据库表 下面就简单来转换成自己的数据库 准备json 在Github找到一个下面json表 34 sp
  • 2018年7月面试记录

    MRCM 聊天缓存如何实现的聊天重发如何实现如何保持长连接心跳简述TCP协议写一个自己最擅长的设计模式 ZHYT finish会立马销毁activity吗view的生命周期activity结束了HandlerQueue如何处理Handler
  • Android面向AOP之AspectJ的使用篇

    前言 AOP xff0c 它不是一门新语言 xff0c 是一种面向切面的思想 它主要的作用是把一些具有相同属性或者相同功能的代码抽离出来形成一个切面 xff0c 从而实现面向切面编程 xff01 而AspectJ就是基于Java语言实现AO
  • 仿拉勾首页之Behavior的学习

    前言 最近在找工作 xff0c 于是打开拉勾 xff0c 看了看首页 xff0c 交互做的还是不错的 先来看看拉勾效果 然后最终实现的效果 布局是图片直接用 xff0c 所以会失真 实现思路 首先这个是一个MD的效果 xff0c 可以使用自
  • Java中Collections类方法常用合集

    目录 1 Collections sort list 2 Collections reverse list 3 Collections shuffle list 4 Collections swap List list int i int
  • 解决Slf4j日志不打印问题

    日志不打印的问题 xff0c 很让人头疼 xff0c 也是我们经常遇到的问题 日常站点状态巡检时发现有异常日志 xff0c 定位到日志位置 xff0c 看其上线文自定义输出的日志时却发现 xff0c 自己加的日志都没输出 排查了一下初步定位
  • Android Studio 配置Gradle总结

    一 xff0c 问题 xff1a 换个新电脑安装完Android Sutdio第一次打开一个工程巨慢怎么办 xff1f 手动配置Gradle Home为什么总是无效 明明已经下载了Gradle xff0c 配置了gradle home 为什
  • android 指纹识别 之 BiometricPrompt的简单使用教程

    1 使用android api 28的sdk创建一个新的项目 创建完成后 xff0c 在build gradle中查看是否正确 2 在AndroidManifest xml中添加用户权限 lt uses permission android
  • Linux常用命令

    expect except是一种自动交互语言 xff0c 能实现在shell脚本中为scp和ssh等自动输入密码自动登录 span class token comment usr bin expect span span class tok
  • 使用 Acegi 保护 Java 应用程序,第 5 部分: 保护 JSF 应用程序中的 JavaBean

    Bilal Siddiqui 在这篇文章中总结了 本系列 xff0c 演示了如何用 Acegi 在 JSF 应用程序中保护对 JavaBean 的访问 可以使用多种方式配置安全 bean xff0c 包括直接在 JSF 标签中使用受 Ace
  • baidu

    1 hashmap的底层原理 和hashtable的区别 put xff1a 对key的hashCode做hash操作 xff0c 然后再计算在bucket中的index xff1b 如果没碰撞直接放到bucket里 xff1b 如果碰撞了
  • ssh 带端口登录

    ssh span class token operator span p 端口号 root 64 ip
  • 域名+解析+GitHub来搭建自己的个人网站

    域名 43 解析 43 GitHub来搭建自己的个人网站 标签 xff1a GitHub使用技巧 网站搭建 版权声明 xff1a 本文为 64 icurious 的原创文章 xff0c 可以转载 xff0c 但请务必注明作者和出处 xff0