我们如果想要一个属于自己的网站,都需要买域名和服务器,然而,这些都需要人民币。下面我来和大家分享一个小技巧,来免费创建自己的网站。 在github上搭建起来自己的主页下面我们一起来看一下如何搭建。
在github上放自己的网页
(一) 首先自己要有一个github账号,那么去注册一个:https://github.com/join?source=login ,注册好了之后,我们进入github 。比如以前我注册的名称是 johnnynode 。
(二) 然后点击右上角的 “+”号 ,我们再次点击 “New repository”,好的,进入页面,我们填写Repository name ,填写的格式是 : 你注册的用户名.github.io, 比如我填写的是johnnynode.github.io 然后点击绿色的“Create repository” 按钮。我们就创建了一个自己的仓库了。不过里面啥都没有 ^_^…
(三) 然后我们就要把我们自己的主页放到github上了。首先我们需要有git工具 如果是windows,需要在环境变量里配置git,以确保我们可以使用git这个命令,我们可以用 git bash 或者 windows的 cmd 命令来完成 。
(四) 我们可以按照页面上的提示去操作,我经常习惯的就是先把那个刚创建的空仓库克隆下来,如果使用cmd,那么找个目录,按住键盘的shift键,鼠标右键,选择“在此处打开命令窗口”。
(五) 首先我们很有必要的配置一下全局参数
git config --global user.name ‘此处输入自已的名字‘
git config --global user.email ‘此处输入自已的邮箱地址‘
(六) 配置完成后,我们从仓库上把我们仓库的地址克隆到本地
- 格式为:
git clone ‘我的仓库地址‘ ‘我本地文件夹的名称‘
- 示例为:
git clone [email protected]/johnnynode.github.io.git johnnynode
- 说明:此处之前,在github上我选择的是SSH的加密方式,所以我克隆的地址是这个: [email protected]/johnnynode.github.io.git ,在命令的最后是我要克隆后生成仓库文件夹的名称 : johnnynode,当然,你需要自己弄属于你自己的文件夹,克隆好后,我们就可以把我们的页面文件拷贝到这个文件夹下了,在这个文件夹下我们来建一个index.html文件。
(七) 我们通过cd命令进入这个文件夹。然后我们需要add和commit
- 用命令
git add .
或者git add -A
或者git add -all
都行 - 然后我们提交改动的文件
git commit -m ‘init commit‘
此处不对git命令进行深究, 这个意思是把暂存区中的内容提交到仓库中,然后我们就可以往github上push了。
(八)往github上提交 我们使用命令 git push -u origin master
我们默认在master分支上操作,这个我们也不深究。等待提交完成后,我们刷新仓库的页面,发现我们的文件已经放到github上了。(如果在这个过程中遇到了问题,比如访问权限的问题,那么我们需要提供用户名和密码,如果想省略这步骤,需要自己去设置SSH and GPG keys 官网上有介绍,不做深究)
(九)上传完成之后的访问
- 通过访问url格式为: “你的github的名称.github.io”
- 示例:比如我的”johnnynode.github.io” 来欣赏我们的主页了。
绑定域名和github地址
如果我们买了一个自己的域名,那么我们只需要简单的做几步就可以把我们github上的主页和我们的域名进行绑定了。
(一) 在主项目里新建一个文件CNAME,没有后缀哦,然后在里面写上自己需要绑定的域名
- 格式为:【自定义的名称.详细域名】
- 示例为: johnnynode.3d-vision.tech
- 备注不要www哦,johnnynode这是一个二级域名
(二)然后去域名提供商,比如阿里云上去设置
- 找到域名,然后点击 “解析”
- 记录类型我们选择CNAME的方式,注意不要选择A记录(A记录指向的是IP) 。
- 然后修改主机记录
- 格式为:你的github名称
- 比如我的是 johnnynode
- 备注:这是我们自定义的二级域名
- 最后修改记录值
- 修改格式为:你的github名称.github.io
- 比如我的是:johnnynode.github.io
- 点击保存要不了10分钟就解析成功了,一般会立即生效。
(三)访问域名
- 通过 “你的github名称.你的主域名”
- 比如我的 johnnynode.3d-vision.tech 就可以访问我们自己的主页了。
- 备注:如果你访问的是github的地址(比如:http://johnnynode.github.io/),那么也会跳转到你刚刚绑定的域名地址。