You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
Githubの★の数などで静的サイトジェネレーターを比較できる StaticGenを見ていたら、Nunjucksが使える 11ty(eleventy)というのを見つけました。 そういうわけでオオコシです。 静的サイトジェネレーターというと Jekyll や Hexo などが有名かと思うんですが、11tyは Google Open Source Award にも選ばれており、テンプレートは Nunjucks だけでなく Liquid / PUG / Mustache / Handlebars / EJS / HAML / JavaScript Template Literals、もちろんHTMLやMarkdown が使えるので、例えば Nunjucks やめて PUG 使いたい!っていうケースにも対応できるし、A simpler static site generator. って書いてあるし
先日発表されたThe State of JavaScript 2021では98%の満足度を獲得しエンジニアからの高い注目度がうかがえるViteですが、ビルドツールのため静的なページの生成には別途仕組みが必要になるかと思います。 公式のテンプレートにはVueやReactなどがサポートされていますが、これらは学習コストやプロジェクトの要件にもより気軽に導入できるものではないかもしれません。 そこで今回はページの生成に静的サイトジェネレーターのEleventy(以下、11ty)を利用し、Viteの高速な開発体験の恩恵を受けつつ11tyでページを生成するシンプルな静的サイトの開発環境を作ってみたいと思います。 ※11tyについての記事はこちら (バージョンが記事公開時より更新されていますので利用の際は公式ドキュメントをご確認ください) 環境Node.js: v16.12.0 ※Viteの利用には1
Update: The Eleventy v2.0.0 stable release is now available! The very first Eleventy 2.0 Beta release is now available on the @beta channel and we’re looking for Beta testers! You can try it out now: # Local project npm install @11ty/eleventy@beta # Global install npm install @11ty/eleventy@beta -g Read more about local versus global installation. Play Video Watch on YouTube Are you new to Elevent
はじめに 前回の記事で 11ty/eleventy(以下、11ty) の公式スタートガイドに則ってサンプルを作成してみました。 HTML テンプレートエンジン詰め合わせ 11ty/eleventy を使ってみる 上記の記事で紹介した内容は、スタートガイドによるファイル生成と front-matter を使用した機能のごく一部です。11ty の機能をさらに詳しく確認していくことが本記事の目的になります。 記事の概要 公式の スタータープロジェクト として、eleventy-base-blog というリポジトリが公開されています。 サンプルページはこちら。 11ty を使用してブログコンテンツを含む静的サイトを構築する、というテンプレートページになっていますので、このページのソースを眺めつつ 11ty でできることを確認していきます。 前回記事で記述していますが、 11ty には CSS や
本サイトは開設当初から静的サイトジェネレーター(SSG)としてEleventyを使っています。 もう1年以上使っていますが、特に大きな問題なく運用できています。 そんなEleventyが2023-02-08にv2.0となりました[1]。 ELEVENTY V2.0.0, THE STABLE RELEASE Eleventyはコンテンツ重視の静的サイト作成に大きなアドバンテージを持っていますが、特に日本では今ひとつ認知度がないと感じます。 そこで、これまでの運用経験からEleventyの入門シリーズを書いてみようかと思います。 EleventyはNode.jsベースの静的サイトジェネレーターです。 主に以下の特徴があります。 デフォルトでゼロコンフィグ。簡単に導入できる。 複数テンプレート言語をサポートし、各々は併用OK(HTML、マークダウン、Liquid、Nunjucks、etc...
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く