我们已经准备好了,你呢?

2024我们与您携手共赢,为您的企业形象保驾护航!

一、概述

也许有人会说,这这么简单,不就是买个域名,设置好域名解析就可以了吗?

这个不行,关键是我的博客站点是csdn提供的,属于csdn的博客子域名,但是设置域名解析的时候只能填IP,你ping我的博客地址,最后得到的IP可能是csdn的服务器,甚至不可用,所以只填IP是不行的,但是如果你自己搭建服务器站点,可以简单设置解析IP。

ok,但是大多数人可能没有像我一样有足够的精力去维护个人博客网站,而选择在csdn、简书、博客园等平台写博客。但​​是这类平台提供的URL肯定很长,比如我的:

对于普通人来说太难记住了,所以希望购买一个容易记住的域名

(Eva )

这样大家一眼就能记住,看一眼不够,看两眼肯定就够了。

好的,那么对于像我这样的问题,有哪些好的免费解决方案呢?

我和郭神在dota群里讨论过这个问题,最终的解决方案有两种方案:

购买服务器,搭建一个服务来做页面跳转(或者js跳转)。

使用提供的页面

我不会选择选项1,因为租用服务器需要花钱;我最终选择了选项2,使用页面。

很多人可能不知道pages是什么,官方网站是:。其实它是一种提供的服务,我们可以免费在上面搭建自己的网站,很多人也把pages当做个人博客网站。

接下来我们看一下如何使用页面,以及我如何使用它来跳转页面。

然后,通过学习本文,您还可以使用页面来构建小型站点,建立自己的网站,或者使用页面来维护个人博客。

2. 页面使用

(1)新仓库建设

好的,首先你需要一个账号,如果你立志成为一名优秀的程序员,你就应该有一个这个账号,如果没有,那就赶紧申请一个吧。

有了账户之后,首先点击创建新仓库,如图:

然后到达仓库信息填写界面,如图:

这里只要注意一点,就是仓库的名字,一定要是:你的用户名..io。比如我的用户名是,我填写的仓库名字就是:..io。

(2)更新内容

有了仓库之后就可以随意更新内容了,如果你对HTML熟悉的话,直接写个页面提交就可以了,比如我就写了一个简单的HTML页面。

我先简单说一下如何更新仓库的内容:

克隆到本地

通过命令行进入硬盘任意文件夹,执行

git 克隆

注意需要改成你的仓库地址,如果你的电脑不支持git命令,可以搜索git安装,先安装git并配置环境。

到达本地之后,我们就可以准备需要更新的页面了,比如我新建一个index.html,内容如下:

这是我使用页面构建的个人网站。

完成后记得将index.html文件保存到你克隆的.git文件夹同一目录下,如下图:

完成后即提交。

注意首先通过命令行进入你的..io目录,然后依次执行git add .,git -m "",git push,然后输入你的用户名和密码。

更新成功之后,恭喜你,你的个人网站已经搭建成功。

你肯定会说,你忽悠谁呢?最多新建个仓库,提交个HTML文件而已。这里我想说,No No No,你的个人网站是真的建好了,可以向亲朋好友炫耀的,所以站点必须有访问地址,不然怎么访问呢?

例如我在浏览器中访问这个地址:

看到了吧,我们刚刚编写的简单 HTML 文件可以通过特定的 URL 来访问。好了,记得将其改为你自己的 URL。

如果你的HTML、CSS、JS能力足够好,那么你可以用这种方法搭建一个高端实用的个人网站,当然你也可以在上面搭建自己的简历,方便打印,但要注意保护个人隐私。

好了,到这里我们就教大家如何用页面搭建个人网站了,呵呵,免费的个人网站,如果我在大学的时候就知道这个功能,那我网页设计至少可以考10分了,嗯,90分了。

至于这个页面好看不好看,那就看你的才华了;至于这个页面能做什么,那就看你的想象力了。

好了,看完上面的内容,大家应该已经学会了如何搭建个人网站,以及一些简单的git命令的使用,但是我们这篇文章的标题是:如何使用创建博客专属域名。那么接下来的标题就是专属域名。

对了,如果你想用这个搭建个人博客的话,也有很多方便的工具可以帮你完成,比如hexo等等,你可以自行搜索。

3. 创建博客专用域名

(1)域名购买及解析

好的,首先你需要一个域名,然后你需要申请一个域名。这里我们可以通过万网进行申请:,搜索你想要申请的域名,如果有可用的域名,就可以购买。

购买域名后,进入万网管理控制台:

找到您购买的域名,点击解析,进入以下页面:

然后点击添加解析,IP跟我填写的一致就可以了。当然如果有变动的话,你可以ping一下你的网址:

例如:

然后就可以获取返回的IP了。

嗯,根据上面的表格,您只需选择一个IP并填写两个记录即可:

主机记录www对应

主持记录@通信

好的,设置完解析之后,我们直接访问域名是不是就可以跳转到刚才访问的页面了呢?

嗯,不行。如果你尝试访问它,它会显示 404。

我们还有一步之遥。

(2)CNAME

缺什么?一个 CNAME 文件。这个文件需要提交到我们刚刚创建的仓库中。内容就是我们的域名,例如:

然后记得执行:git add .,git -m "",git push,然后输入你的用户名和密码。如果你忘记了命令,就往前翻。

更新成功后,检查一下是否更新成功,然后你就可以通过你的域名来访问了,例如:

好的,现在你已经学会了如何将页面与你购买的域名进行合并,也就是通过你购买的域名来访问你的个人站点。

通常,您可以在这里庆祝,例如,如果您想托管简单的网页设置。

但是,如果您像我一样,您的博客托管在另一个平台上,并且您想通过购买的域名跳转到该平台,那么您的任务尚未结束。

(3)神奇的JS

嗯,其实一点都不神奇,就一行js跳转代码。

就我而言,我不需要任何内容​​,只需要一行 js,我可以像这样编写 index.html:

提交之后,就完成了,我可以直接跳转到我的博客页面。

但是细心的人并不满足,比如我们在手机上访问的csdn列表页面和电脑上的列表页面是不一样的,所以我们可以进一步完善我们的js代码:

ect(){ = ..(); = .match(/ipad/i) =="ipad"; = .match(/os/i) =="os"; = .match(/midp/i) =="midp"; = .match(/rv:1.2.3.4/i) =="rv:1.2.3.4"; = .match(/ucweb/i) =="ucweb"; = .match(//i) ==""; = .match(/ce/i) =="ce"; = .match(/ /i) ==" ";if(!( || || || || bIsUc || || bIsCE || bIsWM) ){ ..href=""; }else{ ..href=""; }}();

它通过判断是否来自手机来判断是否来自手机,如果是手机访问的页面,否则就访问PC上的页面。没人这么细心,代码是郭深写的。

好的,真的就到这里啦~~

文章不长,但值得玩一玩,可以设计贺卡,可以做网页版 PPT,可以托管网站原型,甚至可以写博客(记得用 hexo 等各种工具),嗯,就看你的想象力了~~

二维码
扫一扫在手机端查看

本文链接:https://by928.com/3541.html     转载请注明出处和本文链接!请遵守 《网站协议》
我们凭借多年的网站建设经验,坚持以“帮助中小企业实现网络营销化”为宗旨,累计为4000多家客户提供品质建站服务,得到了客户的一致好评。如果您有网站建设、网站改版、域名注册、主机空间、手机网站建设、网站备案等方面的需求,请立即点击咨询我们或拨打咨询热线: 13761152229,我们会详细为你一一解答你心中的疑难。

项目经理在线

我们已经准备好了,你呢?

2020我们与您携手共赢,为您的企业形象保驾护航!

在线客服
联系方式

热线电话

13761152229

上班时间

周一到周五

公司电话

二维码
微信
线