怎么样免费且快速的搭建个人网站
<div style="color: black; text-align: left; margin-bottom: 10px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">这篇<span style="color: black;">文案</span><span style="color: black;">重点</span>讲<span style="color: black;">怎样</span><span style="color: black;">持有</span>自己的专属域名。你<span style="color: black;">能够</span>在属于自己的网页上展示你的github、<span style="color: black;">微X</span>、<span style="color: black;">博客</span>、QQ、Twitter、Email等信息,但<span style="color: black;">重点</span>是展示自己的作品。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">玉刚大神说过:树立个人品牌:让名企hr们主动来找你</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">有了个人网站,可能就又多了<span style="color: black;">有些</span>学(zhuang)习(bi)的动力吧! </p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">因此</span>,<span style="color: black;">持有</span>自己的网站,算是迈出了<span style="color: black;">第1</span>步!</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">域名怎么来的</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/1539530754367a4f956519a~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722837464&x-signature=s6a3uRyM3cZJvYIPFqQBE0H4ufI%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">好吧~ 我的域名是这么来的… </p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">这儿</span><span style="color: black;">咱们</span>先<span style="color: black;">选取</span>第二个,BAT中的A。</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/1539530766897d34bd37295~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722837464&x-signature=jSOwy3UJbUTVZs%2F1%2F6Mk%2Be3iN9o%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">输入你想注册的域名,<span style="color: black;">查找</span>这个域名<span style="color: black;">是不是</span>被别人注册了。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Tips:</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">我的域名是goileo.top,为了演示注册过程,<span style="color: black;">表示</span>未注册状态,<span style="color: black;">因此</span><span style="color: black;">这儿</span>以goileolee.top为例</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/15395307941030b39d18d85~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722837464&x-signature=1N0Z1oIlHQJ4YAnJE2V%2B2WUyLd4%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">这儿</span>我<span style="color: black;">选取</span>了一个 .top的域名。 </p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">什么?</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">“我<span style="color: black;">为何</span>选.top后缀的?” </p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">额… </p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">这个问题就触及到我的资产盲区了。 </p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">由于</span>它是最“贵”的!!!</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">接下来,加入<span style="color: black;">名单</span>,结账。 </p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">至此,这个域名<span style="color: black;">便是</span>你的了。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">域名注册成功后,需要进行实名认证。 </p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">不外</span>你还得对它进行解析,这个<span style="color: black;">咱们</span>下面<span style="color: black;">仔细</span>说。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">此时</span>的域名什么都做不了,<span style="color: black;">由于</span><span style="color: black;">无</span>服务器,阿里的服务器可<span style="color: black;">难免</span>费。<span style="color: black;">因此</span>接下来介绍GitHub Pages。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">免费的服务器 GitHub Pages</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">什么是GitHub Pages?</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">GitHub Pages is a static site hosting service</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">简单说,它能<span style="color: black;">供给</span>给你1G空间的存储,让你放东西,<span style="color: black;">而后</span>还能请求到。是不是很6…</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/1539530831522f8da44dc11~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722837464&x-signature=QsfMQmV9R90K4pHBFv8m7oCAmSA%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">GitHub Pages<span style="color: black;">亦</span>有<span style="color: black;">有些</span>限制<span style="color: black;">要求</span>,我们<span style="color: black;">重点</span>用GitHub Pages来做个人站点,<span style="color: black;">因此</span>一切OK。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">不外</span><span style="color: black;">亦</span>有人认为 用GitHub Pages做个人网站是不道德的</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">接下来,登录github.com,点击右上方头像旁的加号new repository。仓库名字为固定格式:</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">你的名字.github.io</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">描述… 公开… 初始化README… </p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">仓库创建好了,<span style="color: black;">此时</span>你<span style="color: black;">能够</span>写一个简单的index.html文件放到仓库里,<span style="color: black;">而后</span>在浏览器中输入:你的名字.github.io/试试。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">如:</p>http://goileolee.github.io
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/15395308793739b967d7be8~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722837464&x-signature=upx5oaAzdkCGMwwpy9HyoO8ECns%3D" style="width: 50%; margin-bottom: 20px;"></div>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/153953088781290875d2656~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722837464&x-signature=AioL3TxYurl5mfoHD1uDpM8tVbU%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">有神奇的效果…</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">域名与GitHub Pages相绑定</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">解析域名:</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">打开阿里云https://www.aliyun.com/ </p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">登录账号</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">打开<span style="color: black;">掌控</span>台 </p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">点击解析</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p26-sign.toutiaoimg.com/pgc-image/1539530904455c32265ed10~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722837464&x-signature=bdXc77loqIP75ARDRPAYeoeElGY%3D" style="width: 50%; margin-bottom: 20px;"></div>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/153953093830658171879be~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722837464&x-signature=MtalQVI6ovOaxOflwosHFgxk8vU%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">添加一个记录类型为CNAME,主机记录为@,记录值为github的仓库路径。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Tips:</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">记录类型和主机记录都有解释,很好理解。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">记录值<span style="color: black;">便是</span>你<span style="color: black;">期盼</span>请求域名<span style="color: black;">转</span>到的路径。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">TTL值<span style="color: black;">能够</span>理解为缓存时间,<span style="color: black;">这儿</span>是每10分钟刷新一次域名的记录值。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">调试<span style="color: black;">能够</span>设置小点,正常<span style="color: black;">运用</span>后记录值不会轻易<span style="color: black;">出现</span>更改,可以将TTL值设置大一点。</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/1539530952262c92c2dc059~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722837464&x-signature=DSXflW2jkqtG58phh6YbFqQvzxI%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">看上图,主机记录决定<span style="color: black;">认识</span>析后的域名。<span style="color: black;">倘若</span>需要实现带或不带www都能<span style="color: black;">拜访</span>到网址,则<span style="color: black;">意见</span><span style="color: black;">同期</span>添加一个主机记录为www的解析。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Tips:</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">这儿</span><span style="color: black;">重视</span>一下:<span style="color: black;">由于</span>买域名的<span style="color: black;">同期</span>会有一个企业邮箱,Aliyun会默认生成邮箱的解析记录。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">其中记录类型有txt和mx的,会影响到CNAME类型的解析。</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/1539530979041113784914d~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722837464&x-signature=yC%2Biy7q8866hIYWf%2FgkMG%2F5C68I%3D" style="width: 50%; margin-bottom: 20px;"></div>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p26-sign.toutiaoimg.com/pgc-image/153953099023545277e1567~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722837464&x-signature=7S2pDwlvD4hxGek9L%2BABX7EV%2Fec%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">阿里攻城狮大佬讲得很清楚了,<span style="color: black;">因此</span>删除TXT和MX类型的解析就好了。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">为仓库(你的名字.github.io)添加CNAME文件</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在仓库页面点击Create new file,创建一个新文件; </p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">文件名为CNAME; </p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">内容为<span style="color: black;">刚才</span>申请的域名goileolee.top</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Tips:</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">无</span>www,<span style="color: black;">暗示</span>解析到http://goileolee.top</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">请求流程为:</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">http://www.goileolee.top --> http://goileolee.github.io --> http://goileolee.top</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">至此,完成绑定!</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">写在后头</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">此刻</span><span style="color: black;">已然</span><span style="color: black;">能够</span><span style="color: black;">经过</span><span style="color: black;">拜访</span>自己的专属域名来打开指定网页。 </p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">咱们</span>的目的是搭建个人网站,<span style="color: black;">不外</span>,网站<span style="color: black;">怎样</span>设计得需要<span style="color: black;">前段</span>技术HTML、CSS、JS,这就触及到我的知识盲区了。。哈哈,别急<span style="color: black;">这儿</span><span style="color: black;">供给</span>两种方式。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1、<span style="color: black;">转</span>到已有的博客</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><script></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> ;</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"></script></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2、运用GitHub上开源的框架 </p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在GitHub上搜jekyll、hexo<span style="color: black;">就可</span>。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">我的站点用到的开源主题是基于Vno-jekyll框架的更改,我自己做了点修改,加了目录和关于两个页面。</p>
</div>
论坛是一个舞台,让我们在这里尽情的释放自己。 期待与你深入交流,共探知识的无穷魅力。 “NB”(牛×的缩写,表示叹为观止) 外贸网站建设方法 http://www.fok120.com/
页:
[1]