このギャツビーテンプレートであなたのdevポートフォリオを作成してください

1342 ワード

react gatsby テキストリンク

ブログ作成
私は最近、あなたはGatsby、次は、Nuxt、Sapper、Scarly、およびGridsomeとMarkdownのブログを生成することができます、“作成Markdownのブログ”と呼ばれるツールを作成しました.私は、Markdownブログが開発者に多くの利益を提供するので、開発者ポートフォリオの出発地としてそれを使用することを奨励しました.
Markdown を書く練習
GithubヒートマップのためにGitthubがコミットするので、

ポストも数えます

静的サイト生成からのより良いSEOと速度

開発者ポートフォリオも開発プロジェクトを表示するためにページを使用することができましたが、私は開発者と一緒にもう少し組み込まれている新しいテンプレートを作りました.

あなたを得るためにいくつかの初期のスタイリング(まだ裸の骨ので、それは既存のスタイリングと戦うことなく、あなたのスタイルで動作するように簡単です)

サイトがオフラインで働いて、PWA として資格を得るように、

Gatsbyオフラインプラグイン
JSONファイル

からデータをレンダリングするページを使用して、プロジェクトに関する情報を一覧表示するJSONファイル

使い方

テンプレートのコピーを作成する

npx create-markdown-blog gatsbyportfolio portfolio

は、SRC/JSON/ポートフォリオに向かいます.JSONとあなたのプロジェクト

のデータを入力します
既存のブログ記事を編集して、このファイルをコピーして、ペーストしてください、

src/pages/indexを編集します.メインページ

を編集するJS

SRC/レイアウト/レイアウト.JSは、ヘッダーとフッターと全体的なテンプレートが

に設計されるところです

スタイルのコンポーネントをSRC/スタイルから使用したり、SRC/Styleを使用してCSSを使用したりすることができます.CSS

netlifyに展開し、ビルドコマンドを"gatsby build "に設定し、公開ディレクトリを"public "

に設定します

現在、あなたは行く準備ができているポートフォリオウェブサイトを持っています!

Reference

この問題について(このギャツビーテンプレートであなたのdevポートフォリオを作成してください), 我々は、より多くの情報をここで見つけました https://dev.to/alexmercedcoder/create-your-dev-portfolio-with-this-gatsby-template-215g

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol

どのようにGOの任意のJSONで動作するように?

Android->ダイナミックロードActivity(Intentを使用せずにActivityを起動)