README

此自定义字段具有从 Laravel Nova 获取并显示 Unsplash 图片的能力。

安装

composer require simonbarrettact/unsplash

Unsplash 字段需要您设置一个 Unsplash 访问密钥。

在用它们创建应用后，从开发者仪表板获取您的 Unsplash 访问密钥。

完成这些后，将以下包含您的密钥的行添加到您的 .env 文件中。

UNSPLASH_ACCESS_KEY=<your access key>

然后，将您的访问密钥添加到 config/services.php 文件中

return [
    // ...

    'unsplash' => [
        'access_key' => env('UNSPLASH_ACCESS_KEY')
    ],

];

用法

在使用字段之前，您需要向您的表中添加一列。

/** * Run the migrations. 
 * 
 * @return void 
 */
 public function up()
 {    
     Schema::table('my_table', function (Blueprint $table) {
        $table->string('unsplash_id', 20);
     });
 }

要将字段添加到资源中

use SimonBarrettACT\Unsplash\Unsplash;
...
public function fields(Request $request) {
    return [
        ...
            Unsplash::make('Photo', 'unsplash_id'),
        ...
    ];
}

选项

Unsplash::make('Photo', 'unsplash_id')
   ->queryPlaceholder('Provide a topic to search for') //Optional
   ->orientation('landscape') //Optional - landscape, portrait or squarish
   ->previewSize('regular')   //Optional - thumb, small, regular, full
   ->featured(true),          //Optional - set to true to only display 'featured' images

搜索图片

要使用字段搜索图片，请输入要搜索的主题并点击“搜索”按钮。将显示随机图片。重复点击按钮将生成其他随机图片。留空搜索框将返回任意主题的随机图片。

目前此功能相对基础，但将在未来的版本中得到改进。

如果您知道 Unsplash 照片的 id，请将其输入第二个输入框中。

在您的应用中显示图片

要查看最简单的显示 Unsplash 图片的方法，请查看 Blade UI Kit。

simonbarrettact / unsplash

维护者

详情

README

安装

用法

选项

搜索图片

在您的应用中显示图片