Crieitの開発
2019-02-01に投稿

ボード内の投稿にコードがある場合はそれを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%);
  }

だら@Crieit開発者

Crieitの開発者です。 Webエンジニアです(在宅)。大体10年ちょい。 記事でわかりにくいところがあればDMで質問していただくか、案件発注してください。 業務依頼、同業種の方からのコンタクトなどお気軽にご連絡ください。 業務経験有:PHP, MySQL, Laravel, React, Flutter, Vue.js, Node, RoR 趣味:Elixir, Phoenix, Nuxt, Express, GCP, AWS等色々 PHPフレームワークちいたんの作者

Crieitの開発
所有者限定モードのためこのボードには投稿できません
コメント
Crieitの開発