二,官方说明文档
在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具有内置的用户系统,可让您管理谁可以访问什么。
构建项目
简单构建电商网站。