npm 包 hexo-myadmin 使用教程

介绍

Hexo 是一个流行的静态博客生成器,旨在让您使用简洁易懂的文本文件,通过 Markdown 格式写作,并生成漂亮、快速并易于管理的静态网站。Hexo-myadmin 是一个基于 Node.js 平台的 Hexo 博客后台管理系统,它提供了一个可视化的界面,方便用户管理博客文章,分类和标签等信息。本文主要介绍如何使用 Hexo-myadmin 来管理 Hexo 博客网站。

安装 Hexo-myadmin

可以通过 npm install 命令来安装 Hexo-myadmin 插件,安装完成后,在 Hexo 的配置文件中添加如下配置:

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

其中,usernamepassword 为登录 Hexo-myadmin 的账号和密码,path 为 Hexo-myadmin 管理页面的路径,secret 为用户会话私钥,用于加密和防止 XSS 攻击,language 为语言设置,默认为英文。

启动 Hexo-myadmin

安装 Hexo-myadmin 插件完成后,可以通过如下命令启动 Hexo-myadmin:

---- -------

启动完毕后,访问 http://localhost:4000/admin/ 即可进入 Hexo-myadmin 管理页面,输入上文中配置的用户名和密码即可登录。

使用 Hexo-myadmin

Hexo-myadmin 提供了多种管理功能,包括文章发布、分类和标签管理,站点设置等功能。以下以文章发布为例,介绍如何使用 Hexo-myadmin 管理博客文章。

发布文章

在管理页面中选择 "Posts",然后点击 "New Post" 即可进入文章编辑页面。在编辑页面中,可以输入文章标题和正文,也可以选择分类和添加标签。编辑完成后,点击 "Save" 即可保存文章。文章存储在 Hexo 的博客源文件夹的 source/_posts 目录下,并生成对应的 Markdown 文件,Hexo-myadmin 会自动触发 hexo generate 命令重新生成静态页面。

分类和标签管理

可以通过 "Categories" 和 "Tags" 来管理文章的分类和标签。在管理页面中选择 "Categories" 或 "Tags",然后点击 "New Category" 或 "New Tag" 来添加新的分类或标签。在编辑页面中输入分类或标签名称,然后点击 "Save" 即可保存修改。

站点设置

可以通过 "Site" 来设置站点信息,包括站点标题、描述、主题等信息。在管理页面中选择 "Site",然后输入相应的设置,最后点击 "Save" 即可保存修改。修改完成后,Hexo-myadmin 会自动触发 hexo generate 命令重新生成静态页面。

总结

在本文中,我们介绍了如何使用 npm 包 Hexo-myadmin 来管理 Hexo 博客网站。通过安装和配置 Hexo-myadmin,我们可以使用可视化的界面来管理博客文章、分类、标签和站点设置等信息。Hexo-myadmin 让博客管理变得更加方便和高效,并提高了用户的体验。如果您是一位 Hexo 用户,那么强烈建议您尝试使用 Hexo-myadmin 来管理您的博客网站。

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


猜你喜欢

  • npm 包 nfe-urbanski 使用教程

    简介 nfe-urbanski 是一个基于 JavaScript 的 npm 包,它可以将数字转换为汉字的人民币金额读法。本文将详细讲解如何使用该 npm 包。 安装 首先,你需要安装 npm,这里不...

    4 年前
  • npm 包 js-ocaml-evaluator 使用教程

    介绍 js-ocaml-evaluator 是一个运行在浏览器或 node.js 上的 npm 包,它用于在 JavaScript 环境中执行 OCaml 代码。它可以帮助前端开发者在浏览器中进行丰富...

    4 年前
  • npm 包 cordova-plugin-scanplate 使用教程

    简介 cordova-plugin-scanplate 是一个 npm 包,提供在 Cordova 项目中使用扫码识别功能的能力。该插件底层依赖于 Cordova 扫码核心库“zxing”,可以通过扫...

    4 年前
  • npm包 seng-generator 使用教程

    简介 seng-generator是一款基于Yeoman的npm包,它是一个帮助前端开发自动生成预设代码的工具。seng-generator提供了许多内置的模板和脚手架,可以快速生成各种前端项目开发所...

    4 年前
  • npm 包 @urbanski/nfe-urbanski 使用教程

    简介 npm(Node Package Manager)是 Node.js 自带的包管理器,用于管理 Node.js 应用程序所需的各种包和依赖关系。而 @urbanski/nfe-urbanski ...

    4 年前
  • npm包 @omneedia/nodegit 使用教程

    前言 随着前端开发技术的不断发展,越来越多的工具和库被用来帮助我们编写优秀的应用程序。其中,使用Git来管理我们的代码是一个非常普遍的方式。在这篇文章中,我们将会学习如何使用npm包 @omneedi...

    4 年前
  • npm 包 gunvue 使用教程

    在前端开发中,npm 包是必不可少的工具,它能够帮助我们更高效地编写和管理项目。 gunvue 是一个轻量级的数据存储库,它能够自动同步数据并可自由制定规则,非常适用于前端开发。

    4 年前
  • npm包hapi-auth-hawk使用教程

    介绍 hapi-auth-hawk是Hapi框架的自定义策略插件,可用于快速提供Hawk身份验证。Hawk是一种用于HTTP身份验证的协议,它使用了强壮的加密和时间相关的身份验证令牌。

    4 年前
  • npm 包 yar 使用教程

    简介 yar 是一个基于 Hapi 的易于使用的 Session 管理器,提供了通用的 API,如 GET、HEAD、POST、PUT、PATCH、DELETE。它的设计利用了服务器的相对静态的初始内...

    4 年前
  • NPM 包 gulp-local-screenshots-for-windows 使用教程

    简介 gulp-local-screenshots-for-windows 是一个 NPM 包,可以帮助前端开发者在本地生成网站的屏幕截图。这款包适用于操作系统为 Windows 的电脑。

    4 年前
  • npm 包 crumb 使用教程

    在前端开发过程中,我们难以避免使用一些第三方库或者包。其中 npm 包 crumb 就是前端开发中比较常用的一个包。本篇文章将会详细介绍 crumb 的使用方法,并提供示例代码供读者参考。

    4 年前
  • npm 包 bell 使用教程

    什么是 npm 包 bell? npm 包 bell 是一个用于在终端中播放铃声和提示音的工具。它提供了多种预先设定的铃声和提示音,也支持自定义铃声和提示音。 在前端开发中,我们通常会用到终端来运行一...

    4 年前
  • npm 包 Scooter 使用教程

    Scooter 是一款轻量级的前端用户代理检测库,通过检测 userAgent,能够获取用户的设备、操作系统、浏览器以及版本号等信息。Scooter 在前端性能优化中应用广泛,能够针对不同的用户代理,...

    4 年前
  • npm包stream2使用教程

    简介 npm包stream2是Node.js提供的用于处理流式数据的工具,它能够快速地将数据传输到一个系统中的另一个部分,从而实现高效的数据处理。stream2提供了多种流类型,例如可读、可写和转换流...

    4 年前
  • npm 包 @9hub/ngx-avatar 使用教程

    @9hub/ngx-avatar 是一个 Angular 组件,用于显示用户头像。它可以自定义头像大小、形状、边框、背景颜色和文字颜色等属性。通过 @9hub/ngx-avatar,我们可以快速、方便...

    4 年前
  • npm 包 electron-tray-indicator 使用教程

    前言 electron-tray-indicator 是一个基于 Electron 的系统托盘指示器,封装了常见的定制化功能,旨在帮助开发者快速构建自己的桌面应用程序。

    4 年前
  • npm 包 penseur 使用教程

    简介 在前端开发中,我们经常会写一些需要进行数据处理的代码,例如去重、排序、筛选等操作。为了提高开发效率,我们通常会选择使用现有的数据处理工具库。而这时,npm 包 penseur 就是一个很好的选择...

    4 年前
  • npm 包 vstx-data-table 使用教程

    简介 vstx-data-table 是一款基于 React 框架开发的数据表格组件,提供了强大的表格渲染和数据处理功能,可以轻松地在你的项目中使用。 安装 使用 npm 进行安装: --- ----...

    4 年前
  • npm 包 @omneedia/node-sass 使用教程

    如果你正在开发一个前端项目并需要编写样式,那么你肯定会接触到 Sass 这个 CSS 预处理器。而 @omneedia/node-sass 这个 npm 包则是 Sass 的一个 Node.js 绑定...

    4 年前
  • npm 包 @9hub/udf-component 使用教程

    @9hub/udf-component 是一款基于 React 的 UI 组件库,它包含了许多常用的前端组件,例如按钮、弹出框、下拉框等等。通过简单的安装和配置,您便可以轻松地在您的项目中使用这些组件...

    4 年前

相关推荐

    暂无文章