建情人节表白网站(超详细过程,包教包会)

2022-07-31 11:06:42 浏览数 (1)

@TOC

一、前言

声明:此文章以经过原作者允许进行的二次创作,原作者的博文如下,感谢作者Veen Zhao,带来漂亮的主题

代码语言:html复制
https://blog.zwying.com/archives/59.html

网站的搭建其实在七夕的时候就已经弄好了,只是当时不会搭建,然后就放了好几个月,偶然发现情人节快到了,遂重新搭建了这个网站,不过说实话除了网站还真想不出有啥能够体现程序员的特长,你说各种代码,c,c ,java即时给你做出不错的GUI界面,人家还不一定会打开,网站最容易了,有手(机)就行,下面是它的效果展示视频,觉得好的记得三连哦

video(video-M743NdEb-1644774889919)(type-bilibili)(url-https://player.bilibili.com/player.html?aid=851563922)(image-https://img-blog.csdnimg.cn/img_convert/360c544485e1d5266c41b2b9cb0d1af2.png)(title-程序员专属情人节表白网站)

二、准备工作

首先你需要准备一个云服务器和搭建一个空白的网站,这部分不是重点,如果有小白不会搭建的话可以参考我的这两篇文章进行搭建

手把手教你从零开始腾讯云服务器部署

服务器的简单应用

三、安装 Typecho

1.下载源码

typecho官方网址

下载正式版的就可以了

在这里插入图片描述在这里插入图片描述

2.部署到网站上

将压缩包解压,然后把以下文件复制到网站的一级目录下(其他目录也是可以的,不知道是作者还是typecho在这方面有一个写死的规则,默认网站以一级目录搭建,这部分在后面的过程中会涉及到,如果精通php和js的同学可以自行改造)

在这里插入图片描述在这里插入图片描述

这里以宝塔搭建网站为例,搭建完毕,网站目录下应该有下列文件,记得把宝塔自带的index.html删除,不然会出现访问优先级的问题,第一个文件是验证SSL证书的文件,可以忽略

在这里插入图片描述在这里插入图片描述

3.开始安装 Typecho

域名直接访问即可开始安装

在这里插入图片描述在这里插入图片描述

接下来就是各种参数的填写了,这些参数的填写很简单,创建一个数据库,然后填写相关信息,邮箱记得填写常用的用于找回密码,这里有一个参数需要注意,即数据库地址,这里一般就是本地访问的地址,如果不是同一台服务器需要填写内网或者外网地址,与数据库所在位置有关,其他的参数都很容易

在这里插入图片描述在这里插入图片描述

安装成功了,即将进入主题

在这里插入图片描述在这里插入图片描述

四、更换主题

进入控制台,一般是启动域名加/admin就可以访问了,接下来就是更换成这套漂亮的主题Brave了,下载zip即可

Brave的github地址

将这些文件复制压缩成Brave为名的zip然后,解压到usr/themes文件夹里面即可,确保Brave的下一级文件目录是这些文件

在这里插入图片描述在这里插入图片描述

控制台这边启用刚刚复制进来的主题即可

在这里插入图片描述在这里插入图片描述

五、主题设置

1.创建界面

这里需要创建三个界面,首页,祝福版,LoveList,其中祝福版的地址和LoveList的地址等下要用,用于界面的跳转,然后创建界面要选择相应的模板,作者安排了三个默认的显示模板,每次创建都要记得选哦

  • 首页

这里为了方便记忆直接采用数字的html,也可以更改

在这里插入图片描述在这里插入图片描述
  • 祝福板
在这里插入图片描述在这里插入图片描述
  • Love List

这个界面需要填充恋爱清单,所以这个需要在界面里面写一些代码,代码如下,仅供参考,可以自行修改和补充

代码语言:html复制

loveList

item status="0" img=""一起看日出

0 人点赞