私は手をコーディングせずに更新されるたびに変更する新しいサイトを作成したい..

これは何年も私のバケットリストにされている!時が過ぎる.しかし、どのような良い機会が数ヶ月の最後のカップルは、(各夜)のコーディングのweeビットを取得します.それは非常に100日目の挑戦ではないが、それは素晴らしく、私自身のペースで(そして今私はちょうどそれがどのように中毒性を覚えているだけで、この1つの少しのコードを終了したい).
それで私は静的に生成されたサイトフレームワークを試してみたかった(古き良き時代に戻るが、我々は今、より身近なツールを持っている).
(これにはあまり関係ありませんでしたが、小さなデザインの調整にも便利でした).聞いたことがある11ty and netlify . 私は前にNunjucksを使用したことがない、そのテンプレートは私が好きな神社に似ています.👍
私は、私の選択、11 tyのCMSとNetlifyで展開しました.

単純化😆
ここで、完成したページが展開され、毎晩リビルドされて変更を受け取ります.https://irish-diversity-in-tech.netlify.app/diversity/
そして、私は何を知っていますか、私は同様に、私は私の毎月のコーディンググレースニュースレターやブログ私は毎日更新し続けるために手でアイルランドと北部アイルランドの技術イベントのリストをキュレーション以来、私は同様に、ハイテクイベントをもたらす可能性があります知っている.私が作成して以来、私はこれを更新しないhttps://irish-diversity-in-tech.netlify.app/events/ . 😎
両方のためにこれを行うことによって、私は自分自身の時間のバケット負荷を保存しました.何年も私は多くの時間を更新し、複数の場所でキュレーションを過ごした.私は自分自身を言い続けて、私は時間を節約するためにサイトを書くつもりだ.さて、私は時間が飛ぶと言うとはい、私は先延ばしだった.私は一人ではない.😜

では始めから始めましょう

簡単に1位で更新できるサイト

私に時間を節約(ニュースレターへのコピーと貼り付け、リストを自動的に更新)

コミュニティは、githubの上でPRSによって貢献することができます

それは1つだけ更新する😉)

透過性( 3 )

ご注意ください

この記事は最初から終わりまでのチュートリアルからページを作成することについてではありません、そして、それは私が何をしたいかについて文書化しています.コーディングをしながらコーディングしながらノートを書きましたBear.app .

瞬間まで

技術グループリストの多様性

日付書式

Hmm, the dates are appearing in form of
Fri Sep 11 2020 01:00:00 GMT+0100 (Irish Standard Time)

しかし、私は彼らに2020 - 09 - 11です.
フィルタの簡単な説明を見つけました.

Down the Rabbithole: Custom filters for Nunjucks templates in Eleventy

その他のhttps://www.npmjs.com/package/dayjs

11ty Rocks: Create Your First Basic 11ty Website

Nunjucksにおけるソーティング

{% for group in groups | sort(attribute=‘name’)%}

Stackoverflow:How can I sort by date with Nunjucks?

Marは、Nunjucksでものをリストします

リストに新しい項目を追加するものがあるかどうか疑問に思っていました.

Appending to a list #240

うまくいきます.
これはアクティブグループのみのリストを作成しました

{% set up_groups = [] %}
{% for group in diversityGroups.groups %}
  {% if group.status == “active” or group.status == “new” %}
    {% set up_groups = (up_groups.push(group), up_groups) %}
  {% endif %}
{% endfor %}

私の技術イベントリストに

Moarカスタマイズ日付と時刻

私が私の中で欲しかった方法と日付を変更すること.第一にJSフィルター

Luxon manual: Table of Tokens

Let’s Learn Eleventy! Boost your Jamstack skills with 11ty

Can't iterate over a global data subfolder #304

Collections for directory indexes #502

How to use different content dates for pages generated from data through pagination? #1249

今まですごいことになる.それでサン・サン31世で、私ができるかどうか見たかった.

月と年の間のイベントをリストするページを作成します

現在の月のイベントをリストするためにリストページを作成します

アーカイブされた月リストへのリンクのリストを作成する

forループから抜け出す方法はありません( docsに失敗したかどうかチェックしなければなりません).

Stackoverflow: Breaking Nunjucks Loop

また、この便利なデフォルトの11 tyのデータページをgrokkedしたはずです.

Eleventy Supplied Data | Eleventy, a simpler static site generator.

ヘルパー関数を作成し、_data . トー驚くべき保存し、何を探していた.

Dynamic footer copyright date in Eleventy - Quick Tip - Piccalilli

次のステップは、コードをリファクタリングすることです.

私は、月テンプレートでコードを再利用することができます

内容を置き換えるevents/index.html からtest.html

この時点で、私はハイテクイベントのリストで何をしたいの大部分を得た

主要なイベントページ

ハイテクイベントの多様性

セクションの残りの部分は、イベント、会議、などのグレースイベントのリストのページから取得された会議などのようなan example post 私はそれに基づいて.

イベント月リスト(一般的なイベントイベントの多様性)

データは私の静的サイトでリフレッシュが必要

私は、内容がリフレッシュされるように、各々の夜を構築して、再配備する必要があります.
だから私は使用するつもりですGitHub actions 以下のようになります-

GitHub Actions Documentation - GitHub Docs

Scheduling builds and deploys with Netlify - #9 by futuregerald - Features - Netlify Community

Schedule your Netlify build with GitHub Actions — Eric Jinks

そして、クールな技術の多くを読んで、チェックアウトし、後で試してみる(または私のブラウザでそのタブを開いておく)のリストに追加する人として😅), Githubアクションはそれらの1つであった.私は何のためにGithubアクションを使用するか全くわからなかった.そして、このWEEプロジェクトがやって来ました、そして、私の静的サイトは定期的に再建されて、再配置される必要があります.おそらく最も人気のあるアクションとしては、最も簡単です.

しかし、私はそれを働かせました.私はそこに座っているサイトが再構築されたかどうかを確認するために秒をカウント座っていた-そして、それが働いたと再び次の日(奇妙な時間の時にそれを設定した後)、私は十分にいくつかの友人にそれを起動して満足していた.🎉


観客のための質問(誰がこれを下に読んで、ありがとう)、あなたはGithubのアクションを使用しますか?

maページはどこですか？

404ページを実装する必要があります

Eleventy - QUICK TIP 006—ADDING A 404 NOT FOUND PAGE TO YOUR STATIC SITE

とタダ!それはほとんど行われている.その上、毎晩weeビットをコード化することができました.

人々は貢献できるので、私は速い貢献をしました.Githubからの提案に基づくMDページ:

https://github.com/whykay/diversity-in-tech-ireland/blob/master/CONTRIBUTING.md

まだ以下のようにしたいことがいくつかあります.

要求のテンプレートを追加/更新グループ、イベントの場合は、人々がしないでください.

新しいラベルを示すか、イベントのために少しの論理も書きません.

もっと知っているけど、今は考えられない.😉

しかし、はい、私は非常に満足している11 tyのCMSとNetlifyすべてのハードワークを私にそれを展開する.そして、それはすべて無料です!🙌