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 サイトの他の関連記事を参照してください。

@keyframesandcsstransitionsdifferincomplexity:@keyframesallowsfordeTailedAnimationのシーケンス、whilecsstransitionshandlesimplestatechanges.usecsstransitionsは、ButtonColorChanges、および@keyframesforintricateanimationslikerotatingingspinnnersを使用します。

私は知っています、私は知っています:たくさんのコンテンツ管理システムオプションが利用可能であり、私はいくつかテストしましたが、実際にはY'知っているものはありませんでしたか?奇妙な価格設定モデル、困難なカスタマイズ、一部は全体になることさえあります&

CSSファイルをHTMLにリンクすることは、HTMLの一部で要素を使用することで実現できます。 1)タグを使用して、ローカルCSSファイルをリンクします。 2)複数のタグを追加することにより、複数のCSSファイルを実装できます。 3)外部CSSファイルは、そのような絶対URLリンクを使用します。 4)ファイルパスとCSSファイルの読み込み順序の正しい使用を確認し、パフォーマンスを最適化すると、CSSプリプロセッサを使用してファイルをマージできます。

FlexBoxまたはグリッドの選択は、レイアウト要件によって異なります。1)FlexBoxは、ナビゲーションバーなどの1次元レイアウトに適しています。 2)グリッドは、雑誌のレイアウトなどの2次元レイアウトに適しています。この2つは、レイアウト効果を改善するためにプロジェクトで使用できます。

CSSファイルを含める最良の方法は、タグを使用してHTMLパーツに外部CSSファイルを導入することです。 1.タグを使用して、外部CSSファイルを導入します。 2。小さな調整のために、インラインCSSを使用できますが、注意して使用する必要があります。 3.大規模プロジェクトでは、@Importを介して他のCSSファイルをインポートするために、SASS以下などのCSSプリプロセッサを使用できます。 4。パフォーマンスのために、CSSファイルをマージし、CDNを使用し、CSSNANOなどのツールを使用して圧縮する必要があります。

はい、Youはrelearnbothlexboxandgrid.1)FlexBoxisidealforone-Dimensional、FlexiblleayoutslikenavigationMenus.2)Gridexcelsintwo-digsignssuchasmagazinelayouts.3)Bothenhanceslaysutibulivedibulisunivedivition、floctonsulururを

独自のコードをリファクタリングするのはどのように見えますか?ジョン・レアは、彼が書いた古いCSSアニメーションを選び、それを最適化するという思考プロセスを歩きます。

cssanimationsArenotintinlentyhardbutrepracticeanderstanding ofcsspropertiesandtimingfunctions.1)


ホットAIツール

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

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

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

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

人気の記事

ホットツール

MinGW - Minimalist GNU for Windows
このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。

Safe Exam Browser
Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。

DVWA
Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、

Dreamweaver Mac版
ビジュアル Web 開発ツール

EditPlus 中国語クラック版
サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません
