如何快速搭建个人网站

news/2024/5/20 5:11:22/文章来源:https://blog.csdn.net/gzz_168/article/details/79957063


今日科技快讯


针对近日坊间流传的“我们天天在看你的微信”一说,微信团队今天发表声明重申三条用户隐私原则:1、微信不留存任何用户的聊天记录,聊天内容只存储在用户的手机、电脑等终端设备上;2、微信不会将用户的任何聊天内容用于大数据分析;3、因微信不存储、不分析用户聊天内容的技术模式,传言中所说“我们天天在看你的微信”纯属误解。


作者简介


本篇来自 GoileoLee 的投稿,分享了如何拥有自己的专属域名,大家赶紧试试看!

GoileoLee 的博客地址:

http://blog.csdn.net/u012487644


前言


这篇文章主要讲如何拥有自己的专属域名。你可以在属于自己的网页上展示你的 github、微信、微博、QQ、Twitter、Email等信息,但主要是展示自己的作品。玉刚大神说过:树立个人品牌,让名企hr们主动来找你!

有了个人网站,可能就又多了一些学( zhuang )习( bi )的动力吧! 
所以,拥有自己的网站,算是迈出了第一步!


域名怎么来的


0?wx_fmt=png

好吧~ 我的域名是这么来的......

这里我们先选择第二个,BAT 中的 A。

0?wx_fmt=png

输入你想注册的域名,查询这个域名是否被别人注册了。

Tips:我的域名是 goileo.top,为了演示注册过程,显示未注册状态,所以这里以 goileolee.top 为例。

0?wx_fmt=png

这里我选择了一个 .to p的域名。 什么? “我为什么选.top 后缀的?” 额… 这个问题就触及到我的资产盲区了。 因为它是最“贵”的!!!

接下来,加入清单,结账。 至此,这个域名就是你的了。

域名注册成功后,需要进行实名认证。 

不过你还得对它进行解析,这个我们下面详细说。

这时的域名什么都做不了,因为没有服务器,阿里的服务器可不免费。所以接下来介绍 GitHub Pages。


 免费的服务器 GitHubPages


什么是 GitHub Pages?

GitHub Pages is a static site hosting service。

这里有官方的解释 GitHub Pages - 传送门 :

https://help.github.com/categories/github-pages-basics/

简单说,它能提供给你1G空间的存储,让你放东西,然后还能请求到。是不是很6…

0?wx_fmt=png

GitHub Pages也有一些限制条件,我们主要用GitHub Pages来做个人站点,所以一切OK。

不过也有人认为 用GitHub Pages做个人网站是不道德的 传送门:

https://www.zhihu.com/question/20717014

接下来,登录 github.com,点击右上方头像旁的加号 new repository。仓库名字为固定格式:

你的名字 .github.io

0?wx_fmt=png

描述… 公开… 初始化 README…  

仓库创建好了,这时你可以写一个简单的 index.html 文件放到仓库里,然后在浏览器中输入:你的名字 .github.io/ 试试。 如:

http://goileolee.github.io 

有神奇的效果…


域名与GitHubPages 相绑定


解析域名

  • 打开阿里云

  • 登录账号 

  • 打开控制台 

  • 点击

0?wx_fmt=png

0?wx_fmt=png

添加一个记录类型为 CNAME,主机记录为@,记录值为 github 的仓库路径。

Tips: 记录类型和主机记录都有解释,很好理解。 记录值就是你希望请求域名跳转到的路径。 TTL 值可以理解为缓存时间,这里是每10分钟刷新一次域名的记录值。 调试可以设置小点,正常使用后记录值不会轻易发生更改,可以将 TTL 值设置大一点。

0?wx_fmt=png

看上图,主机记录决定了解析后的域名。如果需要实现带或不带 www 都能访问到网址,则建议同时添加一个主机记录为 www 的解析。

Tips: 这里注意一下:因为买域名的同时会有一个企业邮箱,Aliyun 会默认生成邮箱的解析记录。 其中记录类型有 txt 和 mx 的,会影响到 CNAME 类型的解析。

0?wx_fmt=png

0?wx_fmt=png

阿里攻城狮大佬讲得很清楚了,所以删除 TXT 和 MX 类型的解析就好了。


为仓库添加 CNAME 文件


在仓库页面点击 Create new file,创建一个新文件; 

文件名为 CNAME; 

内容为刚刚申请的域名 goileolee.top

Tips:没有 www,表示解析到 http://goileolee.top 请求流程为:http://www.goileolee.top --> http://goileolee.github.io --> http://goileolee.top

至此,完成绑定!

写在后面


现在已经可以通过访问自己的专属域名来打开指定网页。 

我们的目的是搭建个人网站,不过,网站如何设计得需要前段技术HTML、CSS、JS,这就触及到我的知识盲区了。。哈哈,别急这里提供两种方式。

  • 跳转到已有的博客:

http://blog.csdn.net/u012487644

  • 运用GitHub上开源的框架 

在GitHub上搜 jekyll、hexo 即可。

我的站点用到的开源主题是基于 Vno-jekyll 框架的更改,我自己做了点修改,加了目录和关于两个页面。欢迎 Fork,如果还不错记得点 Star。 

网站的主页效果如下图:

0?wx_fmt=png

我的小站地址

http://goileo.top

我的GitHub

https://github.com/goileolee

感谢您的阅读!欢迎指正!

今日科技快讯


针对近日坊间流传的“我们天天在看你的微信”一说,微信团队今天发表声明重申三条用户隐私原则:1、微信不留存任何用户的聊天记录,聊天内容只存储在用户的手机、电脑等终端设备上;2、微信不会将用户的任何聊天内容用于大数据分析;3、因微信不存储、不分析用户聊天内容的技术模式,传言中所说“我们天天在看你的微信”纯属误解。


作者简介


本篇来自 GoileoLee 的投稿,分享了如何拥有自己的专属域名,大家赶紧试试看!

GoileoLee 的博客地址:

http://blog.csdn.net/u012487644


前言


这篇文章主要讲如何拥有自己的专属域名。你可以在属于自己的网页上展示你的 github、微信、微博、QQ、Twitter、Email等信息,但主要是展示自己的作品。玉刚大神说过:树立个人品牌,让名企hr们主动来找你!

有了个人网站,可能就又多了一些学( zhuang )习( bi )的动力吧! 
所以,拥有自己的网站,算是迈出了第一步!


域名怎么来的


0?wx_fmt=png

好吧~ 我的域名是这么来的......

这里我们先选择第二个,BAT 中的 A。

0?wx_fmt=png

输入你想注册的域名,查询这个域名是否被别人注册了。

Tips:我的域名是 goileo.top,为了演示注册过程,显示未注册状态,所以这里以 goileolee.top 为例。

0?wx_fmt=png

这里我选择了一个 .to p的域名。 什么? “我为什么选.top 后缀的?” 额… 这个问题就触及到我的资产盲区了。 因为它是最“贵”的!!!

接下来,加入清单,结账。 至此,这个域名就是你的了。

域名注册成功后,需要进行实名认证。 

不过你还得对它进行解析,这个我们下面详细说。

这时的域名什么都做不了,因为没有服务器,阿里的服务器可不免费。所以接下来介绍 GitHub Pages。


 免费的服务器 GitHubPages


什么是 GitHub Pages?

GitHub Pages is a static site hosting service。

这里有官方的解释 GitHub Pages - 传送门 :

https://help.github.com/categories/github-pages-basics/

简单说,它能提供给你1G空间的存储,让你放东西,然后还能请求到。是不是很6…

0?wx_fmt=png

GitHub Pages也有一些限制条件,我们主要用GitHub Pages来做个人站点,所以一切OK。

不过也有人认为 用GitHub Pages做个人网站是不道德的 传送门:

https://www.zhihu.com/question/20717014

接下来,登录 github.com,点击右上方头像旁的加号 new repository。仓库名字为固定格式:

你的名字 .github.io

0?wx_fmt=png

描述… 公开… 初始化 README…  

仓库创建好了,这时你可以写一个简单的 index.html 文件放到仓库里,然后在浏览器中输入:你的名字 .github.io/ 试试。 如:

http://goileolee.github.io 

有神奇的效果…


域名与GitHubPages 相绑定


解析域名

  • 打开阿里云

  • 登录账号 

  • 打开控制台 

  • 点击

0?wx_fmt=png

0?wx_fmt=png

添加一个记录类型为 CNAME,主机记录为@,记录值为 github 的仓库路径。

Tips: 记录类型和主机记录都有解释,很好理解。 记录值就是你希望请求域名跳转到的路径。 TTL 值可以理解为缓存时间,这里是每10分钟刷新一次域名的记录值。 调试可以设置小点,正常使用后记录值不会轻易发生更改,可以将 TTL 值设置大一点。

0?wx_fmt=png

看上图,主机记录决定了解析后的域名。如果需要实现带或不带 www 都能访问到网址,则建议同时添加一个主机记录为 www 的解析。

Tips: 这里注意一下:因为买域名的同时会有一个企业邮箱,Aliyun 会默认生成邮箱的解析记录。 其中记录类型有 txt 和 mx 的,会影响到 CNAME 类型的解析。

0?wx_fmt=png

0?wx_fmt=png

阿里攻城狮大佬讲得很清楚了,所以删除 TXT 和 MX 类型的解析就好了。


为仓库添加 CNAME 文件


在仓库页面点击 Create new file,创建一个新文件; 

文件名为 CNAME; 

内容为刚刚申请的域名 goileolee.top

Tips:没有 www,表示解析到 http://goileolee.top 请求流程为:http://www.goileolee.top --> http://goileolee.github.io --> http://goileolee.top

至此,完成绑定!

写在后面


现在已经可以通过访问自己的专属域名来打开指定网页。 

我们的目的是搭建个人网站,不过,网站如何设计得需要前段技术HTML、CSS、JS,这就触及到我的知识盲区了。。哈哈,别急这里提供两种方式。

  • 跳转到已有的博客:

http://blog.csdn.net/u012487644

  • 运用GitHub上开源的框架 

在GitHub上搜 jekyll、hexo 即可。

我的站点用到的开源主题是基于 Vno-jekyll 框架的更改,我自己做了点修改,加了目录和关于两个页面。欢迎 Fork,如果还不错记得点 Star。 

网站的主页效果如下图:

0?wx_fmt=png

我的小站地址

http://goileo.top

我的GitHub

https://github.com/goileolee

感谢您的阅读!欢迎指正!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_774359.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

搭建个人网站教程:阿里云+WordPress

以下教程简单易懂,不需要复杂的环境配置即可完成个人网站的搭建。 Step1:购买阿里云的服务器 这里我选择了“轻量应用服务器”(如果是搭建个人网站,容量小一点就行,不需要太大),镜像选择&…

超详细搭建个人网站教程,附带各种常见报错解决方案。

文章目录前言解惑环节准备工作环境配置一、安装二、环境配置1.cnpm安装2.Hexo安装可能报错和问题:博客初始化1、博客搭建可能报错和问题:2、博客测试可能报错和问题主题更换可能报错和问题:部署到云端1、创建库2.配置本地3.安装插件4.部署云端…

超详细的网站搭建教程使用阿里云RDS和ECS搭建个人博客网站

今天讲一讲如何利用云数据库、云服务器、word press搭建博客网站 1、注册阿里云账号 2、购买云数据库RDS(MySQL) 3、购买云服务器ECS 4、配置数据库 5、配置服务器 6、部署LAMP环境【Apache、MySQL、PHP、wordpress】 1、注册阿里云账号 浏览器搜索阿…

分布式解决方案-解决网站跨域请求

1.什么是网站跨域 跨域原因产生:在当前域名请求网站中,默认不允许通过ajax请求发送其他域名。 两个项目之间使用ajax(前端类似后端的httpclient)实现通讯,如果浏览器访问的域名和端口与ajax请求访问的地址不一样的情况下,…

互联网公司都在用什么语言写网站后端?

2019独角兽企业重金招聘Python工程师标准>>> 豆瓣 python 淘宝 php 百度 php python 优酷 java php 谷歌 python youtube python facebook php wikipedia php twitter ruby 看来php和python平分秋色&…

开发高性能网站的web性能测试工具

开发高性能网站的web性能测试工具文章分类:Web前端 WEB性能测试工具主要分为三种,一种是测试页面资源加载速度的,一种是测试页面加载完毕后页面呈现、JS操作速度的,还有一种是总体上对页面进行评价分析,下面分别对这些工具进行介绍…

网站访问流程

(点击查看大图)网站的架构如上图所示,下面将分析从用户在浏览器输入访问一个域名,例如www.yy.com,到页面全部展示出来经过的所有流程。(1)用户在浏览器地址栏输入www.yy.com或者yy.com(2)此时系统将检查缓存(这里的缓存包括浏览器缓存、操作系…

60款高质量的网站模板免费下载(上篇)

您可能还喜欢 分享45款高质量的免费(X)HTML/CSS模板最新30佳精美 PSD 网站模板免费下载寻找网页设计灵感的27个最佳网站推荐60佳灵感来自大自然的网页设计作品欣赏分享100佳精美的作品集网站设计案例当你想快速制作出一个网站的时候,网站模板就非常有用了。学习网页…

50款高质量的网站PSD模板免费下载(第一季)

今天开始推出系列文章向大家分享50款高质量的网站PSD模板,您可以免费下载使用。这些现成的PSD模板可以让您的工作得心应手,帮助您节省大量的时间和精力。感谢那些优秀的设计师分享他们的劳动成果,让更多的人可以使用他们的创意设计&#xff0…

java电脑过滤网站_Java过滤器Filter讲解(Java基础)

你好我是辰兮,很高兴你能来阅读,本篇文章小结了Java过滤器的知识点,献给初学者,分享获取新知,希望我们一起进步。文章目录一、什么是过滤器二、如何编写过滤器三、 过滤器的配置四、Filter的生命周期五、多个Filter的执…

iis 一个域名 带斜杠的配置_零基础建站如何配置PHP运行环境 几种服务器环境配置的选择和方法...

上次给大家分享了小白建站如何选择虚拟空间及服务器,及购买域名的基础知识,这些是硬性要求,你的网站要想运行起来,硬件只是基础,真正的技术是软件,关于PHP软件开发技术,后面我们会慢慢的分享给大…

3月第二周域名主机网站排名 万网第一西部数码第二

据国际统计机构Alexa公布的最新数据显示,3月第二周(3月5日-3月11日),中国万网网站用户覆盖数达1860,以绝对优势高居榜首。 西部数码次之,达710。易名中国排名第三,为600。下面,IDC评…

研究了100个自学网站,我总结出了这份Java学习资料!

这份Java资源中包括: Java、面向对象、多态、接口、IDEA、异常、集合框架、IO流、多线程、企业级框架、HTML、数据库、Java web、项目实战、GitHub、Spring、多线程、JVM、集合、多线程、MyBatis、MySQL、Git、IDEA、Redis、算法、简历模板、高频面试题、技术书籍、…

作为程序员,我都逛了哪些技术网站?(收藏篇)

目录 一、在线教程 二、视频教程 1、图灵社区 四、官网 五、国内博客社区 七、小微型博客 八、开源社区 九、面试刷题 一、在线教程 首先列出一些在线教程网站,这些在线教程网站通常都比较适合入门,可以作为开发学习路上的第一个阶梯,…

Android如何使用WebView访问https的网站

2019独角兽企业重金招聘Python工程师标准>>> Android中可以用WebView来访问http和https的网站,但是默认访问https网站时,假如证书不被Android承认,会出现空白页面,且不会有任何提示信息,这时我们必须加多一…

大型网站技术架构的演进

最近我在阅读2本关于大型网站架构的书:《大型网站技术架构——核心原理与案例分析》李智慧、《大型网站系统与Java中间件实践》曾宪杰。我期望从这些书中学习到大型网站是如何做架构的,这个过程会遇到什么问题。当看完这2本书后,我总结出两个…

第一次部署asp.net网站

在VS中将项目发布到指定文件夹 在IIS中添加网站,填写配置信息 然后在hosts文件中将ip与域名关联起来 hosts文件位置:g:\windows\system32\drivers\etc 末尾调试的时候提示出错,是因为应用程序池应该选择ASP.NET V4.0,因为VS中默认…

精美网站设计:25个以全屏照片为背景的网页作品

高质量的照片能够给网站带来强烈的视觉冲击力,不仅能够增强设计的美感,还可以突出网站的主题。在使用这种大照片作为网站背景的时候,为了能够和网站的其它内容很好的融合在一起,你需要考虑很多事情,否则可能会导致网站…

帮助你在不同尺寸屏幕下浏览网站效果的工具 - Responsivator

为什么80%的码农都做不了架构师?>>> 日期:2012-11-1 来源:GBin1.com 如果你需要开发响应式的网站的话,使用一个必要的浏览工具来检验不同尺寸屏幕下显示效果还是非常有用的,相信你肯定还记得我们以前给大…

dedecms 如何调用多个不同栏目的文章_如何高效率的优化网站关键词排名?

把想要达到排名的关键词做到合理位置,seo就成功了一大半,更高效率的优化网站关键词排名,是站长的终极目标。如果消耗的时间成本更久,资源成本更多,那么做seo是不划算的。单位时间内产生的效益更好,我们才能…