Skip to content
Find file
Fetching contributors…
Cannot retrieve contributors at this time
81 lines (53 sloc) 2.57 KB

cloudflare.md for App detail page

cloudflare.md is your marketing copy, known as the App detail page. Here's one live example of an App detail page.

cloudflare.md -- as seen in the source of this example -- must be formatted in Markdown.

This content will be rendered and displayed at cloudflare.com/apps/[APP-KEY] where [APP-KEY] is your CloudFlare-approved key, used in the directory path, among other places.

Images

You may put one or more images in your App detail page, such as screenshots of how your App appears on a site.

For an image to appear, you need to do three things:

  1. Add the image to your repo
  2. Reference the image in the "detail_page" section of the cloudflare.json file.
  3. Link to the image in the cloudflare.md file (this page).

Please limit images on the app detail page to no more than 708 pixels wide.

Adding image to your repo

Image must be in PNG format and use the .png file extension.

Recommended: place your images within /public/images in your repo. However, you may place images anywhere in your repo.

Make sure that images do not have the same base name.

CloudFlare does not maintain your repo's directory structure when processing and referencing the images.

Versioning

Images don't track versions. Any change to an image that is approved will be live right away, even if the new version is still in beta. We recommend you change the image filename if you change the image.

Reference image in cloudflare.json

To be included, each image must be referenced in the "assets" section, within the "detail_page" area, of the cloudflare.json file.

Example:

"assets":{
    "logos" : {
        "200px": "./public/images/logo-200.png",
        "132px": "./public/images/logo-132.png"
        },
    "detail_page" : [
        "./public/images/example.png"
        ]
    },

Include image link in cloudflare.md

When the cloudflare.md markdown is rendered for display on cloudflare.com, images used are those that match all three conditions:

  • in the repo
  • referenced in the cloudflare.json file
  • linked in the cloudflare.md file

Images will be hosted in /images/apps/[APP-KEY]

The cloudflare.md link must use that reference.

As code, where "sample" is the APP-KEY:

![Sample image](/images/apps/sample/example.png "Has to be a png")

An image link like the one below, for example.png, will work on your app page, although it will not work on GitHub.

Sample image

Something went wrong with that request. Please try again.