二,官方说明文档

在Development> Admin panel customization > Configuration options 文档中有相关介绍

Admin panel customization - Strapi Developer Docs

三,详细配置

通过修改项目./src/admin/app.js 的配置文件,可以实现 项目logo,项目翻译文件、项目界面UI主题颜色等配置。

所有config JSON对象中引用的静态资源文件,都应该存放在 ./ src/ admin/extensions/ 文件夹中,

并在 ./src/admin/app.js .中导入才能使用

官方文档配置选项介绍

The config object found at ./src/admin/app.js stores the admin panel configuration.

Any file used by the config object (e.g. a custom logo) should be placed in the ./admin/extensions/ folder and imported inside ./src/admin/app.js .

config 对象 ./src/admin/app.js 存储管理面板配置。

所有config JSON对象中引用的静态资源文件,都应该存放在 ./ src/ admin/extensions/ 文件夹中,

并在 ./src/admin/app.js .中导入才能使用

config 对象接受以下参数:

范围 类型 描述
auth 目的 接受一个 logo 键来替换登录屏幕上的默认 Strapi 徽标
head 目的 接受一个 favicon 键来替换默认的 Strapi 图标
locales 字符串数组 定义可用语言环境(请参阅 更新语言环境
translations 目的 扩展翻译
menu 目的 在主导航中接受 logo 更改 徽标 的键
theme 目的 覆盖或 扩展主题
tutorial 布尔值 切换 显示视频教程
notifications 目的 接受 release 键(布尔值)以切换 显示有关新版本的通知

./admin/src/app.js 完整的配置文件

// path: ./admin/src/app.js
import AuthLogo from './extensions/my-logo.png';
import MenuLogo from './extensions/logo.png';
import favicon from './extensions/favicon.ico';
export default {
  config: {
    // Replace the Strapi logo in auth (login) views
    auth: {
      logo: AuthLogo,
   // Replace the favicon
    head: {
      favicon: favicon,
    // Add a new locale, other than 'en'
    locales: ['fr', 'de'],
    // Replace the Strapi logo in the main navigation
    menu: {
      logo: MenuLogo,
    // Override or extend the theme
    theme: {
      colors: {
        alternative100: '#f6ecfc',
        alternative200: '#e0c1f4',
        alternative500: '#ac73e6',
        alternative600: '#9736e8',
        alternative700: '#8312d1',
        danger700: '#b72b1a'
    // Extend the translations
    translations: {
      fr: {
        'Auth.form.email.label': 'test',
        Users: 'Utilisateurs',
        City: 'CITY (FRENCH)',
        // Customize the label of the Content Manager table.
        Id: 'ID french',
   // Disable video tutorials
    tutorials: false,
   // Disable notifications about new Strapi releases
    notifications: { release: false },
  bootstrap() {},

Translation key/value pairs are declared in ./translations/[language-name].json files. These keys can be extended through the config.translations key:

// path: ./src/admin/app.js
export default {
  config: {
    locales: ['fr'],
    translations: {
      fr: {
        or: 'OR',
        'request.error.model.unknown': "This model doesn't exist",
        skipToContent: 'Skip to content',
        submit: 'Submit',
        Totos: 'tata',
        "content-type-builder.my-translation-key": "test"
  bootstrap() {},

If more translations files should be added, place them in /extensions/translations folder.

一,测试环境本教程在strapi v4.0版本中测试通过二,官方说明文档在Development> Admin panel customization > Configuration options文档中有相关介绍Admin panel customization - Strapi Developer Docs三,详细配置通过修改项目./src/admin/app.js的配置文件,可以实现项目logo,项目翻译文件、项目界面UI主题颜色等配置。所有c... 打开视频设备文件,通过视频采集的参数初始化,通过V4L2接口设置视频图像属性。 申请若干视频采集的帧缓存区,并将这些帧缓冲区从内核空间映射到用户空间,便于应用程序读取/处理视频数据。 将申请到的帧缓冲区在视频采集输入队列排队,并启动视频采集。 驱动开始视频数据的采集,应用程序从视频采集输出队列中取出帧缓冲区,处理后,将帧缓冲区重新放入视频采集输入队列,循环往复采集连续的视频数据。
本篇主要介绍strapi自带的plugin修改和permission配置同步示例,为了解决开发时设置了permission部署到线上还要再设置一遍的问题,但目前此样例只同步id==2的public用户类型 请注意这个系列用的版本均为3.1.3 系统自带插件 首先可以先去github如图切换版本,点击packages就可以看到strapi自带的plugin列表,这篇的主要目标是strapi-plugin-users-permissions这个包 本地同步代码package 首先我是这么创建了packages
Strapi插件image-api 这是用于 headless CMS的插件,它可以帮助您在Unsplash和Giphy上搜索图像,将其导入到媒体库,并以适当的归因方式插入到Rich Text内容中。 从Unsplash导入 从Giphy导入 选项1,安装了基于React的所见即所得strapi插件 经测试支持的插件 yarn add strapi-plugin-zeasy-image-api 使用npm: npm install strapi-plugin-zeasy-image-api 配置未启动 注册一个Unsplash帐户 在Unsplash上​​创建一个应用,记下您的app name和Access Key ,稍后将使用它。 注意:一个演示应用每小时将有50个请求的限制 配置Giphy 注册Giphy帐户 在Giphy上创建一个
Strapi是一种灵活的、开放源码的无头CMS,开发者可以自由选择自己喜欢的工具和框架,编辑器也可以轻松地管理和分发内容。通过使管理面板和API可扩展通过插件系统,Strapi使世界上最大的公司加速内容交付,同时建立美丽的数字体验。 用一句话来概括:免费开源的Nodejs无头CMS内容管理框架,建立在自定义api。 自定义内容结构 轻松的内容管理 开发人员友好的API 角色和权限 Strapi具有内置的用户系统,可让您管理谁可以访问什么。 构建项目 简单构建电商网站。