个人博客网站成功上线

呼呼呼呼，在昨天费劲千辛万苦终于成功上线了自己的个人网站项目，为啥要在昨天上线呢？哈哈哈，因为昨天是我的生日，我要送给自己一个特别的生日礼物，嘻嘻嘻嘻，也算是不负众望，在生日的头一个小时，我成功的利用购买的阿里云服务器上线了我的个人网站，网址名为：

www.fujianjian.cn 欢迎各位访问，并且提出你们的宝贵意见。接下来我介绍一下我的网站主要的功能。

一，主页面

由于我比较喜欢好看的华丽点的页面，于是采用了html+css+js实现星空特效_拾玥花开的博客-CSDN博客的文章。

页面图片为：

背景的星空是不断旋转着的。

二，点击链接访问到首页

这是进入首页后所展示的内容，左边的标签栏可以访问到另外的几个页面，在这个页面下方我放了几篇文章上面我写了自己的成长经历，嘻嘻嘻，要不可能是真的没啥可以写的，大家请不要笑话，页面展示如下：

本身是可以把介绍内容放到另个页面的，在当我们点击每一个不同的照片或者链接时，跳转到文章详情介绍页面，但是因为我有点懒了，就写到了外面，因为我没有添加数据库和后端的内容，头像和点击量评论数我都是写的固定的，这个页面设计了一个响应式设计：

当将页面缩小为一定的距离时，标签栏会收回去，取而代之的是一个可以点击的插件，点击之后变成了如图所示内容：

点击关闭按钮又可以收回去，这个页面考虑到了手机端访问的用户，于是添加了另一个的响应式设计，如图：

这样的话手机端也可以很舒服的访问并且浏览，也是可以点击三道横杠的插件

，之后也是可以选择其他页面标签：

页面的最底下有个导航菜单，我没怎么认真编写，只是有一个形在那里放着：

接下来我们介绍第三个页面。

三，相册页面

该页面我没有设计其他主要的功能，只有一个功能就是大图预览功能

点击不同的照片时，可以弹出一个大图预览，点击X按钮就可以关闭这个大图，恢复照片的页面

四，花园宝宝页面

其实该页面也就是一个轮播图的功能，这个功能我在之前写过一篇文章在前面，这个页面我选择了几张好看的图片挂在了上面：

该图片会在3秒左右进行一次图片的切换，当你点击下面的数字时，图片会直接跳到你点击数字所对应的图片位置，之后此页面的底部也是有一个导航栏，一二三页面都是带有一个导航栏在底部。

之后的三个页面就都是一些特效页面了，也都是参考了我们csdn的博客大佬们

五，高危页面

流星雨特效，参照于 html写流星雨（完整代码）_秦哥的博客-CSDN博客_html流星雨代码

具体页面如图：

因为我很喜欢这种氛围，每个小孩子都会喜欢这种看起来酷酷的感觉把，嘻嘻嘻，我也是小孩子。

六，爱心冲击

参照于html爱心特效代码_梦游星海的博客-CSDN博客

页面如下：

这里出现了一些中文乱码，我因为着急上线，也没有特别的去修改一下，大家体谅一下，

七，旋转相册框

参照于fool宋转载的文章

页面如下：

这个页面也有着一些乱码，将就一下=.=；这个页面就是当你的鼠标在不同的位置时，照片的切换速度和方向是不一样的，越靠近中心一点的位置，速度会越慢，看起来十分的酷炫。

到这里，我的网站所有的功能就介绍完了，之后这个页面也会不断的进行更新，修改，会增加许多不同的新功能，敬请期待把。

还有，我之前就写过一个功能的文章，最近如果学业不忙，我会继续编写不同的功能代码，就这些，拜拜。