diff --git a/docs/book/v1/how-tos/twitter-opengraph-cards.md b/docs/book/v1/how-tos/twitter-opengraph-cards.md index 5f72248..bd89b8b 100644 --- a/docs/book/v1/how-tos/twitter-opengraph-cards.md +++ b/docs/book/v1/how-tos/twitter-opengraph-cards.md @@ -10,14 +10,14 @@ Make sure to update all items based on your page content. - + - + ``` @@ -26,4 +26,5 @@ In the example: - `{{ url('app::index') }}` is the absolute URL of the homepage, and `url()` returns an absolute URL for any route name, which is what cards require — you can point a card at another page the same way, just like the canonical URL does in `{% block canonical %}{{ url(routeName ?? null) }}{% endblock %}`. - The `block` item is present to mitigate for not-found pages, e.g. when the url is typed incorrectly. - Card images must be absolute URLs too, but `asset()` on its own returns a path, so it is wrapped in `absolute_url()`. -The image from `{{ absolute_url(asset('images/app/My-image.png')) }}` is found in `public/images/app/PHP-REST-API.png`, but it is copied there by the `npm` script from `src/App/assets/images/PHP-REST-API.png`. +The image in the example, `images/app/logo.png`, is served from `public/images/app/logo.png`, where the Vite build copies it from `src/App/assets/images/logo.png`. +Replace it with your own card image by adding the file to `src/App/assets/images/` and rebuilding.