教你只花10块钱搭建个人网站

已于 2022-12-11 21:26:17 修改
阅读量1.9k 收藏 8
点赞数 2
文章标签： 数据库 网络
于 2022-12-11 21:21:42 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33764524/article/details/128278829
版权

希望学过计算机的人都想拥有一个自己的网站，但不舍得花钱买服务器。这里教你一个方法，无需编程经验，只要会用手机和电脑，只需花几块钱买一个域名，就可以家里的个人电脑上搭建自己的网站。

这里以搭建广为流行的Wordpress网站为例，Wordpress可以用作个人博客，电商，资讯门户。搭建其他类型的网站也是同理。

注册域名

网上也有一些免费的域名，但注册和实用都比较麻烦，喜欢折腾不想花钱的朋友可以自己研究一下。我们这里介绍在阿里云购买域名的方法，一般只需要花几块钱就可以了。

下载安装阿里云APP，用支付宝账号登录，进入到首页

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-DNSTDmZ1-1670763937172)(%E6%95%99%E4%BD%A0%E5%8F%AA%E8%8A%B110%E5%9D%97%E9%92%B1%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E7%BD%91%E7%AB%99%2007ba3f4fb7654602a9f3daed7cbb6d22/Untitled.jpeg)]

使用顶部的搜索框搜索“域名注册”

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qDExZB9A-1670763937173)(%E6%95%99%E4%BD%A0%E5%8F%AA%E8%8A%B110%E5%9D%97%E9%92%B1%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E7%BD%91%E7%AB%99%2007ba3f4fb7654602a9f3daed7cbb6d22/Untitled%201.jpeg)]

点击“产品详情”

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Ax1nqUh5-1670763937187)(%E6%95%99%E4%BD%A0%E5%8F%AA%E8%8A%B110%E5%9D%97%E9%92%B1%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E7%BD%91%E7%AB%99%2007ba3f4fb7654602a9f3daed7cbb6d22/Untitled%202.jpeg)]

这里就可以输入你想要的域名啦，比如说输入“loveacg”，你就可以看到各个域名后缀的注册情况

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-VRw67RUD-1670763937190)(%E6%95%99%E4%BD%A0%E5%8F%AA%E8%8A%B110%E5%9D%97%E9%92%B1%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E7%BD%91%E7%AB%99%2007ba3f4fb7654602a9f3daed7cbb6d22/Untitled%203.jpeg)]

在这里选择哪个域名都是一样，就看你自己喜欢，不想多花钱就可以选择一个最便宜的。偶尔支付宝这里会有优惠，可以花一块钱注册一年。

勾选你想要的域名，点击“立即注册”

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-9JFw93Pa-1670763937192)(%E6%95%99%E4%BD%A0%E5%8F%AA%E8%8A%B110%E5%9D%97%E9%92%B1%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E7%BD%91%E7%AB%99%2007ba3f4fb7654602a9f3daed7cbb6d22/Untitled%204.jpeg)]

点击“新增持有人信息模板”添加一些自己的个人信息，像我这里是因为之前已经添加过了，所以可以直接选择。

添加完信息后，点击“确认域名持有者信息”

在这里插入图片描述

然后我们可以看到“loveacg.shop”这个域名续费时长一年是9块钱，点击“+”按钮可以调整续费时长，不过第二年都没有那么便宜了，域名注册费第二年都会涨价，每种域名后缀第二年涨价的幅度不一样，你需要注意一下。

点击“去支付”付完钱，域名就注册好了。这里因为我之前注册的时候没有截图，所以就没办法放图告诉你了，反正也没什么难的。

我注册的域名是“loveacg.ltd”，接下来就以这个域名为例，你要是自己实践，记得把loveacg.ltd换成你自己的域名

配置host文件

这一步是为了后面不熟wordpress网站和配置cloudflare zero trust的时候方便，你要是不懂host文件的作用，最好就跟着做啦。

用记事本打开“C:\Windows\System32\drivers\etc\hosts”，在文件的最末尾添加一行，写入127.0.0.1 www.loveacg.ltd。

在这里插入图片描述

如果你的host文件内的其它内容跟我这里不一样，不用去管它，我们只管在最后面添加一行写进入就可以了

安装phpstudy

下载我分享的资源包，解压phpStudy_64.zip，双击打开里面的phpstudy_x64_8.1.1.3.exe进行安装

在这里插入图片描述

点击“立即安装”

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Ltz8E0jk-1670763937202)(%E6%95%99%E4%BD%A0%E5%8F%AA%E8%8A%B110%E5%9D%97%E9%92%B1%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E7%BD%91%E7%AB%99%2007ba3f4fb7654602a9f3daed7cbb6d22/Untitled%202.png)]

在这里插入图片描述

点击“安装完成”按钮，phpstudy会自动启动，启动后如果提示更新，可以选择跳过

配置php、mysql和Nginx

打开phpstudy，选择“软件管理”

在这里插入图片描述

点击“Web Servers”，找到“Nginx1.15.11”进行安装

在这里插入图片描述

点击“数据库”，找到“MySQL5.7.26”进行安装

在这里插入图片描述

点击“php”，找到“php7.4.3nts”进行安装

在这里插入图片描述

注意版本不要选错了，版本对不上可能会出问题，如果你不懂，一定要按我的版本来。等Nginx、MySQL和PHP都安装后了之后，我们回到首页，启动MySQL和Nginx

在这里插入图片描述

然后点击左边菜单上的“数据库”，然后点击“修改root密码”

在这里插入图片描述

随便设置一个密码，只要你自己记住就行，比如说输入123456，然后点击确认

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-W8e1Ts0V-1670763937217)(%E6%95%99%E4%BD%A0%E5%8F%AA%E8%8A%B110%E5%9D%97%E9%92%B1%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E7%BD%91%E7%AB%99%2007ba3f4fb7654602a9f3daed7cbb6d22/Untitled%2010.png)]

部署wordpress

修改为root密码之后，点击“创建数据库”，输入数据库名称、用户名和密码。点击“确认”

在这里插入图片描述

然后选择左边菜单上的“网站”，点击“创建网站”按钮

在这里插入图片描述

对照着下图进行输入

在这里插入图片描述

切换到“伪静态”页面，把下面的代码复制进去。如果Wordpress需要设置固定链接，就需要配置伪静态

location /
{
	 try_files $uri $uri/ /index.php?$args;
}

rewrite /wp-admin$ $scheme://$host$uri/ permanent;

在这里插入图片描述

点击”确认“

在这里插入图片描述

点击”好“，Nginx会自动重启

在这里插入图片描述

点击”管理“按钮，选择”打开根目录“，然后把我分享的资源包中的wordpress-6.1.1.zip文件解压到这个目录下，就像下面这个样子

在这里插入图片描述

然后，我们用浏览器打开”http://www.loveacg.ltd“，就能看到我们网站的部署引导页了

在这里插入图片描述

我们划到最下面，选择”简体中文“，点击”继续“

在这里插入图片描述

点击”现在就开始“

在这里插入图片描述

输入我们之前创建数据库时填写的数据库名称、用户名和密码，点击”提交“

在这里插入图片描述

点击”运行安装程序“

在这里插入图片描述

按内容填写，然后点击”安装WordPress“

在这里插入图片描述

这样WordPress就部署成功了，我们点击”登录“跳转到登录页，输入账号密码就可以登录到后台

在这里插入图片描述

在这里插入图片描述

我们在浏览器上重新打开”http://www.loveacg.ltd“，就可以看到我们的博客首页

在这里插入图片描述

但现在我们的博客还只能在自己的电脑上访问，其他人是访问不了的。为了让其他人也能访问，我们就需要通过cloudflare配置zero trust

注册cloudflare

打开cloudflare官网：https://www.cloudflare.com/zh-cn/，点击右上角的“注册”按钮

在这里插入图片描述

点击右上角的“English(US)”按钮，可以选择界面语言，可以改成中文，输入账号密码完成注册去登录

登录页面：https://dash.cloudflare.com/login

登录完成进入首页，注意，如果你的页面不是中文，可以点击右上角切换语言

在这里插入图片描述

然后我们点击左边的“网站”按钮，然后点击右边的“添加站点”，我这里已经完成了“loveacg.ltd”的站点添加，你那边应该是看不到有记录的

在这里插入图片描述

输入我们注册的域名“loveacg.ltd”，然后点击“添加站点”按钮进入下一页，然后往下拉

在这里插入图片描述

能看到有一个Free的计划，这个是免费的，我们选中这个，然后点击“继续”按钮

在这里插入图片描述

点击“继续”

在这里插入图片描述

点击“确认”按钮

在这里插入图片描述

把Cloudflare名称服务器的两个地址记录下来，名称服务器就是DNS服务器，后面更换域名解析服务商的时候会用到

dion.ns.cloudflare.com
jean.ns.cloudflare.com

点击“完成，检查名称服务器”按钮

点击“开始使用”按钮

在这里插入图片描述

点击“保存”按钮

在这里插入图片描述

还是点击“保存”按钮

在这里插入图片描述

把右边三个都勾上，点击“保存”

在这里插入图片描述

点击“保存”按钮

在这里插入图片描述

点击“完成”按钮

在这里插入图片描述

留着这个页面不要关闭，后面还会用得到，除非你知道怎么找到这个页面

更换域名解析服务商

打开阿里云官网：点此传送，用购买域名的那个支付宝账号登录

打开域名控制台的域名列表：点此传送，

在这里插入图片描述

然后点击右边的“管理”按钮

在这里插入图片描述

可以看到页面上有个“修改DNS”的按钮，这里我已经完成了修改，可以看到按钮旁边的DNS服务器已经变成了Cloudflare的。你应该是还没有改的，所以你需要点击“修改DNS”按钮

在这里插入图片描述

点击“修改DNS服务器”按钮

在这里插入图片描述

把我们之前在Cloudflare上记录的两个DNS服务器地址填进入，然后点击“确认”按钮。

DNS服务器这样换好了，但是它需要等一段时间才会生效，一般在1个小时左右，生效之后Cloudflare会发一封邮件通知我们，等着就行了

在这里插入图片描述

配置zero trust服务

收到Cloudflare的生效通知邮件后，我们回到Cloudflare，还是之前离开那个页面

在这里插入图片描述

我们点击左上角的箭头，返回上一页

在这里插入图片描述

点击“Zero Trust”

在这里插入图片描述

点击“Access”下面的“Tunnels”

在这里插入图片描述

点击“Create a tunnel”

在这里插入图片描述

输入Tunnel的名称，这个你随意取名，比如我这里输入的“企业专有网络-02”，然后点击“Save Tunnel”

在这里插入图片描述

然后选择自己的电脑系统，一般都是Windows，64位啦，跟着图上一样选。然后用浏览器新标签页打开“https://github.com/cloudflare/cloudflared/releases/latest/download/cloudflared-windows-amd64.msi”，下载cloudflared-windows-amd64.msi，这是Cloudflare实现zero trust的一个客户端，我们下载并安装它。

安装完后，我们在Windows上搜索“命令提示符”

在这里插入图片描述

选择“以管理员身份运行”，后然回到Cloudflare往下划

在这里插入图片描述

这里有一段命令，我们点击右边的按钮，把它复制下来，然后粘贴到命令提示符里面去执行，为了安全，我把一部分命令打码了，你懂就行

在这里插入图片描述

然后我们回到Cloudflare，继续往下滑

在这里插入图片描述

点击“Save”按钮，然后再划到最上面，切换到“Public Hostname”，点击“Add a public hostname”

在这里插入图片描述

输入我们的域名信息，如下图所示

点击“Save hostname”

访问网站

这时候，我们的网站就搭建完成了，找一个手机使用移动网络，访问www.loveacg.ltd试试

文中提到的软件和代码请查看原文底部：点此传送

一只醉了的猫
关注
  • 2
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
CloudFlareDDNS, 使用CloudFlare创建你自己的DDNS服务.zip
09-18
CloudFlareDDNS, 使用CloudFlare创建你自己的DDNS服务 CloudFlareDDNS使用CloudFlare创建你自己的DDNS服务。updateCloudFlare.php 将允许你使用 CloudFlare API和API密钥更新CloudFlare帐户中现有的DNS记录。使用你自己
如何搭建个人服务器建立自己的网站.doc
11-30
如何搭建个人服务器建立自己的网站.doc
小米路由怎么搭建网站？小米路由器搭建个人网站图文详细教程
10-02
熟悉小米路由器的朋友们都清楚，小米智能路由器可以实现外网访问内部设备，那么，小米路由怎么搭建网站呢？对此，本文就为大家图文详细介绍小米路由器搭建个人网站的方法，有兴趣的朋友们可以前来了解下
如何建立个人网站.pdf
11-17
如何建立个人网站.pdf
使用cloudflare tunnel免费内网穿透，实现网站的外网访问和远程桌面
mashiqing的博客
04-14 3277
Cloudflare Tunnel是Cloudflare Zero Trust中的一个产品，它能够帮助用户将位于内网中的服务暴露到公网上，从而使得外部用户可以通过互联网访问这些服务。相比较于frp、ngrok等内网穿透工具，使用Cloudflare Tunnel可以获得更好的安全性和性能。在使用前，需要先注册一个Cloudflare账号，然后开通Cloudflare Zero Trust服务，选择免费套餐就可以了。此外，还需要注册一个自定义域名，然后将其添加到Cloudflare的DNS服务中。
Cloudflare_WARP_Release-x64.msi
11-11
Cloudflare_WARP_Release-x64.msi
群晖无公网IP搭建Cloudflare免费隧道穿透
hhiollk的博客
04-08 5455
如果我想穿透不止一个端口那怎么办，其实特别简单，只需要再加一条隧道穿透规则，修改我们已有域名前面的子域名即可，操作如下 打开我们的隧道穿透Cloudflare Zero Trust。而且国内出了新政，2022年3月起所有域名都要实名认证，不然有可能会频繁掉线，所以这里我推荐大家上阿里云实名注册一个域名：https://www.aliyun.com/然后点保存，端口不用配置，配置文件夹。新增加一个cloudflare，装载路径为/etc/cloudflared，然后点下一步完成就好了。
【教程】Warp/ZeroTrust 1.1.1.1 域名解析服务的安装与使用
热门推荐
xfxuezhang.cn
05-17 3万+
一款免费的域名解析服务
域名系统的解析过程 域名解析多久可以生效
老刀专栏
09-09 2003
我们网站建设好以后，就需要把域名注册好，然后进行解析，这样才能确保网站顺利上线。那么你知道域名系统的解析过程吗？域名解析多久可以生效呢？下面随我们来看一看。 域名系统的解析过程 比如，如果是单线主机建议采用A记录解析，如果是双线或者多线主机，建议采用别名解析。下面我们具体介绍下几种解析设置的区别。 1.A记录解析 A记录解析是最为常见的域名解析方式，记录类型选择”A”，记录值填写空间商提供的主机IP地址，MX优先级不需要设置，TTL设置默认的即可。选择A记录时，需要设定域名或者子域名指向，注意：对应值必
go1.9.2.windows-amd64.msi
10-26
来自 https://studygolang.com/dl 推荐下载 Microsoft Windows Windows XP SP2 or later, Intel 64-bit 处理器 go1.9.2.windows-amd64.msi (90MB) go1.9.2.windows-amd64.msi Installer Windows x86-64 90MB daeb761aa6fdb22dc3954fd911963b347c44aa5c6ba974b9c01be7cbbd6922ba λ certutil -hashfile go1.9.2.windows-amd64.msi SHA256 SHA256 哈希(文件 go1.9.2.windows-amd64.msi): da eb 76 1a a6 fd b2 2d c3 95 4f d9 11 96 3b 34 7c 44 aa 5c 6b a9 74 b9 c0 1b e7 cb bd 69 22 ba CertUtil: -hashfile 命令成功完成。
教你如何建立个人FTP服务器.docx
11-02
教你如何建立个人FTP服务器
教你如何建立公司网站(ppt-86页).ppt
10-31
教你如何建立公司网站(ppt-86页).ppt
学生族没钱买服务器？10块钱的服务器送域名它不香吗？
鸭绒的博客
07-15 1354
对于我们学生来说，虽然阿里云、腾讯云都有为学生打折，但也要100多一年，通常我们学生想练手，开发一些小项目，花100多买个服务器，再花几十块买个域名，性价比就不高了，下面我教你们如何通过10块钱获得一个服务器。 文章目录1.注册服务器2.上传小项目 1.注册服务器 a.注册的网址：http://free.3v.do/ 2.点击注册后，填写表单注册 c.第一次注册需激活FTP d.更改资料 e.在线充值 f.点击“激活FTP”，输入刚刚免费注册时设置的密码 g.注册成功，你拥有了服务器和域名.
Cloudflare新手指南：如何使用并快速上手
qq_58995858的博客
08-21 4292
通过这个图文教程，希望您能够轻松地了解如何使用Cloudflare并开始受益于他们的服务。如果您在使用过程中遇到任何问题，都可以随时在Cloudflare的支持文档或社区寻求帮助。Cloudflare是一家知名的网络安全和性能优化公司，提供了一系列的网络服务，帮助网站提高安全性、性能和可用性。本教程将带领您逐步了解如何使用Cloudflare，并开始保护和优化您的网站。您已经成功使用Cloudflare保护和优化您的网站。通过合理配置安全设置和性能优化选项，您可以提高网站的可用性、速度和安全性。
使用 Cloudflare Zero Trust 通过 SSH 连接到 GitHub Actions 的 Runner 机器以进行调试
henry_23的博客
01-15 2544
GitHub Actions 的 Runner Images 包含了很多常用的开发环境, 使用它来构建一些软件是很方便的. 不过, 构建过程难免会遇到问题, 而在 GitHub Actions 上进行构建和在本地有很多不同之处. 为此, 我们可能希望能在构建过程中的某处 "暂停" 工作流, 并且能够进入机器详细地观察构建的状态.
如何使用永久的cloudfare访问github
2301_77754590的博客
07-22 1927
作为一名合格的程序员，如何科学高速使用github？只需要一个此操作
为什么Redis6.0引入了多线程
最新发布
IT深耕十余载，大道之简
05-11 520
总的来说，Redis 6.0引入多线程是为了提高性能、降低延迟、更好地利用CPU资源，并保持Redis的简单性和高性能特点。这些改进有助于Redis更好地应对不断增长的数据量和并发量需求，同时保持其稳定性和可靠性。Redis 6.0引入多线程的决策是基于其性能优化和适应现代硬件架构的考虑。
hexo github个人网站教程
11-21
以下是使用Hexo和GitHub Pages搭建个人博客的步骤： 1.安装Node.js和Git 2.安装Hexo ```shell npm install -g hexo-cli ``` 3.创建一个新的Hexo站点 ```shell hexo init <folder> cd <folder> npm install ``` 4.在GitHub上创建一个新的repository 5.将Hexo站点与GitHub repository关联 ```shell git init git remote add origin <repository url> ``` 6.安装Hexo的deployer插件 ```shell npm install hexo-deployer-git --save ``` 7.在Hexo的配置文件_config.yml中进行如下配置： ```yaml deploy: type: git repo: <repository url> branch: master ``` 8.生成静态文件并部署到GitHub Pages ```shell hexo generate hexo deploy ``` 9.访问你的个人博客 ```shell https://<username>.github.io ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值