このリポジトリは、www.adrianmoreno.infoで情報、構造、および設計を保持しています。これは、いくつかのテクノロジーを試し、Googleページの速度洞察を使用してWebサイトを最適化するか、いくつかのGulpスクリプトをテストする遊び場です。
CV-WebsiteをEngineerし過ぎても良い言い訳ですよね? ;-)
ページのテーマは、独自のレポでヒューゴのテーマAdritianとして、このサイトから独立して供給されています。
コンテンツは、非常に高速で柔軟で調整可能な静的コンテンツジェネレーターであるHugoで生成されます。 Goで作られています。最初の理由で、私が最初に遊び始めました。その後、その力と強力なコミュニティを発見しました。
Hugoのインストールは事前要求です。その後、 hugo serve
のように、ヒューゴCLIのコマンドを使用できます。
このリポジトリのコードは、後でGitHubアクションで処理されます。これにより、HTMLがHugoで生成され、CSS、画像、JSがGulpで処理され、内容をVercelにエクスポートします。
それが得られるのと同じくらい簡単です! vercelによって構築されるブランチをカスタマイズするには、ビルドコマンドと無視ステップがカスタマイズされます。これにより、 gh-pages
ブランチに生成されたコンテンツをまだ保持することができ、Vercel Deploymentsによってそのブランチを無視することができます。
コマンドをビルド:
echo VERCEL_GIT_COMMIT_REF=$VERCEL_GIT_COMMIT_REF; if [ "$VERCEL_GIT_COMMIT_REF" == "gh-pages" ]; then echo "Skipping build" && exit 0; else echo "Looking for build script" && test -f vercel-build.sh && chmod +x vercel-build.sh && ./vercel-build.sh; fi;
ステップを無視する:
echo VERCEL_GIT_COMMIT_REF=$VERCEL_GIT_COMMIT_REF; if [ "$VERCEL_GIT_COMMIT_REF" == "gh-pages" ]; then echo "Skipping build" && exit 0; else echo "Continuing build!" && exit 1; fi;
Vercel vs CloudFrontに注意してください
CloudFrontがすべてのフォルダーに対して定義されたルートオブジェクトをサポートしていないため、AWS CloudFrontからVercelに切り替えました(つまり、 /experience
パスのindex.html
)。ある時点で、Lambda関数を使用するオプションを試すことができますが、それはプロジェクトインフラストラクチャを刷新し、コードとしてインフラストラクチャとして設定するチャンスでもあります(CDKまたはTerraformで設定)。
あなたは私がサイトで何かをした方法について、どのように、またはなぜしたのかについてのいくつかの情報が欲しいですか?私に一行を落としてください! (フォームは、別の素晴らしいソフトウェア、formspree.ioに接続されています)。