littlebot
Published on 2025-04-09 / 1 Visits
0

【源码】基于HTML的个人博客系统

项目简介

本项目是基于HTML的个人博客系统,主要用于存储和管理个人博客的公共资源文件。项目涵盖博客主题、搜索系统、文章置顶、宠萌、音乐歌单页面、视频嵌入、豆瓣功能等模块,用户能借助该项目快速搭建并部署功能丰富的个人博客。

项目的主要特性和功能

  1. 主题支持:采用hexo-theme-butterfly主题,提供美观的博客界面。
  2. 搜索系统:支持本地搜索与Algolia搜索,便于用户快速查找博客内容。
  3. 文章置顶:通过插件实现文章置顶功能,优先展示重要内容。
  4. 宠萌功能:使用hexo-helper-live2d插件,为博客添加可爱的宠萌角色。
  5. 音乐歌单页面:通过hexo-tag-aplayer插件,可在博客中嵌入音乐播放器。
  6. 视频嵌入:使用hexo-tag-dplayer插件,支持在博客页面嵌入视频。
  7. 豆瓣功能:通过hexo-douban插件,可在博客展示豆瓣电影、图书和游戏信息。
  8. 页面跳转:支持博客页面跳转到其他外部页面,如购房预算计算器。

安装使用步骤

1. 安装Hexo环境

确保已安装Node.js和Git,使用以下命令安装Hexo: bash npm install -g hexo-cli

2. 复制项目并安装依赖

复制本项目到本地: bash git clone <项目地址> 进入项目目录并安装依赖: bash cd <项目目录> npm install

3. 安装所需插件

  • 安装主题依赖: bash npm install hexo-renderer-jade hexo-renderer-stylus --save
  • 安装本地搜索插件: bash npm install hexo-generator-search --save
  • 安装文章置顶插件: bash npm install hexo-generator-index-pin-top --save
  • 安装宠萌插件: bash npm install hexo-helper-live2d --save npm install live2d-widget-model-wanko
  • 安装音乐播放器插件: bash npm install --save hexo-tag-aplayer
  • 安装视频播放器插件: bash npm install --save hexo-tag-dplayer
  • 安装豆瓣功能插件: bash npm install hexo-douban --save

4. 配置_config.yml文件

根据项目需求,修改_config.yml文件中的相关配置,如主题、插件设置等。

5. 运行和部署博客

  • 本地运行博客: bash hexo clean && hexo douban -bgm && hexo g && hexo s
  • 部署博客到服务器: bash hexo clean && hexo douban -bgm && hexo g && hexo deploy

通过以上步骤,可成功搭建并部署一个功能丰富的个人博客系统。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】