Question

我有一个网站，我希望用户能够将网站上的某些内容共享给其他应用程序，例如import React, { Component } from 'react'; ^^^^^^ SyntaxError: Unexpected token import at createScript (vm.js:80:10) at Object.runInThisContext (vm.js:139:10) at Module._compile (module.js:616:28) at Object.Module._extensions..js (module.js:663:10) at Module.load (module.js:565:32) at tryModuleLoad (module.js:505:12) at Function.Module._load (module.js:497:3) at Function.Module.runMain (module.js:693:10) at startup (bootstrap_node.js:191:16) at bootstrap_node.js:612:3，react-native-cli: 2.0.1 react-native: 0.55.4等。共享是指向图像的链接在我的网站上。如何自定义没有显示应用程序的共享内容？例如，我想在facebook上显示带有标题作为文本的图像，而不是一个奇怪的长链接URL？

Answer 1

正如评论中指出的那样，这可以通过在HTML页面的标题中包含特殊的meta标签来实现。它称为Open Graph protocol，Slack和Facebook均支持。

当您添加URL时，它将展开以显示您指定的内容，例如特定的标题，图像，说明等。

我的一个网站中的示例：

<!DOCTYPE html>
    <html lang="en">
    <head>                      
        <meta property="og:type" content="website">         
        <meta property="og:site_name" content="EVE Info" />
        <meta property="og:title" content="Rosie Dunbar | Character" />
        <meta property="og:description" content="Rosie Dunbar | Ishikawa Corporation | -0.3" />
        <meta property="og:image" content="https://imageserver.eveonline.com/Character/2112668467_128.jpg" />

如何在Slack，Facebook等上自定义共享内容？

1 个答案: