欢迎光临
我们一直在努力

照片和纪念日别只散在聊天记录里:我用Like_Girl做了个两个人的网站

照片和纪念日别只散在聊天记录里:我用Like_Girl做了个两个人的网站

前言

有些东西放在聊天记录里,当时觉得随手就能翻到,时间久了却越来越难找。第一次旅行的照片、某个纪念日、想一起完成的小清单,还有平时互相留过的话,其实都在,但它们散在相册、聊天软件和不同设备里,很难真正变成一份连续的记录。

所以我看到 Like_Girl 时,最感兴趣的不是“做一个情侣网站有多浪漫”,而是它能不能把这些零散内容收进一个属于两个人的小空间里。首页计时、留言板、相册、恋爱清单、点滴记录,再加上后台可以自己改标题、头像和名称,至少比单纯放几张照片更有持续使用的感觉。

这篇就按实际流程来:先在 Windows 安装 XAMPP,把 Apache、MySQL 和 phpMyAdmin 跑起来;再下载 Like_Girl 源码,放进 htdocs,修改数据库配置并导入 SQL。

本地页面能打开以后,还会继续登录后台,把默认内容改成自己的信息,确认这不是一个只能看的模板,而是真正可以继续维护的纪念站。

最后再处理外部访问,让手机或另一台电脑也能打开这个网站。对我来说,这类项目真正有意思的地方,不是七夕当天做一次惊喜,而是以后还有内容愿意继续往里面放。

1 什么是 Like_Girl 情侣纪念网站

Like_Girl v5.2.0 更像是一套可以持续维护的情侣纪念站,而不是一次性做完就不再变化的静态页面。

image-20250902105951653

现有功能包括:

  • 恋爱计时器:记录在一起的时间;
  • 留言板:留下日常留言;
  • 恋爱相册:保存照片;
  • 恋爱清单:记录约定和计划;
  • 点点滴滴:继续补充生活记录;
  • 关于我们:整理认识和相处经历;
  • 后台管理:修改网站内容和基础设置。

我更看重的是最后这一点。只有后台能继续改,网站才不会停留在“下载模板看一眼”的阶段。

2 在 Windows 准备 XAMPP 环境

2.1 下载 XAMPP

这套流程使用 XAMPP 提供 Apache、MySQL、PHP 和 phpMyAdmin 等环境。

下载 Windows 版本:

image-20250902110903043

2.2 安装 XAMPP

下载完成后,以管理员身份运行安装程序:

image-20250902113120228

安装过程中会看到 UAC 相关提示:

image-20250902112110356

原有提示建议在启用 UAC 时避免把 XAMPP 安装到 C:\\Program Files,以免碰到写入权限问题。

继续下一步:

image-20250902112351133

组件选择阶段,现有流程勾选 MySQL 和 phpMyAdmin:

image-20250902113550902

然后继续选择安装目录:

image-20250902113911150

语言保持 English:

image-20250902114019588

继续安装:

image-20250902114152172

等待安装完成:

image-20250902114224846

最后点击 Finish:

image-20250902114531440

2.3 启动 Apache 和 MySQL

打开 XAMPP 控制面板,先启动 Apache:

image-20250902114743186

Apache 启动成功:

image-20250902114815002

再启动 MySQL:

image-20250902122345209

这两个服务都正常以后,才继续部署 Like_Girl。

3 下载并放置 Like_Girl 源码

3.1 下载网站源码

现有流程使用的是已修复版本:

https://gitee.com/jun-wan/like-girl

操作顺序:

  • 打开项目地址;
  • 点击“克隆/下载”;
  • 选择“下载 ZIP”。
  • image-20250902175654965

    原作者项目地址也保留作为参考:

    https://gitee.com/kiCode111/like-girl-v5.2.0

    现有说明中,该项目已声明不再维护。

    3.2 解压到 htdocs

    源码解压到:

    C:\\xampp\\htdocs\\likegirl

    image-20250902180032573

    也就是说,Like_Girl 会作为 XAMPP 下 Apache 的一个站点目录运行。

    4 配置数据库

    4.1 修改数据库连接

    在 likegirl 目录下进入 admin,找到:

    Config_DB.php

    按照当前数据库环境修改连接信息:

    image-20250902154934497

    保存以后,再继续导入数据库。

    4.2 用 phpMyAdmin 导入 SQL

    打开:

    http://localhost/phpmyadmin

    也可以直接在 XAMPP 中点击 MySQL 这一行的 Admin。

    进入 phpMyAdmin 后按页面操作:

    image-20250902155454340

    现有演示导入的是带测试数据的 SQL:

    image-20250902155943518

    选择完成以后,滚动到底部点击导入:

    image-20250902160049130

    导入成功后可以在侧边看到数据库表:

    image-20250902160149522

    做到这里,网站文件和数据库这两部分才真正接起来。

    5 先确认 Like_Girl 前台能打开

    浏览器访问:

    http://localhost/likegirl/

    如果配置正常,可以看到首页:

    image-20250902160258105

    我会把这里看成第一个真正的验证点:Apache 在运行、源码路径正确、PHP 和数据库连接没有阻止页面正常加载。

    但前台能打开还不够,下一步还要继续进后台,把站点真正改成自己的内容。

    6 登录后台并做第一次自定义

    后台地址:

    http://localhost/likegirl/admin

    现有默认账号:

    • 用户名:admin
    • 密码:loveww

    登录以后应立即修改默认密码。

    image-20250902180220847

    进入基础设置,可以修改网站信息:

    image-20250902182000635

    现有演示修改完成后的效果:

    image-20250902183114957

    这里能够调整的内容包括站点标题、Logo、男主与女主的头像和名称,以及页面中的时间信息。

    对一个纪念站来说,我觉得这一步才真正开始有意义:网站结构是现成的,但里面是谁、记录什么,要靠自己慢慢换进去。

    7 本地纪念站跑通后,再处理外部访问

    如果这个站点只在当前 Windows 电脑上使用,前面的部分已经可以完成本地访问和内容维护。

    如果还希望另一半在其他设备、其他网络中打开,再继续增加外部访问入口。

    这里 cpolar 负责的是网络入口;Like_Girl、Apache 和 MySQL 仍然负责网站本身。

    8 在 Windows 安装 cpolar

    8.1 下载并安装

    进入下载页面获取 64-bit 安装包:

    cpolar_download

    安装完成以后,用命令检查:

    cpolar version

    cpolar_version

    8.2 注册并登录 Web UI

    注册账号:

    cpolar_register

    填写注册信息:

    cpolar_register_form

    注册完成后访问:

    http://127.0.0.1:9200

    cpolar_webui

    然后使用账号登录:

    cpolar_login

    9 给 Like_Girl 创建随机公网地址

    Like_Girl 运行在 Apache 下,当前本地访问方式是:

    #localhost 不带端口,默认为80端口
    http://localhost/likegirl/

    现有流程使用默认 website 隧道继续编辑。

    隧道列表:

    image-20250731121517683

    进入编辑页面:

    image-20250902184833070

    同时保留原有提醒:

    注意:每个用户创建的隧道显示的公网地址都不一样!

    更新以后,到在线隧道列表查看生成的 HTTP / HTTPS 地址:

    image-20250902184959706

    这里使用 HTTPS 地址做访问测试:

    image-20250902190145740

    能够看到 Like_Girl 页面以后,说明外部网络已经能访问这套本地网站。

    10 配置固定二级子域名

    随机地址适合先测试。

    如果这个网站准备长期保留和分享,再继续配置固定地址。

    进入预留页面:

    https://dashboard.cpolar.com/reserved

    image-20250902190639040

    现有示例中:

    • 地区:China Top
    • 二级域名:xylove

    同时保留原有说明:

    注:二级域名是唯一的,每个账号都不相同,请以自己设置的二级域名保留的为主

    然后回到隧道列表,找到 xylove-80:

    image-20250902190729064

    编辑隧道,把域名类型改成二级子域名,并填入前面保留的名称:

    image-20250902190902000

    更新后,在在线隧道列表里可以看到新的固定地址:

    image-20250902190938761

    最后继续用 HTTPS 做访问测试:

    image-20250902191604446

    到这里,Like_Girl 从 Windows 本地站点,到可长期分享的固定访问入口,整条链才算完整。

    11 这类情侣网站真正值得留下的是什么

    我觉得 Like_Girl 最有意思的地方,并不是“页面够不够浪漫”。

    真正决定它能不能留下来的,是内容会不会继续更新。

    照片、留言、清单、纪念日、两个人的名字和头像,都是很普通的东西。但如果愿意持续往里面补,它才会慢慢从一个开源项目变成自己的纪念册。

    技术部分解决的是“网站能不能跑”,真正让它有意义的还是后面不断放进去的那些内容。

    总结

    这次把 Like_Girl 从 XAMPP 环境一路做到后台自定义,我更愿意把它看成一个“能继续写下去的网站”,而不是七夕过后就结束的一次小项目。

    Apache、MySQL、源码目录和数据库都跑通以后,再从后台把标题、头像、双方名字和时间信息改掉,模板才真正开始变成自己的纪念站。页面能打开只是第一步,后面有没有内容继续更新才更重要。

    远程访问只是把这个已经能用的网站带到其他设备和网络里。Like_Girl 负责内容,XAMPP 负责本地运行环境,cpolar 负责网络入口,三部分职责分开以后,整条链也比较清楚。

    如果以后还会继续往相册、留言和清单里补东西,我觉得这种站点比一次性的“浪漫页面”更有意思:时间越久,它保存下来的东西反而越多。

    赞(0)
    未经允许不得转载:171主机测评 » 照片和纪念日别只散在聊天记录里:我用Like_Girl做了个两个人的网站
    分享到: 更多 (0)

    评论 抢沙发

    • 昵称 (必填)
    • 邮箱 (必填)
    • 网址