首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

0成本!0基础小白搭建个人网站的保姆级教程

想拥有一个属于自己的网站吗?

不需要花钱、不需要懂技术,只需要一点点耐心就好。

花上30分钟,跟着我一起操作,你也能有一个这样的网站!

如果你不喜欢这个样式,不妨到 主题模板站 看看,这里有各种风格的模板,挑一个喜欢的吧!

挑好了吗?挑好就开始做网站咯!

材料准备

首先,看一下我们需要准备什么:

1. 电脑一台

2. 免费主机

以 Free Hosting为例,点 这里 获取。

3. 网站源码

以 typecho 为例,点 这里 下载。

4. 网站主题

以Siphils大佬的Typecho Theme Aria为例,点 这里 下载。

接下来,我们要开始准备这些材料,如果你已经准备好了,可以直接跳过某些步骤。

获取免费主机

免费主机大多有各种限制,例如限制空间大小、限制带宽大小等等,不过对于新手建站来说完全够用。点 这里 ,用邮箱注册一下就行了。

需要填写的信息

出现以下页面说明注册成功了,不过还需要激活。

在邮箱找到激活邮件,点击链接就行。如果收件箱没有找到,记得回收站里看一下。

激活成功(网页加载很慢,白屏了将近一分钟才加载出来)

以上信息建议复制下来,备份一下。

到这里,其实你的个人网站(毛坯房)已经做好了,可以点击看看,它长这样——

注:页面的两个按钮都是广告。

网站源码下载

“毛坯房”有了,接下来需要装修一下,先用网站源码来设计“房间布局”。

网上有许多开源、免费的网站源码,这里使用的是 typecho,点 这里 下载,选择。

下载好的typecho.zip先放一边,我们还需要一个漂亮的主题,给“房子”做精装修。

网站主题下载

主题可以在 typecho的主题模板站 下载,我选择的是Siphils大佬做的主题 Typecho Theme Aria - 书写自己的篇章 。在点击后,会跳转到源代码页面,因为没有直观的下载按钮,所以我做了个动图演示。

依次点击——————即可。

注:开头的两下非必需,只是想给作者点个赞,如果你也觉得主题不错,就点一下吧,一下就好!

到这里,我们所有的材料都准备好啦!开始改造吧!

网站改造

1. 上传Typecho源码

还记得刚才下载的吗?那是大佬们为“毛坯房”设计好的框架。

拿出,解压到任意文件夹,解压后会得到以下文件,要把它们全都搬到“房子”里 。

怎么搬呢?刚才注册免费主机时,有一个控制台地址,访问该地址,输入账号密码登录我们的控制台,记得语言选,比较方便。

登录后会先跳转提示页,问你是否接受邮件通知服务,可以自由选择。

进入控制台后,找到 文件 分类,点击,进入 ,删除里面的文件,然后把解压好的Typecho源码拖进网页。

流程参考GIF(我忘记先删掉里面的文件了,请务必先删掉htdoc文件夹里的文件,避免后续报错):

2.新建数据库

开始"装修”之前,我们还需要一个储物间,用来放相关工具。所以,上传完成后,回到控制台首页,找到 数据库 一栏的,新建一个数据库(名字随意),就像这样:

3.安装Typecho

还记得吗?现在再次进入你的网站,就是另一番模样了!

开始安装吧!填写红框内的信息即可,可以在页面底部复制。

注意!数据库名前需要加上用户名,请在MySQL数据库页面底部确认!

MySQL DB Name = 数据库名

MySQL Host Name = 数据库地址

MySQL User Name = 数据库用户名

MySQL Password = 控制台密码

再设置一下用户名、密码和邮箱就搞定咯!

这样就安装成功了。还剩最后一步,给我们的房子做个"精装修"吧!

网站美化

这个步骤很简单,在安装成功的页面,点击,选择,你就能在控制面板看见这个选项。

不过,现在里面只有默认主题。为了用上主题 Typecho Theme Aria - 书写自己的篇章 ,需要把它跟放到一起。

还记得之前上传网站源码的地方吗?

再次回到控制台首页,前往,依次进入————文件夹,把解压好的主题拖进去。

• 注意!这里的控制台指免费主机,不是网站的控制面板。

• 动图中的其他文件夹是我下载的其他主题,实际操作请把解压好的主题文件夹整个拖进去。

• 建议改一下文件夹名字,避免主题多了之后,出现一堆的文件夹,不好整理。

启用主题

终于到最后一步了!到网站控制面板,选择,启用主题,然后去网站看看效果。

注:控制面板右上角可以直接跳转我们的网站。

aria默认没有首页图片,打开网站看见一片白就对咯!

简单换一下背景图:

1. 在网上找一张喜欢的图片,右键图片,选择。

2. 点击,找到,粘贴图像链接至方框,右下角。

3. 稍等片刻,页面顶部提示保存成功后,刷新网站,大功告成!

在网站的控制面板里还有许多设置,不同主题设置选项也不同,这里就不一一细说了,可以根据自己的喜好调整。祝大家都能搭建成功,enjoy it!

可能遇见的问题

网站教程其实到上面已经结束了,下面是遇到过的问题和解决办法,欢迎评论补充。

1.上传源码/主题失败

主机自带的不太好用,经常上传失败,换一下上传工具就行。

我用的是WinSCP,一款开源图形化的 SFTP 客户端,用来在本地与远程计算机间安全地复制文件。

下载后打开,需要填写以下信息。这些信息在之前免费主机注册时会提供。

登录成功后,如果你在安装时选择的是界面,就会是这样的双面板,需要上传什么文件,按住它拖到右边松手就行。

这是上传主题的演示:

如果选的是界面,只会显示主机空间,从电脑文件夹把文件拖进去就行,操作跟之前拖到网页一样。

2.网页打不开

主机的服务器在国外,注册分配的IP地址不同,有些电信能访问有些移动能访问。如果一直加载不出页面,有条件的可以换一下网络运营商,或者尝试用其他邮箱重新注册。

当然,也可以找其他免费主机,不过国外的主机大多访问较慢,国内的则是需要实名注册,虽说实名是规定,但是在小网站还是需要注意保护个人隐私。

3.暂时没想到

欢迎补充。

碎碎念

‍虽然自诩本教程是“保姆级”教程,但也不过是站在巨人的肩膀上,主机、源码、主题、上传工具都是“拿来主义”。为了完整的演示,主机甚至多注册了一次,实在是罪过。请大家不要模仿,合理使用,保持可持续发展。

网站、主题和WinSCP都是开源的,有些甚至可以商用。这些大佬的精神实在让人敬佩,然而我也只是个白嫖的穷鬼,只能精神支持,点点Star

如果大家用了这些开源项目觉得不错,也可以点点Star支持下。

以上,感谢看到这里!

资源地址

免费主机

https://byet.host/free-hosting/news

Typecho

https://typecho.org/

Typecho Theme Aria - 书写自己的篇章

https://github.com/Siphils/Typecho-Theme-Aria

Typecho主题模板站

https://typecho.me/

WinSCP

https://winscp.net/eng/docs/lang:chs

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20230426A000D400?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券