如何给你的Hexo安装一个本地后台管理(Hexo Admin)

博客地址:https://catdog007.icu

如何给你的Hexo安装一个本地后台管理(Hexo Admin)

成果图:

image-20200917224846706


** 我们写博文的时候,没有一个后台管理系统,很难像wordpress和typecho那样直接写博文,而是要通过 hexo new post "yourtitle"来实现 **,很明显,这种方案是十分耗时而且不方便的。

如下图:

如何给你的Hexo安装一个本地后台管理(Hexo Admin)

安装

想要安装hexo admin,我们可以直接访问它们的github项目地址

image-20200917224203948

开始:

npm install --save hexo-admin,通过这个命令,我们可以很容易地把hexo-admin安装进来

接下来我们运行

hexo s

可以运行hexo,接下来在浏览器地址栏粘贴这个地址,

http://localhost:4000/admin/

就可以直接在浏览器里用markdown写博文了。

但是为了安全,在进入/admin时,增加一层账户密码的校验逻辑,插件也提供了安全验证

配置环节

标准配置代码:
  1. 得到你的password_hash,进入Settings > Setup authentification,如下图所示:

image-20200917224536341

  • 示范:image-20200917224633810

    我们需要复制image-20200917224658960上图中的内容

更改部分:
  1. 修改文件 _config.yml

  2. admin:
      username: myfavoritename
      password_hash: be121740bf988b2225a313fa1f107ca1
      secret: a secret something
    

说明,username是登陆账户名,password_hash是你在web端填下你的密码转换出来的

保存即可。

成果图:

image-20200917224846706

要配置多个用户,您需要在Hexo博客中使用插件“hexo-admin”。以下是如何为多个用户配置“hexo-admin”的步骤: 1. 安装hexo-admin”插件 在命令行中输入以下命令来安装hexo-admin”插件: ``` npm install --save hexo-admin ``` 2. 创建新的管理员用户 在Hexo博客的根目录中,创建一个名为“_config.yml”的文件,并在其中添加以下内容: ``` admin: username: yourusername password_hash: yourpasswordhash ``` 其中,“yourusername”是您要创建的新管理员用户的用户名,“yourpasswordhash”是该用户的哈希密码。 要创建哈希密码,您需要在命令行中输入以下命令: ``` npm install --save bcryptjs ``` 接下来,在命令行中输入以下命令来生成哈希密码: ``` node -e "console.log(require('bcryptjs').hashSync(process.argv[1], 10));" yourpassword ``` 将“yourpassword”替换为您想要的密码,然后将生成的哈希密码复制到上面的“_config.yml”文件中。 3. 创建多个管理员用户 要为更多的用户创建管理员帐户,请按照步骤2中的指示重复该过程,并添加更多的用户名和哈希密码。 4. 启用“hexo-admin”插件 在Hexo博客的根目录中,打开“_config.yml”文件,并确保以下行没有注释: ``` # Hexo-admin hexo-admin: username: yourusername password_hash: yourpasswordhash ``` 将“yourusername”和“yourpasswordhash”替换为您要使用的管理员帐户的用户名和哈希密码。 5. 重启Hexo服务器 最后,在命令行中输入以下命令来重新启动Hexo服务器: ``` hexo server ``` 现在,您可以使用新的管理员帐户登录到Hexo-admin中,以管理您的博客。
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值