OGP対応をã—ãŸã‚„ã‚Šæ–¹ node-canvas ã§ã‚¿ã‚¤ãƒˆãƒ«ã‚’å…ƒã«ã—ãŸç”»åƒã‚’ public/ogp/[slug].png ã«ç”Ÿæˆ <meta property="og:image" content="<url>"> ã§ãã®å‡ºåŠ›ç”»åƒã‚’指定 ä»–ã€og:title ã‚„ og:url, <meta name="twitter:card" content="summary_large_image" > ã‚’è¿½åŠ ç”»åƒç”Ÿæˆã‚¹ã‚¯ãƒªãƒ—ト 特ã«ç†ç”±ãŒãªã„㌠node@14 ã® mjs ã§æ›¸ã„ãŸã€‚ // script/generate-ogp.mjs import canvas from "canvas"; import fs from "fs/promises"; import path from "path"; const W = 600; const H = 315; const LINE_HEIGHT = 30; fun
HTML5ã§ã‚²ãƒ¼ãƒ を作りãŸã„時ã«å‚考ã«ãªã‚Šãã†ãªè¨˜äº‹ã®ãƒ¡ãƒ¢ - ã‚‚ã¨ã¾ã‹æ—¥è¨˜
How To Enable HTML5 In Chrome | Robots.net
GREE Engineering
{{#tags}}- {{label}}
{{/tags}}