blogtini

ブログティニ

スライド/プレゼンテーション

https://traceypooh.github.io/slides/dweb-2022 (トレーシー トークは https://dwebcamp.org)

サイトは次の場所で公開されています:

• https://blogtini.com
• https://traceypooh.github.io/blogtini/

フック

• 投稿を作成または削除するたびに、 sitemap更新されるようにします。
• 誰かがあなたのサイトにコメントするたびに、小さなスクリプトが実行されます。

したがって、「コミット前」および「マージ後」のgit 'フック' を使用して、上記の「ハウスキーピング」を自動化することをお勧めします。次のように設定できます。

git config --local core.hooksPath bin/

RSS

RSS index.xmlファイルを bin/sitemap スクリプトで生成したい場合は、各 "pre commit" フック (上記) 中に、マシンに yq スクリプトをインストールする必要があります。

ウェブサイト/ブログの最適な 2 つのセットアップ オプション

HTML マークアップ ファイル内でマークダウンを使用するブログ ソース リポジトリ

• /2022/01/i-baked-a-pie/
• /2022/01/i-baked-a-pie/index.html
  • 前付から始める
    • comment: <script src="../theme.js" type="module" charset="utf-8"></script>
  • これで、付属の JS がマークダウンをマークアップに変換する素敵な URL https://example.com/2022/01/i-baked-a-pie/を取得できます。
• /sitemap.xmlは各ディレクトリの URL を参照できます
• /sitemap.xml手動で管理するか、投稿を作成または削除するたびに/bin/sitemapスクリプトを実行します。 /bin/sitemapスクリプトは blogtini Web サイトにあります。
• /theme.jsに必要なテーマのimportを実行させます

マークダウン ファイルを使用するブログ ソース リポジトリ

• /2022/01/i-baked-a-pie.md
  • jekyllマークダウンをマークアップに、そしてhttps://example.com/2022/01/i-baked-a-pie.htmlのような URL に自動的に変換します。
  • Tracey はjekyllと連携して https://example.com/2022/01/i-baked-a-pie.md URL を取得し、ソースからそのままコピーします -- そのため、前付付きの元のマークダウンを使用できますそして解析された

地域発展

オプション 1

safari便利です。次の手順でサイトをローカルで実行できます。

• 開発者ツールが有効になっています
• Developメニュー
  • 開発中にDisable Cross-Origin Restrictionsチェックを入れる
  • HTMLページをリロードする
  • 完了したらDisable Cross-Origin Restrictionsチェックを外します
• 例: file:///Users/tracey/dev/blogtini/index.html

オプション 2

(基本的な静的ファイル Web サーバーならどれでも使用できます):

( sleep 3 ; open http://localhost:8000 ) &
python3 -m http.server

オプションの CGI 引数?recache=1を追加することで、投稿とページの再解析を強制できます。

GitHub または GitLab ページを使用した URL の例

https://github.com または https://gitlab.com の無料の「Pages」統合を使用する場合は、次のような URL を取得できます。

• https://traceypooh.github.io/blogtini/
• https://traceypooh.gitlab.io/blogtini/

上記の Pages デプロイメントを指す、より短い/より適切な URL として、独自のドメイン名 (通常、年間 $20 USD) を使用することを選択できます (これが https://blogtini.com の機能です)。

To Do / 修正

• git grep xxxxx最も高い優先順位
• git grep xxx