# 开门博客

**Repository Path**: web_akai/kai-blog

## Basic Information

- **Project Name**: 开门博客
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-08-13
- **Last Updated**: 2025-08-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<br />

<div align="center">
    <img src="./readme/logo.png" alt="" />
    <h1 style="font-size: 36px;color: #2c3e50;font-weight: 600;margin: 0 0 6px 0;">KaiBlog</h1>
    <p style="font-size: 17px;color: #6a8bad;margin-bottom: 10px;">使用流行技术开发的个人博客系统</p>
    <a href="https://gitee.com/web_akai/kai-blog" target="_blank">Gitee仓库</a>
</div>

<br />
<p align="center">
  <a href="https://nodejs.org/zh-cn/download" target="_blank">
    <img src="https://img.shields.io/badge/Node.js-%3E20.19.4-brightgreen?color=91aac3&labelColor=439EFD" alt="vue">
  </a>
  <a href="https://pnpm.io/zh/installation" target="_blank">
    <img src="https://img.shields.io/badge/pnpm-%3E10.13.1-brightgreen?color=91aac3&labelColor=439EFD" alt="vue">
  </a>
  <a href="https://v3.vuejs.org/" target="_blank">
    <img src="https://img.shields.io/badge/Vue-%3E3.5.18-brightgreen?color=91aac3&labelColor=439EFD" alt="vue">
  </a>
  <a href="https://element-plus.org/zh-CN/guide/changelog.html" target="_blank">
    <img src="https://img.shields.io/badge/Element--Plus-%3E2.9-brightgreen?color=91aac3&labelColor=439EFD" alt="element plus">
  </a>
  <a href="https://nodejs.org/zh-cn/download" target="_blank">
    <img src="https://img.shields.io/badge/vite-%3E7.1.2-brightgreen?color=91aac3&labelColor=439EFD" alt="vue">
  </a>
  
</p>


<br>
<div align="center">
img
</div>

<br>

### 介绍

🌈 基于 Vue3.x + Node.js + TypeScript + Vite + Pinia + Element Plus 等流行技术栈的后台管理系统，支持自动注册路由、文章发布、友链管理、留言板等，无需授权即可免费商用，希望能帮助大家。

### 主要特性

**👍 流行且稳定的技术栈：**
除了基于 `Node.js` 前后端分离架构外，我们的 `Vue3` 使用了 `setup、useTemplateRef` 等，状态管理使用 `Pinia`，并使用了 `TypeScript、Vite` 等可以为你的知识面添砖加瓦的技术栈。使用流行技术栈自然代表本框架兼容相关（Vue3+Nodejs+Koa2）生态，生态系统内数不清的库、包、组件，能够使您的开发事半功倍。

**🔀 前后端分离：**

项目的 `web` 文件夹内包含： `干净`（不含后端代码）、`完整`（所有前端代码文件均在此内）的前端代码文件，代码和部署均可前后分离，对前端开发者友好

### 安装使用

> Vite 不再支持 Node 12 / 13 / 15，因为上述版本已经进入了 EOL 阶段。现在你必须使用 Node 16+ / 18+ 版本。

```bash
git clone https://gitee.com/web_akai/kai-blog.git

# 进入项目
cd kai-blog

# 安装`pnpm`依赖
npm i -g pnpm

# 安装依赖
pnpm install

# 运行项目
pnpm run dev

# 打包发布
pnpm run build
```

#### 💯 学习交流加 QQ 群

> 请加以下群号，感谢老哥们支持！

群号：829514092

### 项目预览

### 特别鸣谢
💕 感谢巨人提供肩膀，排名不分先后
- [Vue](https://github.com/vuejs/core)
- [Element Plus](https://github.com/element-plus/element-plus)
- [TypeScript](https://github.com/microsoft/TypeScript)
- [vue-router](https://github.com/vuejs/vue-router-next)
- [vite](https://github.com/vitejs/vite)
- [Pinia](https://github.com/vuejs/pinia)
- [Axios](https://github.com/axios/axios)
- [nprogress](https://github.com/rstacruz/nprogress)
- [screenfull](https://github.com/sindresorhus/screenfull.js)
- [sass](https://github.com/sass/sass)
- [echarts](https://github.com/apache/echarts)
- [lodash](https://github.com/lodash/lodash)
- [eslint](https://github.com/eslint/eslint)
- [prettier](https://github.com/prettier/prettier)
- [jetbrains](https://www.jetbrains.com/)
- [vueuse](https://github.com/vueuse/vueuse)

### 版权信息
🔐 KaiBlog 遵循 `Apache2.0` 开源协议发布，提供无需授权的免费使用。\
本项目包含的第三方源码和二进制文件之版权信息另行标注。