レトロなゲームのテーマ

1694 ワード
gatsby retrogaming css typescript テキストリンク
私は驚くべきものにつまずいた.CSSは、8ビットCSSともっとクールなフレームワークです.私はこのファンシーNPMライブラリとGatsby 4を使用して迅速なデモを行った.
ソースコードは以下の通りです.

JMAU 111 / ギャツビー


Themescript、ギャツビー、およびnesで構築されたテーマ。CSS


ギャツビー


1つのページレイアウトのためのtypescript、ギャツビー、およびNES.cssで構築されたテーマ.
See live demo
オプションはありませんが、起動するのは簡単です.

機能


今のところ、かなり制限されています.
  • の1ページレイアウト
  • 非常に基本的なSEO
  • スタイル404
    • NESとのより多くのカスタマイズのために.CSSフレームワークは、良いドキュメントをチェックします.

    警告


    このテーマは、任天堂にノスタルジックなトリビュートです.それをカスタマイズするのは簡単ですが、機能の面でかなり軽いです.

    🌪 開始


    git clone https://github.com/jmau111/gatsby-nes.git and cd gatsby-nes && npm install && npm run dev
    その後、./images/でFaviconをカスタマイズします.

    チェックタイプ


    タイプスクリプトの考え方がタイプされるのは、そのためのコマンドです.
    npm run typecheck

    🎃 スタイルを変える


    あなたが何をしているかを知っているならば、あなたは./src/stylesでStyleWSを微調整することができます.テーマはスタイルのコンポーネントを使用しませんが、基本的なsassは私がフック(- add)./gatsby-browser.tsに追加します.import .
    View on GitHub
    デモはthereです
    ListViewの各エントリはどのようにして別のActivityにジャンプしますか?
    [伯俊]2005号ACM Craft