如何免费且快速的搭建个人网站

news/2024/5/17 12:42:08/文章来源:https://blog.csdn.net/u012487644/article/details/78678506

转载请标明出处:http://blog.csdn.net/u012487644/article/details/78678506

写在开头

鸿洋 - http://www.zhanghongyang.com
郭霖 - http://www.guolin.tech
严振杰 - http://www.yanzhenjie.com

goileolee - http://www.goileo.top

这篇文章主要讲如何拥有自己的专属域名。你可以在属于自己的网页上展示你的github、微信、微博、QQ、Twitter、Email等信息,但主要是展示自己的作品。

玉刚大神说过:树立个人品牌:让名企hr们主动来找你

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

域名怎么来的

注册域名

好吧~ 我的域名是这么来的…
这里我们先选择第二个,BAT中的A。

查询域名

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

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

域名

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

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

域名注册成功后,需要进行实名认证。
不过你还得对它进行解析,这个我们下面详细说。

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

免费的服务器 GitHub Pages

什么是GitHub Pages?

GitHub Pages is a static site hosting service

这里有官方的解释 GitHub Pages - 传送门
简单说,它能提供给你1G空间的存储,让你放东西,然后还能请求到。是不是很6…

GitHub Pages Usage limits

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

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


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

你的名字.github.io

创建仓库,你的名字

描述… 公开… 初始化README…
仓库创建好了,这时你可以写一个简单的index.html文件放到仓库里,然后在浏览器中输入:你的名字.github.io/试试。
如:http://goileolee.github.io
有神奇的效果…

域名与GitHub Pages相绑定

解析域名:

打开阿里云https://www.aliyun.com/
登录账号
打开控制台
点击解析

域名位置

添加解析

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

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

主机记录

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

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

阿里攻城狮的回答

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

为仓库(你的名字.github.io)添加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,这就触及到我的知识盲区了。。哈哈,别急这里提供两种方式。

  • 1、跳转到已有的博客
<script>href="http://blog.csdn.net/u012487644";
</script>
  • 2、运用GitHub上开源的框架
    在GitHub上搜jekyll、hexo即可。

我的站点用到的开源主题是基于Vno-jekyll框架的更改,我自己做了点修改,加了目录和关于两个页面。欢迎Fork,如果还不错记得点Star。
我的小站 - http://goileo.top
我的GitHub - https://github.com/goileolee

记录在此,仅为学习!
感谢您的阅读!欢迎指正!
欢迎加入 Android 技术交流群,群号:155495090

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

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

相关文章

小白搭建个人网站之前端页面(持续更新)

个人网站搭建之前端页面 个人网站搭建之前端页面编写工具&#xff1a;Visual-studio-codepycharmHtml只是页面&#xff0c;CSS进行渲染页面样式使用多种方法使div居中 个人网站搭建之前端页面 编写工具&#xff1a;Visual-studio-codepycharm 建立网站需前端后端&#xff1a;…

超简单详细的搭建个人网站————静态网站

傻瓜式操作搭建个人网站 1.首先买域名和云服务器 买东西一般都很方便的给钱就行。。。 百度&#xff0c;腾讯&#xff0c;阿里都可以买&#xff0c;而且只要给钱&#xff0c;啥东西都给的明明白白。 这里我就不细说了。个人推荐百度的。因为我就是用这个的。 2.后面来说下钱…

前端食堂技术周刊第 56 期:Solid v1.6.0、2022 State of GraphQL、ViteConf 回放、Lerna v6、SEO 入门指南

美味值&#xff1a;&#x1f31f;&#x1f31f;&#x1f31f;&#x1f31f;&#x1f31f; 口味&#xff1a;青柑大红袍 食堂技术周刊仓库地址&#xff1a;https://github.com/Geekhyt/weekly 本期摘要 Solid v1.6.0首届 2022 State of GraphQLViteConf 回放Lerna v6SEO 入门…

「秘」那些管UI小姐姐要来的网站

微信搜索【前端食堂】你的前端食堂&#xff0c;记得按时吃饭。 本文已收录在前端食堂 Github https://github.com/Geekhyt/front-end-canteen&#xff0c;感谢Star。 放轻松&#xff0c;今天不是面试课。有人说欧巴的上一篇文章太难了&#xff0c;入门的话看不懂。 不要慌哈&am…

大家都来看看你们关注的网站值多少钱

给大家推荐一个网站 http://www.webtrafficagents.com/WebSitevalue/WebSiteWorth.aspx 输入关注的网站名称&#xff0c;可以快速查看网站价值。 我先查看了一下iteye的价值 <a hrefhttp://www.webtrafficagents.com/WebSiteValue/www.iteye.com ><img border0 alt…

10个学习Android开发的网站推荐

1. Android Developers 作为一个Android开发者&#xff0c;官网的资料当然不可错过&#xff0c;从设计&#xff0c;培训&#xff0c;指南&#xff0c;文档&#xff0c;都不应该错过&#xff0c;在以后的学习过程中慢慢理解体会。 2. Android Guides - CodePath CodePath是国外一…

Github 个人网站创建

1、基础篇&#xff0c;搭建基础的 Github 个人网站。注意选择 Apache/Node/gitignore/同名网站等细节。 2、插件篇&#xff0c;添加看板娘&#xff0c;添加看板娘 2。 3、插件篇&#xff0c;访问量统计。 4、插件篇&#xff0c;生成网易云外部链接&#xff0c;添加背景音乐&…

hexo + github action + git 配置个人博客网站

文章目录 一、Overflow二、Hexo 主题设置三、本地测试四、远端部署1. 根目录 "_config.yml" 文件配置2. 可能出现的 error 五、自定义模板相关六、Github Actions 一、Overflow 完整配置参考视频&#xff0c;以及该视频对应的笔记。 二、Hexo 主题设置 Hexo 全部主…

一个测试网站负载的工具--webbench

webbench最多可以模拟3万个并发连接去测试网站的负载能力, 适用系统&#xff1a;Linux 编译安装&#xff1a; wget http://blog.zyan.cc/soft/linux/webbench/webbench-1.5.tar.gz tar zxvf webbench-1.5.tar.gz cd webbench-1.5 make && make install 使用&#xff1a…

python +flask 制作一个实时热搜采集接口 加入百度热搜和微博热搜 并实时滚动代码 嵌入到你的帝国CMS或WP博客 或任意框架网站

示例帝国CMS网站效果&#xff1a; 超级简单的实现,两个步骤搞定&#xff1a; 1.写python采集接口&#xff0c;采集数据。 接口代码&#xff1a;需要安装对应的库。 # codingutf-8 import re import urllib.parse import random import requests import datetime from flask im…

大型网站架构演变和知识体系

之前也有一些介绍大型网站架构演变的文章&#xff0c;例如LiveJournal的、ebay的&#xff0c;都是非常值得参考的&#xff0c;不过感觉他们讲的更多的是每次演变的结果&#xff0c;而没有很详细的讲为什么需要做这样的演变&#xff0c;再加上近来感觉有不少同学都很难明白为什么…

使用IPV6搭建自己的Web网站

IPV6免内网穿透使用个人电脑搭建自己的Web网站早已被验证可行&#xff0c;但是由于工作生活方面的压力&#xff0c;一直也抽不出来心思去玩玩&#xff0c;最近正值疫情&#xff0c;手头空出来一些时间&#xff0c;就体验了一把IPV6的实际运用&#xff0c;这里写一写经验&#x…

varnish网站加速缓存代理

一、varnish简介&#xff1a; **1.Varnish&#xff1a;**一款高性能的开源HTTP加速器&#xff0c;2006年发布的第一个版本0.9&#xff0c;发展到目前很多门户网站已经部署了varnish&#xff0c;并且反应都很好&#xff0c;甚至反应比squid还稳定&#xff0c;且效率更高&#x…

基于阿里云使用PolarDB和ECS搭建门户网站

登录过程不再赘述 进入控制台后 在 阿里云控制台首页 左侧导航栏&#xff0c;依次单击 产品与服务 > 云数据库PolarDB &#xff0c;进入 云数据库PolarDB管理控制台 。 单击左侧 集群列表 创建数据库账号。 &#xff08;1&#xff09;在 集群列表 页面&#xff0c;单击 集…

阿里云高校训练营-4-使用PolarDB和ECS搭建门户网站

确认自己的生成的实例和信息 在 阿里云控制台首页 左侧导航栏&#xff0c;依次单击 产品与服务 > 云数据库PolarDB &#xff0c;进入 云数据库PolarDB管理控制台 单击左侧 集群列表 &#xff0c;然后选择云产品资源提供的地域 华东2&#xff08;上海&#xff09; 在 集群…

在网站里添加留言板(不使用数据库)

tips:想直接看解决方法的直接看链接和粗体字就好 在网站里添加一个留言板相对于大佬来说很简单&#xff0c;php数据库就可以搞定&#xff0c;不过对于我这种刚接触数据库而且没学过php的人来说简直难搞。 不过还好云社区有大佬发了一个不用数据库就可以完成留言板功能的php代码…

阿里云ECS七天训练营Day04——使用PolarDB和ECS搭建门户网站

使用PolarDB和ECS搭建门户网站 前言一、创建PolarDB数据库账号1.创建资源2.进入云数据库PolarDB的控制台3.数据库的创建及基本配置&#xff08;1&#xff09;创建数据库账号&#xff08;2&#xff09;创建数据库 三、安装LAMP环境1.连接ECS服务器2.搭建LAMP环境 四、搭建门户网…

ECS训练营学习Class 4—— 使用PolarDB和ECS搭建门户网站PbootCMS

使用PolarDB和ECS搭建门户网站PbootCMS PolarDBPbootCMS创建PolarDB数据库账号安装LAMP环境搭建门户网站PbootCMS阿里云高校计划 PolarDB PolarDB是阿里云自主研发的新一代关系型云原生数据库&#xff0c;既拥有分布式设计的低成本优势&#xff0c;又具有集中式的易用性。 Pola…

class 4 使用 ECS 和 PolarDB 搭建门户网站

思路分析 说白了很简单&#xff0c;服务器搭建 LAMP 环境跑一个 PbootCMS 的网站只不过使用了阿里云的 PolarDB 步骤 打开 PolarDB 数据库 通过 RAM 帐号登录控制台产品与服务 > 云数据库PolarDB > 管理控制台集群列表 > 选择所在的地区&#xff0c;如 上海 2 创建…