想拥有一个属于自己的网站吗?
不需要花钱、不需要懂技术,只需要一点点耐心就好。
花上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 客户端,用来在本地与远程计算机间安全地复制文件。
下载后打开,需要填写以下信息。这些信息在之前免费主机注册时会提供。
登录成功后,如果你在安装时选择的是Commander界面,就会是这样的双面板,需要上传什么文件,按住它拖到右边松手就行。
这是上传主题的演示:
如果你选的是Explore界面,这里只会显示主机空间,从电脑文件夹把文件拖进去就行,操作跟之前拖到网页一样。
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
领取专属 10元无门槛券
私享最新 技术干货