为hexo添加hexo-admin组件

2022-02-25 08:18:00 浏览数 (1)

准备工作

已安装好hexo,选择好自己的主题(我选择的主题是sakura),并部署到GitHub,coding等静态网站托管。

插件介绍

hexo-admin 是一个Hexo博客引擎的管理用户界面插件。这个插件最初是作为本地编辑器设计的,在本地运行hexo使用hexo-admin编写文章,然后通过hexo g或hexo d(hexo g是本地渲染,hexo d是将渲染的静态页面发布到GitHub)将生成的静态页面发布到GitHub等静态服务器。如果你使用的是非静态托管服务器,比如自己买的主机搭建的hexo,那么一定要设置hexo-admin 的密码,否则谁都可以编辑你的文章。

插件安装

1,首先进入hexo创建的博客项目的根目录下,执行 npm install --save hexo-admin mac可能需要root权限,前面加个sudo 就可以了。如果报错缺少组件,则缺少什么安装什么,npm install 加缺少的组件。

2,运行下列命令启动hexo-admin : hexo server -d 打开 http://localhost:4000/admin/ 就可以访问到hexo-admin管理页面了。

密码保护

打开setting,点击setup authentification here输入用户名,密码,下面会自动生成配置,复制到hexo根目录下的_confi.yml

代码语言:javascript复制
admin:
  username: myfavoritename
  password_hash: be121740bf988b2225a313fa1f107ca1
  secret: a secret something

重启hexo,打开 http://localhost:4000/admin/就可以看到登陆页面了。

发布文章

进入后台之后,点击deploy,里面的deploy按钮是用来执行发布脚本的,所以我们先去博客根目录下创建一个目录“admin-script”,然后再目录中新建一个脚本“hexo-d.sh”,里面写下下面代码,然后保存。 hexo g && hexo d 然后给hexo-g.sh脚本加入可执行权限 chmod x hexo-d.sh

然后在_config.yml中的admin下添加

代码语言:javascript复制
admin:
  username: myfavoritename
  password_hash: be121740bf988b2225a313fa1f107ca1
  secret: a secret something
  deployCommand: ./
admin_script/hexo-d.sh

0 人点赞