照片和纪念日别只散在聊天记录里:我用Like_Girl做了个两个人的网站
前言
有些东西放在聊天记录里,当时觉得随手就能翻到,时间久了却越来越难找。第一次旅行的照片、某个纪念日、想一起完成的小清单,还有平时互相留过的话,其实都在,但它们散在相册、聊天软件和不同设备里,很难真正变成一份连续的记录。
所以我看到 Like_Girl 时,最感兴趣的不是“做一个情侣网站有多浪漫”,而是它能不能把这些零散内容收进一个属于两个人的小空间里。首页计时、留言板、相册、恋爱清单、点滴记录,再加上后台可以自己改标题、头像和名称,至少比单纯放几张照片更有持续使用的感觉。
这篇就按实际流程来:先在 Windows 安装 XAMPP,把 Apache、MySQL 和 phpMyAdmin 跑起来;再下载 Like_Girl 源码,放进 htdocs,修改数据库配置并导入 SQL。
本地页面能打开以后,还会继续登录后台,把默认内容改成自己的信息,确认这不是一个只能看的模板,而是真正可以继续维护的纪念站。
最后再处理外部访问,让手机或另一台电脑也能打开这个网站。对我来说,这类项目真正有意思的地方,不是七夕当天做一次惊喜,而是以后还有内容愿意继续往里面放。
1 什么是 Like_Girl 情侣纪念网站
Like_Girl v5.2.0 更像是一套可以持续维护的情侣纪念站,而不是一次性做完就不再变化的静态页面。

现有功能包括:
- 恋爱计时器:记录在一起的时间;
- 留言板:留下日常留言;
- 恋爱相册:保存照片;
- 恋爱清单:记录约定和计划;
- 点点滴滴:继续补充生活记录;
- 关于我们:整理认识和相处经历;
- 后台管理:修改网站内容和基础设置。
我更看重的是最后这一点。只有后台能继续改,网站才不会停留在“下载模板看一眼”的阶段。
2 在 Windows 准备 XAMPP 环境
2.1 下载 XAMPP
这套流程使用 XAMPP 提供 Apache、MySQL、PHP 和 phpMyAdmin 等环境。
下载 Windows 版本:

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

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

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

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

然后继续选择安装目录:

语言保持 English:

继续安装:

等待安装完成:

最后点击 Finish:

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

Apache 启动成功:

再启动 MySQL:

这两个服务都正常以后,才继续部署 Like_Girl。
3 下载并放置 Like_Girl 源码
3.1 下载网站源码
现有流程使用的是已修复版本:
https://gitee.com/jun-wan/like-girl
操作顺序:

原作者项目地址也保留作为参考:
https://gitee.com/kiCode111/like-girl-v5.2.0
现有说明中,该项目已声明不再维护。
3.2 解压到 htdocs
源码解压到:
C:\\xampp\\htdocs\\likegirl

也就是说,Like_Girl 会作为 XAMPP 下 Apache 的一个站点目录运行。
4 配置数据库
4.1 修改数据库连接
在 likegirl 目录下进入 admin,找到:
Config_DB.php
按照当前数据库环境修改连接信息:

保存以后,再继续导入数据库。
4.2 用 phpMyAdmin 导入 SQL
打开:
http://localhost/phpmyadmin
也可以直接在 XAMPP 中点击 MySQL 这一行的 Admin。
进入 phpMyAdmin 后按页面操作:

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

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

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

做到这里,网站文件和数据库这两部分才真正接起来。
5 先确认 Like_Girl 前台能打开
浏览器访问:
http://localhost/likegirl/
如果配置正常,可以看到首页:

我会把这里看成第一个真正的验证点:Apache 在运行、源码路径正确、PHP 和数据库连接没有阻止页面正常加载。
但前台能打开还不够,下一步还要继续进后台,把站点真正改成自己的内容。
6 登录后台并做第一次自定义
后台地址:
http://localhost/likegirl/admin
现有默认账号:
- 用户名:admin
- 密码:loveww
登录以后应立即修改默认密码。

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

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

这里能够调整的内容包括站点标题、Logo、男主与女主的头像和名称,以及页面中的时间信息。
对一个纪念站来说,我觉得这一步才真正开始有意义:网站结构是现成的,但里面是谁、记录什么,要靠自己慢慢换进去。
7 本地纪念站跑通后,再处理外部访问
如果这个站点只在当前 Windows 电脑上使用,前面的部分已经可以完成本地访问和内容维护。
如果还希望另一半在其他设备、其他网络中打开,再继续增加外部访问入口。
这里 cpolar 负责的是网络入口;Like_Girl、Apache 和 MySQL 仍然负责网站本身。
8 在 Windows 安装 cpolar
8.1 下载并安装
进入下载页面获取 64-bit 安装包:

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

8.2 注册并登录 Web UI
注册账号:

填写注册信息:

注册完成后访问:
http://127.0.0.1:9200

然后使用账号登录:

9 给 Like_Girl 创建随机公网地址
Like_Girl 运行在 Apache 下,当前本地访问方式是:
#localhost 不带端口,默认为80端口
http://localhost/likegirl/
现有流程使用默认 website 隧道继续编辑。
隧道列表:

进入编辑页面:

同时保留原有提醒:
注意:每个用户创建的隧道显示的公网地址都不一样!
更新以后,到在线隧道列表查看生成的 HTTP / HTTPS 地址:

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

能够看到 Like_Girl 页面以后,说明外部网络已经能访问这套本地网站。
10 配置固定二级子域名
随机地址适合先测试。
如果这个网站准备长期保留和分享,再继续配置固定地址。
进入预留页面:
https://dashboard.cpolar.com/reserved

现有示例中:
- 地区:China Top
- 二级域名:xylove
同时保留原有说明:
注:二级域名是唯一的,每个账号都不相同,请以自己设置的二级域名保留的为主
然后回到隧道列表,找到 xylove-80:

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

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

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

到这里,Like_Girl 从 Windows 本地站点,到可长期分享的固定访问入口,整条链才算完整。
11 这类情侣网站真正值得留下的是什么
我觉得 Like_Girl 最有意思的地方,并不是“页面够不够浪漫”。
真正决定它能不能留下来的,是内容会不会继续更新。
照片、留言、清单、纪念日、两个人的名字和头像,都是很普通的东西。但如果愿意持续往里面补,它才会慢慢从一个开源项目变成自己的纪念册。
技术部分解决的是“网站能不能跑”,真正让它有意义的还是后面不断放进去的那些内容。
总结
这次把 Like_Girl 从 XAMPP 环境一路做到后台自定义,我更愿意把它看成一个“能继续写下去的网站”,而不是七夕过后就结束的一次小项目。
Apache、MySQL、源码目录和数据库都跑通以后,再从后台把标题、头像、双方名字和时间信息改掉,模板才真正开始变成自己的纪念站。页面能打开只是第一步,后面有没有内容继续更新才更重要。
远程访问只是把这个已经能用的网站带到其他设备和网络里。Like_Girl 负责内容,XAMPP 负责本地运行环境,cpolar 负责网络入口,三部分职责分开以后,整条链也比较清楚。
如果以后还会继续往相册、留言和清单里补东西,我觉得这种站点比一次性的“浪漫页面”更有意思:时间越久,它保存下来的东西反而越多。



