免费虚拟主机+免费二级域名+轻量PHP博客系统搭建教程

Administrator #博客 #自托管 #运维

第一步：获取免费虚拟主机（星凌云）

使用“星凌云”，这是我朋友开的公益云服务。当然，公益服务有不稳定性，请做好本地备份并斟酌选择免费服务。

  1. 访问官网：https://xingly.top

  2. 注册账号：使用QQ号和邮箱完成注册。

  3. 领取服务器：登录后，领取一台免费的公益虚拟主机。

  4. 进入面板：按照网站的介绍就可以进入一个简易的运维面板了。

第二步：获取免费二级域名

公益服务器只提供一个公用的IP地址，搭建博客还需要一个域名。

  1. 推荐平台：公益域名之家（https://freedns.fun）

  2. 注册账号：前往网站注册一个账户。

  3. 申请域名：登录后，申请一个域名。你可以选择一个喜欢的前缀，并选择喜欢的二级域名后缀（例如 yourname.tbit.top）。
    推荐使用mydns.xin这个二级域名是我本人提供的，稳定可靠，2026年11月到期（当然，你也可以在本站上方的打赏界面进行打赏，本人会利用捐款进行续费）。

  4. 设置域名解析（关键）：

    • 在域名管理页面，找到“DNS解析”或“域名管理”选项。

    • 添加一条 A记录，将你申请的二级域名（如 yourname.tbit.top）指向第一步获取的 服务器IP地址。

第三步：下载并安装轻量博客系统（清雨博客）

对于免费服务器，资源非常有限。因此，我们选择“清雨博客”——一款免数据库的极简PHP博客系统，对服务器要求极低。

  1. 下载系统：访问 https://prain.cn 找到“清雨博客”的下载链接，获取最新的PHP文件（通常是一个 .zip 压缩包）。

  2. 上传与部署：

    • 将下载的清雨博客系统解压，得到的所有文件（如 index.php）上传到服务器面板为你提供的网站目录中（由于是公益分发的服务器，因此网站目录是指定的，请使用系统为你分发的目录，一般在面板中显示为根目录）。

    • 当然你也可以直接上传压缩包到网站目录，面板有解压功能。但如果你对PHP有一定了解，想自定义博客系统，在本地修改一般来说更方便些。

    • 通过浏览器访问你的博客，使用刚才你申请的域名。

  3. 初始设置：首次访问时，系统可能会引导你进行简单的博客名称、管理员密码等设置。

附录

至此，你的博客系统就搭建完成了，但如果你希望让这个博客更加实用，可以按照以下步骤去做：

  1. 安装应用商店中的“雨润博客主题”。

  2. 安装应用商店中的“viewerjs图像查看器”和“highlightjs代码高亮显示”插件。

    • 这两款插件免费且使用Javascript代码来实现功能，因此推荐使用。

.card {
    position: relative;
    height: auto;
    width: 100%;
    margin: 0 0 15px 0;
    background: #ffffff;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
    overflow: hidden;
}

.card .inner_part {
    display: flex;
    align-items: stretch;
    padding: 0;
    height: auto;
    position: relative;
}

.inner_part {
    height: auto;
    width: 100%;
    overflow: hidden;
    flex-shrink: 0;
    border-radius: 0;
    box-shadow: none;
    transform: none;
}

.inner_part {
    opacity: 1;
    transition-delay: 0s;
    object-fit: cover;
}

.content2 {
    padding: 20px;
    width: 100%;
    margin-left: 0;
    opacity: 1;
    transition: none;
}

.inner_part .content_1 {
    opacity: 1;
    margin-left: 0;
    z-index: 1;
    transition-delay: 0s;
}

.content2 .title {
    font-size: 18px;
    font-weight: 700;
    color: #2d3345;
    margin: 0 0 10px 0;
}

.content2 .text {
    font-size: 14px;
    color: #666;
    margin: 0 0 15px 0;
    line-height: 1.6;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.content2 a {
    padding: 8px 20px;
    border: none;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.5px;
    border-radius: 2px;
    cursor: pointer;
    outline: none;
    background: #3E4454;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    float: right;
    text-decoration: none;
    text-align: center;
    transition: background .2s;
}

.content2 a:hover {
    background: #525967;
    color: #fff;
}

同时欢迎各位来访问我已经搭建好的网站：http://exyone.tbit.top

评论