hexo-admin实现用户登录
时间: 2023-12-27 07:05:29 浏览: 108
hexo-admin2.3.0补丁.zip
Hexo-Admin 是一个基于 Node.js 和 Vue.js 的 Hexo 博客管理系统,实现了博客的管理、文章的编辑、分类、标签、评论、备份、部署等一系列功能。在 Hexo-Admin 中,用户需要登录才能使用这些功能。下面是 Hexo-Admin 实现用户登录的步骤:
1. 安装 hexo-admin 插件
首先需要在 hexo 博客项目中安装 hexo-admin 插件,可以使用以下命令:
```shell
npm install --save hexo-admin
```
2. 配置 hexo-admin 插件
在 hexo 博客项目的 _config.yml 文件中添加以下配置:
```yml
admin:
username: your_username # 设置用户名
password_hash: your_password_hash # 设置密码(需要使用密码哈希值,可以使用 md5 加密)
secret: your_secret # 设置 secret(随机字符串,用于加密)
```
注意:密码需要使用 md5 加密,可以使用以下命令生成密码哈希值:
```shell
echo -n your_password | md5sum
```
3. 登录页面
在 hexo 博客项目中创建一个名为 admin 的页面,用于用户登录。在 admin 页面中添加以下代码:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Hexo-Admin Login</title>
<link rel="stylesheet" href="/admin/css/app.css">
</head>
<body>
<div id="app"></div>
<script src="/admin/js/manifest.js"></script>
<script src="/admin/js/vendor.js"></script>
<script src="/admin/js/app.js"></script>
</body>
</html>
```
4. 设置登录路由
在 hexo 博客项目的 _config.yml 文件中添加以下配置:
```yml
router:
/admin/:path: admin
```
这样就可以通过访问 /admin/login 来登录了。
5. 启动 hexo 博客项目
使用以下命令启动 hexo 博客项目:
```shell
hexo server
```
然后访问 http://localhost:4000/admin/login 进入登录页面,输入用户名和密码即可登录。
阅读全文