GitHub Readme.md markdown 文件 data-canonical-src 问题与图像 src

Question

我有一个 azure 函数，可以 returns 我的供稿中我的顶级博客的图片。现在，我刚刚在 Readme.md 文件中添加了该函数 URL 作为图像源，如下所示。

<img src="https://getlatestposts.azurewebsites.net/api/GetLatestPosts?code=VS4fy5DNxpj8/SUS0Chp0aGBux36c9OyOg5KhmSjh5dPVBvCaVaEuA==">

但是图像根本没有加载，当我检查生成的 HTML 时，我可以看到 src 被更新了一些奇怪的 URL 来自“https://camo.githubusercontent.com”。还有一个额外的a tag介绍。

还有其他人遇到过这个问题吗？

Answer 1

我终于解决了这个问题。我所做的是，我从我的 Azure 函数返回了一个 File Stream，而不是返回一个 base64 字符串。下面是我的 Azure 函数。

[FunctionName("GetLatestPosts")]
public static FileStreamResult Run([HttpTrigger(AuthorizationLevel.Function, "get", Route = null)] HttpRequest request, ILogger log) {
    try {
        var baseString = WriteOnImage(GetLatestFeeds());
        // Had to do this, as it was throwing error "The input is not a valid Base-64 string as it contains a non-base 64 character"
        string convert = baseString.Replace("data:image/png;base64,", String.Empty);
        var bytes = Convert.FromBase64String(convert);
        var result = new FileStreamResult(new MemoryStream(bytes), Configuration.ContentType);
        log.LogInformation("Returning stream now!");
        request.HttpContext.Response.Headers.Add("Cache-Control", "s-maxage=1, stale-while-revalidate");
        return result;;
    } catch (System.Exception ex) {
        log.LogError($ "Something went wrong: {ex}");
        throw ex;
    }
}

我确实写了一篇关于整个应用程序的文章，您可以阅读它here。它也包含 GitHub 存储库，以防万一，如果您有兴趣的话。

GitHub Readme.md markdown 文件 data-canonical-src 问题与图像 src

GitHub Readme.md markdown file data-canonical-src issue with image src

markdown

automation

github

readme

azure-functions