零成本搭建个人站点

0基础0成本搭建个人站点(上)

​ 先介绍搭建网站的前提，一般来说我们需要一个对外提供访问服务的服务器和一个域名。还有存储多媒体文件的服务器，内容分发服务，负载均衡服务，前端后端等等。但是，这些我们都不讲。我们直接用免费的主机和域名将个人站点搭建起来。

本章涉及以下内容：

1、申请个人免费的二级域名

2、申请免费的虚拟小主机

一、免费域名申请

国内阿里、腾讯、百度等、国外亚马逊、甲骨文等，可以通过付费的方式获取自己想要的域名。

有很多的做互联网服务的厂商都有提供的域名服务，比如上述提到的，我们也可以获取免费的二级域名，例如x10hosting，desec等。由于x10hosting维护计划目前不支持免费的，这里我们使用desec来获取免费的二级域名。

二级域名简单来说是主域名的下一级域名。比如这里我们需要注册desec的二级域名，主域名是dedyn.io。

官方地址：https://desec.io/

注册账号和域名。

点击首页的【create account】。在页面填写个人的邮箱和想要的二级域名例如我这里申请fandiao这个作为二级域名。选择【Register a new domain under dedyn.io (dynDNS)】选项如下。然后填写验证码，☑️同意官方协议和策略点击注册，就行了。如下图。

重置账号密码

重置登录的密码

点击注册按钮后，会进入重置密码的界面如下。点击【password reset form】，就进入重置密码界面了。

重置密码界面如下，输入邮箱，和验证码点击【reset password】按钮就行了。官方会发一个重置密码的链接到你的邮箱，点击链接重置密码就行了。

重置完密码以后，使用账号和密码登录desec。进入界面如下：

desec 现在一个账号只能添加一个免费的域名。如需要多个域名，用其他邮箱注册就行了。

二、免费虚拟小主机

​ 有很多小的云服务提供商都有公益的虚拟小主机服务，他们都是php+nginx+mysql的集成环境，我们用这个就可以搭建WordPress、typecho、或者是纯静态的页面了。下面推荐几个虚拟小主机的服务提供商。

• 萌哒云：https://jszf.me/
• 热成互联：https://rcvps.cn/
• cc云：https://www.ccidc.xyz/

想要数据安全稳定可以选择国内的服务器，现在也很便宜了一年几十块钱。

当然还有很多，什么万创云、雨云等等，感兴趣的可以搜一下，我们这里使用萌哒云进入官方网站。点击首页的立即体验，然后邮箱注册即可无需认证，登录控制面板。在产品与服务中选择免费产品，点击开始选配、如下

小主机领取

然后点击添加到购物车

然后点击同意条款，立即结账。如下

在用户中心菜单栏可以看到资源中有一个免费永久的虚拟小主机。然后点击【登录面板】按钮就可以到控制面板了。

控制面板

完成✅上述的操作，那么建站的两大必要前提条件就算准备好了，下一章讲解如何在虚拟小主机配置和上传源码，域名绑定。

0基础0成本搭建个人站点(中)

​ 在上一个章节讲到申请免费的小主机，免费的二级域名。这小节讲解在虚拟小主机中去搭建一个Typecho站点，WordPress有需要的话后面再讲解。

一、Typecho

先介绍一下Typecho，是一款基于 PHP 和 MySQL/SQLite 的轻量级开源博客系统，他事轻量高效、先进稳定、简洁友好的建站工具。

仅需三步，就可以建立网站。

目前我们已经完成第一步了，现在只需要下载typecho的源码程序。

官方地址：https://typecho.org/ 点击download下载就行了。

二、搭建站点

上传源码

在小主机的控制面板的【数据管理】-> 【在线文件管理】菜单点击上传按钮，上传typecho的源码。如下

解压源码

点击typecho的压缩包解压

在解压前可以先删除文件夹中的默认index.html等文件。保证目录为空。

解压完成后有如下文件

配置域名

点击左边导航的【基本配置】->【域名修改】菜单。

在该界面我们可以看到虚拟机的IPV4地址。后续需要在域名提供商处添加该IPV4的解析记录，看下一步骤。

在域名处填入我们之前申请的desec二级域名。如我申请了fandiao.dedyn.io这个二级域名，现在我需要为我当前这个站点再分配一个子域名(三级的)，如：blog.fandiao.dedyn.io。填在域名配置处如下

配置域名解析记录

在desec的官网去添加一个域名的解析记录。登录desec官网。进入面板双击二级域名，就可以进入配置界面了，如下点击右边的添加按钮。记录值类型为A，子域名填写为blog或者其他但是要和上一步骤对应，ipv4 address填写上一步骤中的虚拟主机IPv4地址，点击保存。

点击保存后可以看到多加了一条类型为A的记录的IPv4记录值

​ 这里特别提醒一下，有些小主机的只提供了一个域名，不是IPV4的地址，那就把类型改成cname，就行了。值就是小主机所提供的域名。

三、安装配置typecho

配置typecho

回到主机控制面板，或者是直接在浏览器输入blog.fandiao.dedyn.io 。 进入typecho安装界面，如下。

这里以你的域名为主。后台管理的地址是blog.fandiao.dedyn.io/admin

点击开始下一步配置数据库和站点信息。

如下：

数据库用户名和数据库名一致

配置完数据库信息后，点击【确认开始安装】按钮。

创建站点管理员信息

根据你的实际情况填写即可，我这里仅作示范，如下。

填写完成后，点击【继续安装】。就回跳转到成功安装界面了。整个typecho的管理员后台界面如下

访客界面如下

完成✅上述配置，你的站点就搭建好了，不过这个是typecho的原始主题，下一章讲解如何配置主题，和站点信息。

0基础0成本搭建个人站点(下)

上一章节我们已经完成了网站的搭建，不过是还未对站点的信息进行配置。接下来我们来配置站点的基础信息。

基础信息配置

点击顶部导航栏的【设置按钮】->【基本】中可以配置站点的基本信息。可以配置站点名字，站点的描述，站点的地址，是否允许注册等信息，根据你的情况填写，如下，配置完成后点击保存。

评论、阅读、永久链接这三个选项保持默认配置就行了。、

主题介绍

我们可以切换主题来达到不同站点的效果，例如我们安装blog类的主题，站点就是个人博客，安装相册类的主题，站点就是相册，还可以安装导航类的主题，下面就介绍如何安装主题。

点击顶部导航栏的【控制台】->【外观】可以看到本系统的主题外观，由于我们是没有安装任何主题的，所以就只有一个默认的外观。

插件也是，需要我们灵活的安装。

这里介绍一个typecho的主题网站，Typecho Themes:https://me.typechx.com/ 这里不仅有比较热门的主题，还有好用的插件。进入主题选择自己喜欢的主题，点击下载就行了。

给推荐几个好看的主题。butterfly主题、oneblog主题、TimePlus主题，max图文混排主题、Jasmine 简约主题、Joe 主题、G 优雅大气主题。均可以在上面提到的主题站点中找到。

TimePlus主题是类似于相册的主题可以预览：https://album.hudi.space/

Joe 主题是一款技术分享和博客类的主题预览：https://tech.hudi.space/

当然其他有些主题也很好看，我没有一个一个去试。感兴趣的配置可以看看

主题安装

这里我们以butterfly主题为例，因为这个typecho是从hexo的纯静态主题中迁移的，我个人觉得特别好看。所以个人站点给大家推荐这个主题。

我这里搭建了一个，大家可以预览以下：http://blog.fandiao.dedyn.io/ 。

下载地址:https://typechx.com/themes/butterfly.html。下载完成功，上传主题安装包到typecho的/usr/theme/目录。

点击解压主题。解压完成后最好重命名一下文件夹为butterfly。然后进入admin管理界面的外观栏目可以看到有一个butterfly主题待启用，点击启用即可。

回到站点的访客界面，可以看到，我们的站点就变成了butterfly的主题风格，变得好看了。

文章界面如下

主题配置

点击顶部导航栏的【控制台】->【外观】->【设置外观】建议设置的选项有以下。

还有很多配置这里就不一一列举了，比如天气、打赏、Live2D人物模型，自定义颜色，cdn等等。安装主题以后自己倒腾一下，就懂了。主题移植的大佬也写了相关的文档如下：https://blog.haoi.net/archives/typecho-butterfly.html 。下面具体讲一下独立页面。

独立页面

点击顶部导航栏的【管理】->【独立页面】->下面点击新增页面。再页面标题中填入分类，自定义模板中选择 分类，如下。

然后点击发布页面，这时候网站就多出来一个分类页面。导航栏也多出分类按钮，如下

再这个主题中独立面可以有分类、标签、归档、友情链接。都是通过创建独立页面的方式实现的。独立页面添加信息如下

访客页面的导航菜单如下

友链添加再外观设置的友情链接设置模块如下

友链的独立页面显示可以看这里：http://blog.fandiao.dedyn.io/index.php/6.html。

若是在使用一段时间，觉得这个主题不ok，完全可以切换一个主题使用。0成本建站的typecho系列就到这里了，若是有什么疑问可以在评论区留言。