网站介绍

这个网站是一个主题为Joe的个人博客网站。它使用了HTML5、CSS3和JavaScript等技术,并使用localStorage来存储用户的夜间模式设置。此外,该网站还使用了百度推送服务(Baidu Push)来实现实时通知功能。

功能模块

  • 夜间模式:通过localStorage.getItem("data-night")判断用户是否已经启用夜间模式,如果启用则将<html>元素的data-night属性设置为"night"
  • 主题下载:提供了Joe主题的下载链接,用户可以根据需要选择相应的主题进行下载。
  • API接口:提供了与后端服务器通信的API接口地址,用于处理前端页面的数据请求和交互操作。
  • 动态背景:默认关闭了动态背景功能,但用户可以选择开启或关闭此功能。
  • 手机设备检测:通过正则表达式检测用户的浏览器是否为Windows Phone、iPhone或Android平台。
  • 百度推送:集成了百度推送服务,实现了实时通知的功能,方便读者获取到最新的文章更新和通知信息。
  • 文档标题:用于显示当前网页的文档标题。
  • 懒加载图片:引入了懒加载图片技术,可以提高网页加载速度和用户体验。
  • 生日提醒:记录了作者的出生日期,并在特定日期自动显示生日祝福语。

API接口说明

以下是一些常用的API接口:

  • THEME_URL:主题下载地址,用于返回Joe主题的下载链接。
  • BASE_API:后端API接口的基础地址,用于处理数据请求和交互操作。
  • DYNAMIC_BACKGROUND:是否开启动态背景功能的开关,取值为onoff,默认为off
  • WALLPAPER_BACKGROUND_PC:桌面壁纸背景图片的URL地址,仅在PC端显示。
  • IS_MOBILE:检测当前设备是否为移动设备的正则表达式对象,用于判断设备类型。
  • BAIDU_PUSH:百度推送服务的开关状态,取值为truefalse,默认为true
  • DOCUMENT_TITLE:当前网页的文档标题。
  • LAZY_LOAD:懒加载图片的占位图URL地址。
  • BIRTHDAY:作者的出生日期字符串。

以上是关于该网站的基本介绍和功能模块的说明,希望能对您有所帮助!