网站访问方式

建议各位老师采取在线访问方式,本地压缩包访问,内容更新不及时,有些bug可能没有修复(如果需要最新源代码,可以去Github下载)

在线访问地址:

Github仓库地址:Github个人博客

代码本地运行

  1. 在当前项目文件夹下,运行cmd,打开cmd窗口
    cmd操作
  2. 确保你已经安装了Node.js。你可以在命令行中输入以下命令来检查是否已经安装:

    1
    node --version

    检查安装
    如果安装成功,将显示安装的Node.js版本号。如果未安装,请前往Node.js官方网站(https://nodejs.org/) 下载和安装最新版本。

  3. 在cmd窗口下,执行以下命令

    1
    http-server -p 3000

    运行
    如果报错,说明http-server模块没有安装,通过以下命令安装模块

    1
    npm install -g http-server
  4. 安装完成后,重新运行下面命令

    1
    http-server -p 3000
  5. 然后在cmd窗口中,按住Ctrl的同时,点击链接,或者在浏览器中输入http://127.0.0.1:3000运行

  6. 如果还是运行不了,请各位老师联系我

网站细节简单介绍

下面介绍网站的细节部分,主要功能由各位老师亲身体验以获得更全面的了解

移动适配

本站已完成已完成电脑,平板,手机多端适配,兼容各种型号设备

白天黑夜双模式

本站已完成白天和黑夜两种模式适配,针对黑夜模式,进行了单独页面优化

使用方法

  • 点击网页右下角齿轮,弹出两个按钮
  • 点击弹出第一个按钮,可以进行白天黑夜切换

搜索功能

右上角搜索,可以对本站所有文章内容进行检索

标签卡片

网站右侧的标签卡片,会因文章对应数量多少,产生不同大小

网站访客量统计

实现比较简单,因为本站是个静态网站,所以使用了不蒜子进行计数。

简单讲解一下原理:

  • 通过引入busuanzi.pure.mini.js与 Busuanzi 服务建立通信,并请求网站的统计数据。
  • 接收到数据后,会将统计数值填充到对应的 元素中。
  • 页面加载完成后,统计数值会显示在页面上。

压缩包内容最后更新于2023/5/28,要想查看最新网页内容,请访问在线地址,或前往Github下载最新代码