11ウェブサイトの構築に使用できるオープンソースの静的サイトジェネレーター

11ウェブサイトの構築に使用できるオープンソースの静的サイトジェネレーター

オープンソースの静的サイトジェネレーターをお探しですか?もう探す必要はありません、この記事はあなたをカバーしました。

Webサイトは、静的または動的と見なすことができます。WordPressのようなCMS(コンテンツ管理システム)は通常、動的なWebサイトを強化します。コンテンツ管理システムは、データベースから情報を取得し、ユーザーが要求するたびにWebページにコンテンツを入力します。

静的サイトは、変更なしでWebサーバーからクライアントに提供されるWebサイトです。Webサイトの各ページは個別のHTMLファイルであるため、これはWebサイトを構築する簡単な方法です。ウェブの初期には、これが彼らがウェブサイトを構築する方法でした。

したがって、静的なWebサイトのホームページにアクセスすると、実際のホームページファイルが表示されます。この記事では、Webサイトの構築に使用できる11のオープンソースおよび無料の静的サイトジェネレーターを紹介します。

1.ジキル

11ウェブサイトの構築に使用できるオープンソースの静的サイトジェネレーター

Jekyllは静的サイトジェネレーターのパイオニアです。これは、Githubの共同創設者であるTomPreston-Wernerによって2008年に最初にリリースされました。Rubyを使用して記述されており、JSON、YAML、CSV、およびTSVファイルからコンテンツをロードすることで静的サイトを生成します。

JekyllはGitHubPagesを強化しています。これにより、ユーザーはGitHubリポジトリアカウントに基づいて追加費用なしでウェブサイトをホストできます。

Githubリンク:https//github.com/jekyll/jekyll

2.ヒューゴ

11ウェブサイトの構築に使用できるオープンソースの静的サイトジェネレーター

Hugoは、Goプログラミング言語を使用して構築されたオープンソースの静的サイトジェネレーターです。Hugoを際立たせているのは、Webサイトの構築速度です。また、柔軟性があり、テーマを作成できる強力なテーマシステムを提供します。

複数のOSプラットフォームで利用でき、きれいなURLをサポートし、さまざまなコンテンツタイプのオプションがあります。

Github:https//github.com/gohugoio/hugo

3.Publii

11ウェブサイトの構築に使用できるオープンソースの静的サイトジェネレーター

Publiiは、無料のオープンソースデスクトップベースのアプリです。サイトのサーバーではなくマシン上でローカルに実行され、インターネットアクセスを必要としません。したがって、オフラインでサイトで作業できます。

オンラインになったら、変更をサーバーにアップロードするだけで、変更が保存されます。標準のHTTP / HTTPSサーバー、Amazon S3、GitHub Pages、Netlify、SFTP、Google Cloudなど、いくつかのアップロードオプションがあります。

Publiiを使用すると、個人のブログ、ポートフォリオ、または企業のWebサイトを作成できます。また、インスタント切り替えを使用して、同じアプリから無制限のサイトを構築、変更、および実行することもできます。データベースやその他の資格情報を覚えておく必要はありません。

Github:https//github.com/GetPublii/Publii

4. Nuxt

11ウェブサイトの構築に使用できるオープンソースの静的サイトジェネレーター

Nuxtは、静的サイトの構築を可能にするVueに基づく直感的なWebフレームワークです。オープンソースであり、静的サイトを構築すると、Azure Static WebAppsで無料でホストできます。Nuxtはサーバー側のレンダリングをサポートしているため、従来のVueシングルページアプリケーション(SPA)と比較して、SEOが大幅に向上し、UXが向上し、機会が増えます。

Github:https//nuxtjs.org

5.グリッドサム

11ウェブサイトの構築に使用できるオープンソースの静的サイトジェネレーター

Gridsomeは、Vue.jsに基づいており、GraphQLを利用したもう1つのオープンソースSSGです。Jamstackフレームワークを使用しているため、デフォルトで高速で、パフォーマンスが高く、セキュリティが高く、スケーリングのコストが低く、開発者のエクスペリエンスが向上しているWebサイトを構築できます。

GridsomeはPWAをサポートしています。これは、インターネットに接続されていないときにオフラインで機能し、アプリとの最後のやり取りでキャッシュされたデータを活用します。

Github:https//github.com/gridsome/gridsome

6.ヘキソ

11ウェブサイトの構築に使用できるオープンソースの静的サイトジェネレーター

Hexoは、Node.jsを利用した、高速でシンプルかつ強力なブログフレームワークです。GitHub FlavouredMarkdownとほとんどのOctopressプラグインのすべての機能をサポートしています。また、無限の拡張性を提供する強力なAPIを備えています。

EJS、Pug、Nunjucksなど、ほとんどのテンプレートエンジンをサポートするさまざまなプラグインがあります。また、Babel、PostCSS、Less / SassなどのNPM(Node Package Manager)パッケージと簡単に統合できます。

Github:https//github.com/hexojs/hexo

7.ドキュサウルス

11ウェブサイトの構築に使用できるオープンソースの静的サイトジェネレーター

Docusaurusは、Facebookによって開発されたオープンソースの静的サイトジェネレーターです。Reactを使用して構築されており、Markdownを利用しています。Markdownを使用してドキュメントやブログ投稿を書くことができ、Docusaurusは一連の静的HTMLファイルを公開します。

したがって、時間を節約し、プロジェクトのドキュメントに集中することができます。MDXのおかげで、JSXコンポーネントをMarkdownに埋め込むこともできます。Docusaurusには、ドキュメントを70を超える言語に翻訳できる事前構成済みのローカリゼーションも付属しています。

Github:https//github.com/facebook/docusaurus

8. VuePress

11ウェブサイトの構築に使用できるオープンソースの静的サイトジェネレーター

VuePressは、EvanYouによって構築されたミニマリストのVue搭載SSGです。Vue.jsの作成者。これは、Vueプロジェクトの技術文書のニーズをサポートするために開発されました。Vue、Vue Router、およびWebpackを搭載しています。Vuepressはオープンソースで使いやすく、マークダウンを使用した最小限のセットアップで済みます。

Github:https//github.com/vuejs/vuepress

9.11

11ウェブサイトの構築に使用できるオープンソースの静的サイトジェネレーター

11(11ty)は、より単純なオープンソースSSGです。これは、JekyllのJavaScriptの代替として作成されました。構成はゼロです。つまり、Eleventyは構成ファイルやコマンドラインなしで実行できます。その結果、最初のプロジェクトビルドの参入障壁が低くなります。あなたはあなたのウェブサイトをこれまで以上に速く立ち上げて実行するでしょう。

11は独立したテンプレートエンジンを使用しています。後で他のものを使用することにした場合は、コンテンツをこのように整理すると、移行が容易になります。また、複数のテンプレート言語を備えています。1つを選択することも、1つのプロジェクトでそれらをすべて一緒に使用することもできます。

Github:https//github.com/11ty/eleventy/

10.ペリカン

11ウェブサイトの構築に使用できるオープンソースの静的サイトジェネレーター

Pelicanは、Pythonで記述されたオープンソースのSSGです。その機能には、reStructuredTextまたはMarkdownマークアップでのコンテンツの書き込み、静的出力のホストが容易、Jinjaテンプレートを介したカスタマイズされたテーマが含まれます。また、多言語対応で、Atom / RSSフィード、コード構文の強調表示、WordPressやその他のサービスからのインポート、モジュラープラグインシステム、対応するプラグインリポジトリ、その他多くの機能があります。

Github:https//github.com/getpelican/pelican

11.レクトール

11ウェブサイトの構築に使用できるオープンソースの静的サイトジェネレーター

Lektorは、Pythonで構築されたもう1つのオープンソースSSGです。100%ファイルベースです。つまり、すべてのソースデータは適切に構造化されており、バージョン管理システムまたはDropboxなどのクラウドストレージで追跡できます。また、すべてのソースデータがフラットファイルツリーデータベースに保存され、自由にクエリできるフラットファイルデータベースもあります。そのデータのレイアウトは完全に構成可能です。

Lektorにはカスタマイズ可能な管理者がいて、生のソースに触れることなくページを編集できます。また、依存関係の追跡機能もあり、ビルドプロセスは、変更されたページのみを再構築するように、ページの依存関係をインテリジェントに追跡します。その他の機能には、プラグインシステム、イメージツール、多言語、任意のホストから展開され、Windows、Linux、およびOSXで実行されます。

Github:https//github.com/lektor/lektor

静的なWebサイトを構築する

静的なWebサイトには、さまざまな利点があります。これらのWebサイトは、柔軟性があり、パフォーマンスが向上し、サーバー側の依存関係が少なくなり、信頼性が向上し、セキュリティが向上し、優れたバージョン管理とテストが可能になります。静的なWebサイトの構築を検討している場合は、上記の無料のオープンソース静的サイトジェネレーターを確認してください。


国際プログラマーの日とは何ですか?今年を祝う3つの方法

国際プログラマーの日とは何ですか?今年を祝う3つの方法

国際的なお祝いの日は、社会的問題、歴史的な日、およびそれぞれのキャリアを認識するための良い方法です。国際プログラマーの日は、プログラマーが日常生活を改善するために果たす役割を祝います。私たちが住んでいる文明の世界は、プログラマーの努力の賜物です。

GitHubコパイロット:コーディングAI

GitHubコパイロット:コーディングAI

あなたがプログラマーなら、長いプログラムを書くことに疲れ果ててしまう可能性が十分にあります(またはあなたはそうするでしょう!)そしておそらくあなたは自分自身に疑問に思ったことでしょう。

Gitで新しいブランチを作成する方法

Gitで新しいブランチを作成する方法

ブランチは、プログラミング、特にGitのバージョン管理の概念の中心です。このスターター記事では、ブランチとは何か、およびさまざまなツールを使用してブランチを作成する方法について説明します。

UbuntuにNpmとNode.jsをインストールする方法を学ぶ

UbuntuにNpmとNode.jsをインストールする方法を学ぶ

Node.jsは、事実上、オープンソースのクロスプラットフォームJavaScriptランタイム環境です。Node.jsを有効にすると、ブラウザーを開くことを心配することなく、UbuntuマシンでJavaScriptを実行できます。ChromeのV8JavaScriptエンジン上に構築されており、Linuxにさまざまな方法でインストールできます。

Pythonsカレンダーモジュールの使用方法

Pythonsカレンダーモジュールの使用方法

Pythonには、特定の日または月のコードを操作できる組み込みのカレンダーモジュールが用意されています。たとえば、これを使用して、1年のすべての暦月の文字列を出力できます。

9つの最高のオンラインAPIテストツール

9つの最高のオンラインAPIテストツール

API機能のテスト、実行時の動作の評価、セキュリティの検証など、自動化されたAPIテストツールを使用すると、退屈なコードを記述せずに技術を操作できます。プログラマーではないが、プログラミングチームに推奨する前にAPIをテストしたい場合でも、これらは便利です。

Visual Studio 2022と2019:今すぐアップグレードする必要がありますか?説明

Visual Studio 2022と2019:今すぐアップグレードする必要がありますか?説明

今年の初めに、マイクロソフトはVisual Studio2022のプレビューバージョンをワイルドプログラミングの世界にリリースしました。これは良い知らせです!これは非常に人気のあるIDEですが、それが繁栄するDevOpsエコシステムの変化のペースを考えると、調整またはおそらくオーバーホールが必要です。

最初のASP.NETWebアプリケーション:開始方法

最初のASP.NETWebアプリケーション:開始方法

ASP.NETは、Webアプリとサービスを構築するためのMicrosoftの無料のクロスプラットフォームフレームワークです。ASP.NETプラットフォームは、さまざまなアプリケーションの構築に使用されるツール、プログラミング言語、およびライブラリの開発者プラットフォームである.NETの拡張機能です。

JavaScriptのイテレータとジェネレータの概要

JavaScriptのイテレータとジェネレータの概要

2015年以来、EcmaScript6(ES6)はJavaScriptコーディングの実践に多くの進歩をもたらしました。多くの最新の概念がJavaScriptに導入され、コーディングエクスペリエンスが大幅に向上しました。この記事では、JavaScriptのイテレーターとジェネレーターについて学習します。

WordPressの投稿にツイートを埋め込む方法

WordPressの投稿にツイートを埋め込む方法

WordPressの投稿にサードパーティのサービスを埋め込むことは、訪問者の興味を引くための刺激的な方法です。埋め込まれたコンテンツは、スキャンを容易にする視覚的な手がかりも提供します。WordPressにより、このタイプのコンテンツを簡単に追加できるようになりました。

SQLとNoSQL:次のプロジェクトに最適なデータベースは何ですか?

SQLとNoSQL:次のプロジェクトに最適なデータベースは何ですか?

SQLとNoSQL:次のプロジェクトに最適なデータベースは何ですか?

PythonをWindowsのPATH変数に追加する方法

PythonをWindowsのPATH変数に追加する方法

ターミナルからPythonを実行することは避けられないことがよくあります。ただし、PythonをWindows 10に初めてインストールした場合、Windowsターミナルを介して実行できるのは、PythonがWindowsPATH環境変数に追加されている場合のみです。

Pythonをコマンドライン計算機として使用する方法

Pythonをコマンドライン計算機として使用する方法

コンピューターでグラフ電卓を使用できますが、Pythonプログラミング言語インタープリターは卓上電卓を兼ねることができます。公式チュートリアルで言及されているほど、Pythonコミュニティで人気のあるランニングジョークです。Pythonを電卓として使用する方法は次のとおりです。

MongoDBでデータベースとコレクションを作成する方法

MongoDBでデータベースとコレクションを作成する方法

SQLデータベースエンジンはデータをテーブルに編成しますが、MongoDBはそのデータをコレクションに格納します。ただし、従来のエンジンと同様に、データベースという用語を使用して、組織の最高レベルを指します。

レスポンシブウェブデザインの原則

レスポンシブウェブデザインの原則

今日では、ブラウザやデバイスに応じてユーザーインターフェイスを調整するウェブサイトやアプリを作成するのが一般的です。この目標を達成するには、2つのアプローチがあります。1つ目は、デバイスごとに異なるバージョンのWebサイトまたはアプリを作成することです。しかし、それは非効率的であり、予測できないエラーにつながる可能性があります。

npkillを使用してノードモジュールフォルダを削除する方法

npkillを使用してノードモジュールフォルダを削除する方法

Node.jsは、Webブラウザーの外部でJavaScriptを実行できるJavaScriptランタイム環境であり、あらゆる種類のアプリケーションを開発するための一般的な選択肢となっています。その人気の一部は、開発者のエクスペリエンスを容易にするためにそこにある多数のNPMパッケージによるものです。

例で説明されたCSSボックスモデル

例で説明されたCSSボックスモデル

すばらしいWebページのレイアウトを作成する場合は、余白、境界線、パディング、およびコンテンツについて知っておく必要があります。画像であろうとテキストであろうと、Webデザインのすべての要素は、これらのプロパティを持つボックスを使用します。ボックスモデルをいじって、複雑なレイアウトを簡単に作成できます。この記事では、CSSボックスモデルを分析し、これらのプロパティの使用方法を実際の例とともに示します。

HerokuでPythonWebサイトを無料でホストする方法

HerokuでPythonWebサイトを無料でホストする方法

つまり、Pythonを使用して単純なポートフォリオWebサイトを完成させたところですが、無料のホスティングを使用してそれを立ち上げたいと考えています。Herokusの無料ホスティングについて聞いたことがありますが、関連する技術を完全には理解していません。

Python String format()メソッドはどのように機能しますか?10例

Python String format()メソッドはどのように機能しますか?10例

データベースクエリであろうと数学演算の結果であろうと、Python文字列形式の方法は、結果をユーザーに提示するためのより動的で魅力的な方法を提供します。

PythonとJavaScriptを使用してAPIをテストする方法

PythonとJavaScriptを使用してAPIをテストする方法

アプリケーションプログラミングインターフェイス(API)を選択することと、それを使用できるかどうかを決定することの間の細い線です。ほとんどのRESTAPIには汎用アーキテクチャがあり、共通のリクエストパスをスレッド化します。しかし、そこにあるいくつかのAPIは標準から逸脱しています。その結果、それらは使いにくくなります。

国際プログラマーの日とは何ですか?今年を祝う3つの方法

国際プログラマーの日とは何ですか?今年を祝う3つの方法

国際的なお祝いの日は、社会的問題、歴史的な日、およびそれぞれのキャリアを認識するための良い方法です。国際プログラマーの日は、プログラマーが日常生活を改善するために果たす役割を祝います。私たちが住んでいる文明の世界は、プログラマーの努力の賜物です。

GitHubコパイロット:コーディングAI

GitHubコパイロット:コーディングAI

あなたがプログラマーなら、長いプログラムを書くことに疲れ果ててしまう可能性が十分にあります(またはあなたはそうするでしょう!)そしておそらくあなたは自分自身に疑問に思ったことでしょう。

Gitで新しいブランチを作成する方法

Gitで新しいブランチを作成する方法

ブランチは、プログラミング、特にGitのバージョン管理の概念の中心です。このスターター記事では、ブランチとは何か、およびさまざまなツールを使用してブランチを作成する方法について説明します。

UbuntuにNpmとNode.jsをインストールする方法を学ぶ

UbuntuにNpmとNode.jsをインストールする方法を学ぶ

Node.jsは、事実上、オープンソースのクロスプラットフォームJavaScriptランタイム環境です。Node.jsを有効にすると、ブラウザーを開くことを心配することなく、UbuntuマシンでJavaScriptを実行できます。ChromeのV8JavaScriptエンジン上に構築されており、Linuxにさまざまな方法でインストールできます。

Pythonsカレンダーモジュールの使用方法

Pythonsカレンダーモジュールの使用方法

Pythonには、特定の日または月のコードを操作できる組み込みのカレンダーモジュールが用意されています。たとえば、これを使用して、1年のすべての暦月の文字列を出力できます。

9つの最高のオンラインAPIテストツール

9つの最高のオンラインAPIテストツール

API機能のテスト、実行時の動作の評価、セキュリティの検証など、自動化されたAPIテストツールを使用すると、退屈なコードを記述せずに技術を操作できます。プログラマーではないが、プログラミングチームに推奨する前にAPIをテストしたい場合でも、これらは便利です。

Visual Studio 2022と2019:今すぐアップグレードする必要がありますか?説明

Visual Studio 2022と2019:今すぐアップグレードする必要がありますか?説明

今年の初めに、マイクロソフトはVisual Studio2022のプレビューバージョンをワイルドプログラミングの世界にリリースしました。これは良い知らせです!これは非常に人気のあるIDEですが、それが繁栄するDevOpsエコシステムの変化のペースを考えると、調整またはおそらくオーバーホールが必要です。

最初のASP.NETWebアプリケーション:開始方法

最初のASP.NETWebアプリケーション:開始方法

ASP.NETは、Webアプリとサービスを構築するためのMicrosoftの無料のクロスプラットフォームフレームワークです。ASP.NETプラットフォームは、さまざまなアプリケーションの構築に使用されるツール、プログラミング言語、およびライブラリの開発者プラットフォームである.NETの拡張機能です。

JavaScriptのイテレータとジェネレータの概要

JavaScriptのイテレータとジェネレータの概要

2015年以来、EcmaScript6(ES6)はJavaScriptコーディングの実践に多くの進歩をもたらしました。多くの最新の概念がJavaScriptに導入され、コーディングエクスペリエンスが大幅に向上しました。この記事では、JavaScriptのイテレーターとジェネレーターについて学習します。

WordPressの投稿にツイートを埋め込む方法

WordPressの投稿にツイートを埋め込む方法

WordPressの投稿にサードパーティのサービスを埋め込むことは、訪問者の興味を引くための刺激的な方法です。埋め込まれたコンテンツは、スキャンを容易にする視覚的な手がかりも提供します。WordPressにより、このタイプのコンテンツを簡単に追加できるようになりました。