您好!欢迎来到源码码网

开源博客系统Hexo Boot源码免费下载

  • 开发工具
  • 来源:源码码网
  • 编辑:admin
  • 时间:2021-11-26 17:29
  • 阅读:451

一、Hexo Boot

Hexo Boot 是基于 Spring Boot + MySQL 开发的一套开源的博客系统。前身是 ml-blog 博客系统,在此基础上演变和扩展而来。

二、扩展功能

除了继承 ml-blog 中的功能(文章、分类、标签、全局参数)外,Hexo Boot 还扩展了一下功能

2.1 评论、留言功能

轻松查看网友的评论与留言,及时互动,同时还附带表情功能,丰富回复内容

2.2 友链功能

与网友互换主页,友好分享

2.3 主题功能

支持前端页面主题动态变换以及在线编辑源码,让页面色彩丰富起来,同时支持自定义主题

2.4 黑名单功能

设置 ip 黑名单,防御网络小人恶意攻击系统

2.5 附件功能

支持本地、七牛云、OSS 3种附件管理

2.6 备份功能

支持自动和手动备份SQL数据,防患数据丢失

2.7 音乐播放

支持音乐配置管理以及在线播放,切换页面不中断

2.8 动态

发表个人心情(支持图片、视频和 emoji 表情)、名人名言等简短信息

2.9 默认主题特色

支持 CDN 配置图片延迟加载图片灯箱夜间模式音乐播放打赏功能点赞功能评论功能(支持两种:默认和Twikoo)文章布局(支持两种:卡片和列表)实现 pjax

更多详情请访问下边提供的网址进行浏览。


3.1 后台管理预览图

安装页面

仪表盘页面

文章页面

评论页面

参数配置页面

个人详情页面

数据备份页面

黑名单页面

附件页面

主题列表页面

修改主题源码页面

3.2 前端预览图(默认主题)

四、启动与部署

4.1 启动

下载源码,通过 Idea 工具打开项目,修改 resources 目录下的 application.yml 中的数据库配置(用户名和密码),运行项目即可。

前端主页访问地址:

http://127.0.0.1:8080

后端管理访问地址

http://127.0.0.1:8080/admin/login.html

4.2 部署

该项目支持 war 包和 jar 包两种方式运行

4.2.1 war 包形式

1.修改 pom.xml 文件的 2 处地方:

将 <packaging>war</packaging> 注释放开排除 spring-boot-starter-web 的内置 tomcat

2.mvn clean package,打出名为 ROOT.war 文件,将其上传至 tomcat 的 webapps 目录下(如已有 ROOT 文件,将其删掉),启动 tomcat 即可

4.2.2 jar 包形式

1.创建博客配置文件夹 mkdir ~/.hexo-boot

2.mvn clean package,打出 jar 包后上传至 ~/.hexo-boot

3.将 application.yml 文件上传至 ~/.hexo-boot 目录中,根据自己的情况修改application.yml的数据库信息

4.创建 Service 服务

vim /etc/systemd/system/hexo-boot.service# 编辑内容如下:[Unit]Description=hexo-bootAfter=syslog.target[Service]User=rootExecStart=/usr/java/jdk8/bin/java -server -Xms512m -Xmx1024m -jar /root/.hexo-boot/hexo-boot.jar --spring.config.additional-location=/root/.hexo-boot/Restart=always[Install]WantedBy=multi-user.target

注意:内存分配和路径根据自己的情况进行修改,且路径必须是绝对路径!

注意:内存分配和路径根据自己的情况进行修改,且路径必须是绝对路径!

注意:内存分配和路径根据自己的情况进行修改,且路径必须是绝对路径!

  1. 服务命令

# 启动systemctl start hexo-boot# 重启systemctl restart hexo-boot# 关闭systemctl stop hexo-boot
  1. 补充

步骤1 和 步骤2 可以使用如下命令代替

注意 jar 版本号,请使用最新版本

注意 jar 版本号,请使用最新版本

注意 jar 版本号,请使用最新版本

【GitHub】资源

# 下载安装包curl -L https://github.com/moonlightL/hexo-boot/releases/download/2.3/hexo-boot-2.3.0.jar --output ~/.hexo-boot/hexo-boot.jar# 下载 spring boot 配置文件,记得要修改数据库配置curl -L -o ~/.hexo-boot/application.yml --create-dirs https://github.com/moonlightL/hexo-boot/releases/download/1.4.0/application.yml

【码云】资源

# 下载安装包curl -L https://gitee.com/moonlightL/hexo-boot/attach_files/620620/download/hexo-boot-2.3.0.jar --output ~/.hexo-boot/hexo-boot.jar# 下载 spring boot 配置文件,记得要修改数据库配置curl -L -o ~/.hexo-boot/application.yml --create-dirs https://gitee.com/moonlightL/hexo-boot/attach_files/537532/download/application.yml

五、添加主题

5.1 方式一

下载主题源码,修改名称(比如 hexo-boot-theme-abc 改成 abc),然后将整个文件夹复制到项目的 resources/templates/theme 下(与 default 目录同级),启动项目即可。

如若项目已经启动运行,也可复制到 classes/templates/theme 下即可

5.2 方式二

进入博客后端管理界面 -> 更换主题 -> 拉取安装,出现地址拉取框

输入主题的 git 地址,点击“拉取”按钮,即可等待下载安装

5.3 方式三

将主题文件(.zip)下载到本地,然后进入博客后端管理界面 -> 更换主题 -> 上传安装,出现上传文件框

选择需要上传的主题文件,点击“解压安装”按钮即可

特别声明:
1、如无特殊说明,内容均为本站原创发布,转载请注明出处;
2、部分转载文章已注明出处,转载目的为学习和交流,如有侵犯,请联系客服删除;
3、编辑非《源码码网》的文章均由用户编辑发布,不代表本站立场,如涉及侵犯,请联系删除;
全部评论(0)
推荐阅读
  • bootstrap ui框架能用在uniapp中吗?
  • bootstrap ui框架能用在uniapp中吗?
  • BootstrapUI框架通常是前端开发中的一种工具,它提供了一套预定义的CSS样式和组件,用于快速构建响应式布局的网页。然而,UniApp是一个使用Vue.js开发跨平台应用的框架,它可以用来开发iOS、Android、以及各种小程序和H5应用。
  • 互动社区
  • 来源:源码码网
  • 编辑:热度建站
  • 时间:2024-04-12 00:04
  • 阅读:180
  • css实现banner图由中心点动态放大效果
  • css实现banner图由中心点动态放大效果
  • 在日常的网页设计中,为了让网页增加一定的特效以达到交互的目的,我们尝尝会在网页中使用一些动画效果。今天来说说实现banner图由中心点动态放大效果,实现这个效果需要用到css中的动画:animation​和关键帧:@keyframes,具体示例如下:
  • 源码教程
  • 来源:源码码网
  • 编辑:源码码网
  • 时间:2024-04-11 18:52
  • 阅读:193
  • countUp.js实现鼠标滑动到某个位置数字自动滚动增加的效果
  • countUp.js实现鼠标滑动到某个位置数字自动滚动增加的效果
  • 在网页开发中为了提升网页的交互效果,经常会用到使用js给网页增加一定的特效,下边就来说说使用js实现鼠标滑动到某个位置数字自动滚动增加的效果。其实这种效果有很多中解决办法,自己也可以去写,下边我们借助countUp.js来实现,关于这个js文件,我放在末尾:
  • 源码教程
  • 来源:源码码网
  • 编辑:源码码网
  • 时间:2024-04-08 09:20
  • 阅读:269
  • 响应式网页设计思路及注意事项
  • 响应式网页设计思路及注意事项
  • 一、什么是响应式网页响应式网页设计就是让网页具有根据设备类型应用CSS样式的能力。设计:设想、计划。设计就是把想法实现。网页设计:按照一定的设计思路布局网页内容。传统网页设计:都是针对PC端浏览器而设计的,不具备查询设备的能力,更不能对多种访问设备做出响应。传统网页设计的弊端:在移动互联网时代,传统的网页设计不适合多屏幕时代。响应式网页设计应运而生。响应式网页设计是一种设计网页的思想/方法。响应:指让我们的网页能够自动查询用户的访问设备
  • 源码教程
  • 来源:源码码网
  • 编辑:源码码网
  • 时间:2024-04-02 11:24
  • 阅读:176
  • css中rel的属性值都有哪些,分别代表什么意思
  • css中rel的属性值都有哪些,分别代表什么意思
  • 在HTML中,元素的rel属性用于定义当前文档与被链接文档之间的关系。这个属性在CSS的上下文中经常与样式表关联,但rel属性的用途远不止于此。以下是一些常见的rel属性值及其意义:1、stylesheet:表示被链接的文档是一个样式表。这通常用于链接CSS文件。
  • 源码教程
  • 来源:源码码网
  • 编辑:源码码网
  • 时间:2024-03-28 12:28
  • 阅读:306
联系客服
源码代售 源码咨询 素材咨询 联系客服
029-84538663
手机版

扫一扫进手机版
返回顶部