为他她搭建一个情侣站点吧!

最近同学看见我的情侣记录网站:肖❤蔡 ,就来问我怎么整的,看来是春天到了啊!

站点基于Typecho平台建站,该平台后台很轻量,网站访问也很流畅,真的适合搭建轻主题。

本次使用的主题名为Brave勇敢爱,主题作者@秦枫鸢梦

本次修改了jsdelivr的原地址,由于前阵国内备案掉了导致访问速度极慢!

主题介绍

图片[1]-为他她搭建一个情侣站点吧!-剧毒之触博客

可以看出这个网站极简,主页面从上到下只有一言、情侣展示区、恋爱时间计时器;

  1. 祝福板(用于网站访客发送祝福)
  2. 点点滴滴(情侣写的文章会被收录其中)
  3. Love List(恋爱清单,用于记录两人想一起做的事)

祝福版

图片[2]-为他她搭建一个情侣站点吧!-剧毒之触博客

点点滴滴

图片[3]-为他她搭建一个情侣站点吧!-剧毒之触博客

Love List

图片[4]-为他她搭建一个情侣站点吧!-剧毒之触博客

建站准备

  1. 一个服务器
  2. 一个备案域名并将域名解析到服务器
  3. 宝塔面板安装与配置

Typecho安装

Brave主题安装

进入宝塔在/usr/themes上传主题文件

图片[5]-为他她搭建一个情侣站点吧!-剧毒之触博客

图片[6]-为他她搭建一个情侣站点吧!-剧毒之触博客

解压此压缩包 解压解压

图片[7]-为他她搭建一个情侣站点吧!-剧毒之触博客

图片[8]-为他她搭建一个情侣站点吧!-剧毒之触博客

主题配置

进入Typecho后台 点击更换主题 启用Brave 主题

image-20220325140414567

图片[10]-为他她搭建一个情侣站点吧!-剧毒之触博客

启用后,创建对应页面,这里有三个页面需要创建:

首页

祝福板

Love List

一定要选择对应的模板!!!)。

保存 祝福板页面 ,和Love List 页面 的地址,后面会用到。

图片[11]-为他她搭建一个情侣站点吧!-剧毒之触博客

设置永久链接

/{cid}.html

图片[12]-为他她搭建一个情侣站点吧!-剧毒之触博客

点击设置外观 进入配置站点信息

图片[13]-为他她搭建一个情侣站点吧!-剧毒之触博客

注意:如果需要使用emoji表情 请查看数据库的字符集是否为 utf8mb4编码 否则 设置项全部丢失或者网页访问失败

按照内容填好链接就好

图片[14]-为他她搭建一个情侣站点吧!-剧毒之触博客

首页Love List页面图标:https://pic.thtown.cn/images/2022/03/25/202203251409748.png

首页祝福板页面图标:https://pic.thtown.cn/images/2022/03/25/202203251409709.png

首页点点滴滴图标:https://pic.thtown.cn/images/2022/03/25/202203251409552.png

使用说明

恋爱清单采用短代码形式书写,不再采用繁杂的文章发布,格式如下:

[loveList]
[item status="0" img=""]一起看日出?[/item]
[item status="0" img=""]一起看日落?[/item]
[/loveList]
// 参数说明:status="0",img=""。
//status 为 0 将显示灰色对勾,代表未完成此项,为 1 会显示绿色对勾,代表完成此项
//img 后面可以填写图片的链接,将显示在清单展开后,不填默认灰色填充 

作者自己的恋爱清单如下,需要的自己可以下载:
[button color="light" icon="" url="https://cloud.thtown.cn/s/ae5tpc" type=""]清单下载[/button]

主题下载:
[button color="info" icon="" url="https://cloud.thtown.cn/s/b50h0h" type=""]主题下载[/button]
注意:本次修改了jsdelivr的原地址,修改后的jsd 设置了防盗链! 为:jsd.thtown.cn

© 版权声明
THE END
喜欢就支持一下吧
点赞12 分享
评论 抢沙发

请登录后发表评论