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

【源码】基于Hexo和Next框架的个性化博客系统

项目简介

本项目是基于Hexo和Next框架搭建的个性化博客系统。利用Hexo的静态博客生成能力与Next主题的丰富配置选项,能轻松打造独具特色的个人博客,适用于技术分享、生活记录等场景。

项目的主要特性和功能

特性

  • 支持中文,方便国内用户使用。
  • 有丰富菜单选项,如关于、标签、分类、互动、搜索等。
  • 提供多种动态背景效果,如Canvas_nest动态背景、canvas页面丝带等。
  • 有完善文章管理功能,支持标签、分类,可统计文章字数和阅读时长。

功能

  • 实现网站访问量统计、底部字数统计、网站运行时间显示等数据展示功能。
  • 具备打赏功能,支持微信和支付宝打赏。
  • 集成来必力云跟帖评论系统和DaoVoice在线联系功能。
  • 有站内搜索功能,便于快速查找文章。
  • 支持图片快速加载、懒加载和fancybox图片展示效果。
  • 提供多种样式定制,包括代码高亮、顶栏和底栏背景色、字体大小等。

安装使用步骤

环境安装

  1. 安装 node.js
  2. 安装 git

项目下载与依赖安装

  1. 复制本仓库到本地。
  2. 进入next-template目录,运行npm install hexo --save加载node_modules。

自定义配置

主站配置文件_config.yml

yaml title: Sakura #修改博客标题 description: #修改描述博主描述 deploy:

主题配置文件_config.yml

```yaml favicon: # 修改网站图标 small: /images/sakura.png medium: /images/sakura.png apple_touch_icon: /images/sakura.png safari_pinned_tab: /images/sakura.png

beian: # 修改备案号 enable: false icp:

enable: true

social: # 修改社交地址和图标 E-Mail: mailto:*@mail.com || envelope QQ: tencent://message/?uin=xxxxxxxxx&Site=&menu=yes || qq

links: # 修改推荐阅读 运维生存时间: http://www.ttlsa.com/ 爱运维: https://www.iyunw.cn Nginxconfig: https://nginxconfig.io/ Linux命令手册: http://linux.51yip.com/ echarts可视化库: https://echarts.baidu.com/index.html

avatar: url: /images/header.jpg #修改博主头像

reward: #修改打赏二维码 wechatpay: /images/reward/wechatpay.png alipay: /images/reward/alipay.png

livere_uid: MTAyMC80ODIzNC8yNDczMA # 修改来必力评论key,否则无法管理评论 ```

运行与部署

完成上述步骤后,可根据Hexo的常规操作进行博客的运行和部署。例如,使用hexo server命令在本地启动博客进行预览,使用hexo deploy命令将博客部署到指定的服务器。

下载地址

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