项目简介
本项目是基于HTML的个人博客系统,主要用于存储和管理个人博客的公共资源文件。项目涵盖博客主题、搜索系统、文章置顶、宠萌、音乐歌单页面、视频嵌入、豆瓣功能等模块,用户能借助该项目快速搭建并部署功能丰富的个人博客。
项目的主要特性和功能
- 主题支持:采用
hexo-theme-butterfly
主题,提供美观的博客界面。 - 搜索系统:支持本地搜索与Algolia搜索,便于用户快速查找博客内容。
- 文章置顶:通过插件实现文章置顶功能,优先展示重要内容。
- 宠萌功能:使用
hexo-helper-live2d
插件,为博客添加可爱的宠萌角色。 - 音乐歌单页面:通过
hexo-tag-aplayer
插件,可在博客中嵌入音乐播放器。 - 视频嵌入:使用
hexo-tag-dplayer
插件,支持在博客页面嵌入视频。 - 豆瓣功能:通过
hexo-douban
插件,可在博客展示豆瓣电影、图书和游戏信息。 - 页面跳转:支持博客页面跳转到其他外部页面,如购房预算计算器。
安装使用步骤
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】