npm 包 hexo-admin-yf 使用教程

什么是 hexo-admin-yf

hexo-admin-yf 是一个 Hexo 博客后台管理的 npm 包,它提供了一个 web 界面,可以让你在浏览器里面轻松管理你的 Hexo 博客。简单易用的界面,包括文章、标签、分类、页面等相关管理模块。

如何安装 hexo-admin-yf

你可以使用 npm 命令进行安装:

--- ------- -------------

如何使用 hexo-admin-yf

启动 hexo-admin-yf

添加如下配置到 _config.yml 文件中:

------
  -------- -----
  --------- -------------
  -------------- ------------------

其中 password_hash 为你的密码的 md5 值。

然后执行以下命令启动 hexo-admin-yf:

---- ------ --

在浏览器地址栏中输入 http://localhost:4000/admin,就可以打开 hexo-admin-yf 的界面了。

界面介绍

登陆后,你可以看到如下界面:

其中,左边是导航菜单,中间是管理区域,右边是相关信息。

配置管理

这里可以对 Hexo 博客配置进行修改,包括主题、页头页脚等等。

文章管理

这里可以添加、删除、编辑文章。支持 markdown 语法。

页面管理

这里可以添加、删除、编辑页面。

分类管理

这里可以添加、删除、编辑分类。

标签管理

这里可以添加、删除、编辑标签。

使用示例

添加文章

在 Hexo 博客的目录下输入以下命令:

---- --- ---------

然后切换到 hexo-admin-yf 界面,进入文章管理,可以看到刚才添加的文章。你可以在这里编辑文章,支持 markdown 语法。

添加页面

在 hexo-admin-yf 界面中进入页面管理,点击添加页面,进行编辑。同样支持 markdown 语法。

总结

hexo-admin-yf 的出现,让我们可以在浏览器管理 Hexo 博客,给我们带来了很大的便利。

在使用的过程中,一定要注意保护好密码,不要泄露给别人。如果你是在公网环境下使用,建议加上 https,保证数据的安全传输。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/6005555d81e8991b448d28e6


猜你喜欢

  • npm 包 dialrules 使用教程

    什么是 dialrules dialrules 是一个基于 JavaScript 的 npm 包,可用于解析和格式化电话号码。它提供了一个简单易用的 API,仅需要传入一个电话号码和国家/地区的区域代...

    2 年前
  • npm 包 remade 使用教程

    在前端开发中,我们常常需要使用到一些基础组件和效果,这时候我们就可以使用别人已经封装好的 npm 包进行开发。其中一个常见的 npm 包就是 remade(Remix Made)。

    2 年前
  • npm 包 remade-components 使用教程

    简介 在前端开发中,我们常常需要使用 UI 库来构建页面,以此提高开发效率。此时,一个好用的 UI 库往往能事半功倍。其中,remade-components 就是一款优秀的 UI 库,它提供了多种常...

    2 年前
  • npm 包 uservit 使用教程

    简介 uservit 是一个用于前端开发的 npm 包,它提供了一些常用的工具函数,方便我们进行开发。它可以帮助我们提高开发效率,避免重复的代码编写。 安装 使用 npm 安装 uservit: --...

    2 年前
  • npm 包 babel-plugin-react-hyperscript-require 使用教程

    什么是 babel-plugin-react-hyperscript-require babel-plugin-react-hyperscript-require 是一个可以帮助开发者在 React ...

    2 年前
  • npm 包 botmaster-button 使用教程

    简介 Botmaster-button 是一个 npm 包,可以帮助开发者轻松创建聊天机器人中的快捷按钮。该包提供了一种简洁而灵活的方式来创建按钮,并且很容易集成到现有的 Botmaster 机器人框...

    2 年前
  • npm 包 nascent.destructor 使用教程

    简介 nascent.destructor 是一个简单、轻量级的 JavaScript 库,用于实现对象的垃圾回收和资源的自动释放。 在 JavaScript 中,垃圾回收通常是由浏览器或运行环境自动...

    2 年前
  • npm 包 slack-alert 使用教程

    随着互联网的发展,流行的团队协作工具也逐渐增多。其中,Slack 是一个非常受欢迎的团队协作工具,它可以帮助团队成员协作完成任务,并提供良好的沟通平台。 在前端开发中,我们会经常用到一些自动化工具,比...

    2 年前
  • npm 包 wot-model 使用教程

    wot-model 是一个基于 Typescript 的 ORM 框架,用于编写 Node.js 服务端程序中的数据模型。它的设计借鉴了 Rails 中的 ActiveRecord 模型,在实现过程中...

    2 年前
  • npm 包 dom-filenameify 使用教程

    在前端开发中,我们常常需要操作 DOM 元素的 class、id 和属性等。但是在实际开发中,我们经常会遇到需要根据元素的文件名来修改其属性值的情况。这个时候,dom-filenameify npm ...

    2 年前
  • npm包fault-line-js 使用教程

    前言 随着前端技术的不断发展,工具链的重要性越来越受到开发者的重视。npm作为JavaScript生态系统的核心组成部分,它的包管理、依赖解析和版本管理等功能,使得前端开发更加高效、易于维护。

    2 年前
  • NPM包 react-disqus-thread-api 使用教程

    在现代Web开发中,交互和评论是一个重要的组成部分。React Disquss thread API是React社区中的一个NPM包,它可以帮助Web开发人员轻松地将Disquss评论集成到他们的Re...

    2 年前
  • npm 包 zurb-foundation-6-prebuilt 使用教程

    在前端开发中,经常需要使用各种第三方库和框架来帮助我们提高工作效率,其中 zurb-foundation-6-prebuilt 就是一款非常优秀的前端框架。它提供了丰富的 UI 组件和样式,可以帮助我...

    2 年前
  • npm 包 apidoc-plugin-public 使用教程

    前言 在前端开发的过程中,我们经常需要与后端的接口沟通、联调,因此接口文档的编写非常重要。apidoc 是一个生成接口文档的工具,可以非常方便地将注释转化为可视化的文档。

    2 年前
  • npm 包 coffeelint-rules 使用教程

    概述 coffeelint-rules 是一个针对 CoffeeScript 语言的代码检查工具,它可以帮助你在编写 CoffeeScript 代码时发现潜在的问题并提供自动化的修复方案。

    2 年前
  • npm 包 davclient.js 使用教程

    什么是 davclient.js? davclient.js 是一个基于 JavaScript 的 WebDAV 客户端库。它提供了对 WebDAV 协议的完整支持,包括文件和文件夹的创建、删除和重命...

    2 年前
  • npm 包 check-process 使用教程

    简介 npm 包 check-process 是一款用于检测系统进程是否运行的工具。它可以帮助前端开发者快速定位程序中的问题,并提高开发效率。 安装 你可以通过 npm 工具,在全局或项目依赖中安装 ...

    2 年前
  • npm 包 idoticon 使用教程

    idoticon 是一个基于 SVG 和 CSS 的图标库,提供了众多的矢量图形图标,可以轻松引用到前端项目中,满足多样化的界面需求。 安装 在使用 idoticon 之前,需要先安装这个 npm 包...

    2 年前
  • npm 包 lrm-osrm4 使用教程

    前言 路线规划是地图应用领域中的一个重要环节,它可以方便地为用户提供从起点到终点的最优路径。而 OpenStreetMap、OpenRouteService 和 Mapbox 等服务则为路线规划提供了...

    2 年前
  • npm 包 interpolate-loader-options-webpack-plugin 使用教程

    前言 在前端应用程序开发过程中,使用Webpack作为模块打包工具已经成为了一个常规。而在Webpack中,我们通常需要使用loader对源代码进行处理,来满足各种开发需求。

    2 年前

相关推荐

    暂无文章