ボード内の投稿にコードがある場合はそれをOGPにするようにしてみた。ツイートなどすると表示される。
画像は他のNodeサーバーで動かしていて、パスを渡せばCrieitのどのページでも画像にしてくれる。
試しにコード表示部分のCSS。
.code-area {
background-color: #282c34;
margin: 15px;
padding: 10px;
width: 100%;
border-radius: 16px;
box-shadow: 0px 25px 45px -15px rgba(0,0,0,0.25);
max-height: 285px;
overflow: hidden;
position: relative;
font-family: 'Roboto Mono', monospace;
}
.code-area::after {
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
content: '';
width: 100%;
height: 30px;
background: linear-gradient(rgba(255, 255, 255, 0) 0, #282c34 80%, #282c34 100%);
}