110のコミュニティ主導のサイト:貢献の準備
110(110)が私の頼りになる静的サイトジェネレーターになりました。その速度、柔軟性、および感染されていない性質により、Style Stage、CSSショーケースなどのコミュニティ主導のWebサイトなど、コミュニティの貢献を搭載したさまざまなプロジェクトに最適です。このタイプのプロジェクトのEleventyの強みには、Lightning-Fastビルド、テンプレートの柔軟性、多用途のファイルの作成とレンダリング、複数のテンプレート言語(HTML、Markdown、Nunjucks)のサポート、およびその静的なHTML出力による高性能が含まれます。
110のコミュニティ主導型サイトを成功させる鍵は、データソースからページを動的に生成できることです。この記事では、そのようなサイトを構築するための重要な事前コードステップの概要を説明します。
シリーズの概要:
- 貢献の準備(現在の記事)
- サイトの構築(次の記事)
繁栄するコミュニティのウェブサイトの構築:重要な考慮事項
コミュニティ主導のサイトの作成は複雑でした。ただし、高およびその他の最新のツールを使用すると、このプロセスは大幅に合理化されています。貢献者を招待する前に、これらの重要な手順を考慮してください。
1.貢献者アクセスを定義します
どのコンテンツ貢献者が変更できるかを決定します。スタイルの段階では、JSONファイルを使用すると、貢献者はページを生成するために使用されるメタデータを使用してプルリクエストを送信できます。また、分類のためにアセットのアップロードまたは複数のデータファイルを許可する場合があります。貢献の範囲と、管理可能なコミュニティを確保するためのレビュー能力を考慮してください。 GitHubアクションは、無効なファイルのチェックを自動化できます。
2。明確なガイドラインを確立します
明確に定義されたガイドラインが不可欠です。これらのガイドラインは、githubリポジトリのCONTRIBUTING.md
ファイルに文書化する必要があります。このファイルは、貢献者がプル要求または問題を作成すると自動的に表示されます。コンテンツのライセンス、著者の帰属、および許容可能なコンテンツポリシーに対応します。たとえば、スタイルステージは、不適切な画像またはガイドライン違反の拒否基準を指定します。
3.ワークフローと自動化を実装します
サイトビルドを11分の1で処理しますが、NetlifyやGitHubなどの他のツールは貢献プロセスを強化します。 Netlifyは、各プルリクエストの展開プレビューを作成し、貢献者が提出物をテストし、メンテナー時間を節約できるようにします。 GitHubは、公開討論と説明責任を促進します。より頻繁なデータの更新については、IFTTTまたはZapierを使用して通常の展開をスケジュールすることを検討してください。このワークフローには、GitHubアカウントを持つために貢献者が必要であることに注意してください。
4.通信方法を選択します
更新について貢献者に通知することの重要性を判断します。 Style Stageは、MatthewStrömの記事「NetlifyフォームとNetlify関数を使用して電子メールサインアップウィジェットを構築する」で詳述されているように、毎週のニュースレター(Netlifyフォーム、Netlify関数、およびButtondownを使用して管理されています。代替品には、GitHubレポの通知またはリリースが含まれます。
5。貢献者を募集して関与させます
プロジェクトを宣伝して、貢献者を見つけます。スタイルステージでは、Twitterの投票と「貢献者向けの呼びかけ」キャンペーンを使用し、潜在的な貢献者と関わり、それらをプロジェクトの支持者に変えました。ローンチのライブストリームは、関心を生み出すのにも役立ちました。コミュニティと積極的に関与し、参加の道を提供することを忘れないでください。サイトコンテンツ内の貢献機会を強調します。
6.リポジトリ設定を構成します
リポジトリが公開されており、必須の「コミュニティヘルス」ファイルが含まれていることを確認してください。
-
README.md
:プロジェクトの説明。 -
CONTRIBUTING.md
:提出ガイドライン。 - [リクエスト]テンプレートをプル:送信用の構造化されたテンプレート。
支店の保護ルール(設定→ブランチ)を実装して、メインブランチに合流する前にプルリクエストレビューを要求します。
次のステップ
この記事では、コミュニティ主導のサイトを110で構築するための基盤を提供します。次の記事では、コードを掘り下げて、自分のコミュニティや個人のウェブサイトに適応できるスタータープロジェクトをさらに作成します。
シリーズの概要:
- 貢献の準備(現在の記事)
- サイトの構築(次の記事)
以上が110のコミュニティ主導のサイト:貢献の準備の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック











Google Fontsが新しいデザイン(ツイート)を展開したようです。最後の大きな再設計と比較して、これははるかに反復的です。違いをほとんど伝えることができません

プロジェクトにカウントダウンタイマーが必要だったことはありますか?そのようなことのために、プラグインに手を伸ばすのは自然なことかもしれませんが、実際にはもっとたくさんあります

新しいプロジェクトの開始時に、SASSコンピレーションは瞬く間に起こります。これは、特にbrowsersyncとペアになっている場合は素晴らしい気分です。

タータンは、スコットランド、特にファッショナブルなキルトに通常関連する模様のある布です。 Tartanify.comでは、5,000を超えるTartanを集めました

インラインテンプレートディレクティブにより、既存のWordPressマークアップに対する進行性の強化として、リッチVUEコンポーネントを構築できます。

PHPテンプレートは、多くの場合、サブパーコードを促進するために悪いラップを取得しますが、そうである必要はありません。 PHPプロジェクトが基本を実施する方法を見てみましょう

私たちは常にWebをよりアクセスしやすくしたいと考えています。色のコントラストは単なる数学なので、SASSはデザイナーが見逃したかもしれないエッジケースをカバーするのに役立ちます。
