Site Generators A List of Static Site Generators for Jamstack Sites
![Static Site Generators - Top Open Source SSGs | Jamstack](https://cdn-ak-scissors.b.st-hatena.com/image/square/ddcf6559cd905f2f9100f8cafbb6a782b0d4e380/height=288;version=1;width=512/https%3A%2F%2Fwww.jamstack.org%2Fimg%2Fog%2Fdefault-og-image.png)
Hugoが爆速であること、HugoがGolangで作られていて読みながら勉強したいという理由で、JekyllからHugoに移行した。 基本的には、_postディレクトリにあるものを、Hugoでいうcontent/postディレクトリに配置すればよい。テーマを指定せずに、Hugoとしても何も出力されないのでそこは注意すること。 JekyllからHugoへ移行する際にハマった点を残しておく。 日付フォーマットの変更2015-08-30-post.markdown jekyllだと、2015-08-30 10:30で認識していたが、Hugoで読み取る日付フォーマットは、以下の通り。 2006-01-02T15:04:05Z07:002006-01-02T15:04:05Mon, 02 Jan 2006 15:04:05 -0700Mon, 02 Jan 2006 15:04:05 MST02 J
これまでWebDesign Dackelという WordPress で構築したブログをやっていましたが、幾つか理由があって新しくブログを始めることにしました。 前ブログは消さずに更新を止めるだけにする予定です。 なぜ移行したか?大した理由では無いですが、以下が移行の理由です。 ブログ名を変えたくなった。ただ変更する位なら新規で作りたい社会人になるのと同時に始めて丁度 3 年が経ち、色々と見直していきたくなった技術的な記事以外のものも気軽に書けるような環境にしたかった (ブログ名に「DESIGN」とか入れちゃった…)WordPress のブログ運用に飽きたブログを書く環境を最適化したい…Ghost、又はJekyll等の静的サイトジェネレータに変えたい特別 WordPress が嫌いなわけでは無くて、ブログをやってみて管理画面もコメント欄も要らないやって思うようになりました。 そうなると動的な
このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。 web帳 HUGO https://gohugo.io/ どもです。 海外旅行は実は今ではないかと企んでいる今日この頃の私です。 前回に続き、爆速続きで申し訳ないなのですが、「HUGO」が快適すぎる。 作業するにあたって、コンパイルなどやはり何かと早いのがいいですね。 そう、嫌われないぐらいにね。 というわけで、今回は所謂、静的サイトジェネレータに関してです。 HUGOて何? HUGOは、プログラミング言語Goを使って開発された静的サイトジェネレーターとなります。 静的サイトジェネレーターはRuby 言語で作られた「jekyll」が有名かと思いますが、それと同類なのですが「HUGO」は構造のシンプルさと処理速度の速さで知られています。 jekyll https://github.c
Blazing Fast Incredible generating speed powered by Node.js. Hundreds of files take only seconds to build. Markdown Support All features of GitHub Flavored Markdown are supported, including most Octopress plugins. One-Command Deployment You only need one command to deploy your site to GitHub Pages, Heroku or other platforms. Plugins Features powerful APIs for limitless extensibility. Various plugi
※記事を読んで、もっといい方法があったら、救ってください(切実) いま触ってみている静的HTMLジェネレータ jekyll -Rubyでできてるけど、ほとんどhtmlの知識だけでPHPテンプレートのようにつかえる静的htmlジェネレータ メモ:jekill 静的なHTMLジェネレータを使ってみた Hugo -Goでできてるけど、ほとんどhtmlの知識だけでPHPテンプレートのようにつかえる知識だけで使える静的サイトジェネレータ メモ:Hugo サイトジェネレータを使ってみた jekyllと比べて なんで、いま静的HTMLジェネレータなのか サービス・商材をWeb上で売るということ、と、CMSの関係 私は普段、自社が提供するサービスや商材を紹介するブランドサイトを運営しています。 スペック的には、レスポンシブなHTML・CSS&JSでフロント、CMSテンプレートカスタマイズ(WordPres
This is the default welcome page used to test the correct operation of the Apache2 server after installation on Ubuntu systems. It is based on the equivalent page on Debian, from which the Ubuntu Apache packaging is derived. If you can read this page, it means that the Apache HTTP server installed at this site is working properly. You should replace this file (located at /var/www/html/index.html)
はじめに Jekyllは静的ウェブサイト生成システムであり、検索機能は付いていない。 プラグインで検索機能を付けられるのかもしれないが、GitHub Pages上でビルド・ホストをする場合は使えないので、ちゃんと探していない。かんたんにサイト内検索を実現するならGoogleのカスタム検索を使用する方法もあるが、Googleには頼りたくないので今回は自分で実装した。 こんなの。 キィワードを入力してエンターで検索実行。キィワードを[](角括弧)でくくるとそれをブログ記事に付けられたタグとして認識する。たとえば[jekyll] 検索とすると、「jekyll」タグを付けられたもの、かつ本文に「検索」を含むブログ記事がヒットする。 コンセプト 基本コンセプトは「simple jekyll searching - alex pearce」を参考にした。 かいつまんで言えば、ブログ記事の情報(タイトル
Deployment A basic Jekyll site usually looks something like this: . ├── _config.yml ├── _data │ └── members.yml ├── _drafts │ ├── begin-with-the-crazy-ideas.md │ └── on-simplicity-in-technology.md ├── _includes │ ├── footer.html │ └── header.html ├── _layouts │ ├── default.html │ └── post.html ├── _posts │ ├── 2007-10-29-why-every-programmer-should-play-nethack.md │ └── 2009-04-26-barcamp-boston-4
jekyllは静的サイトジェネレータ。Github Pageなどでも使われており、ブログとしても使うことができて、ブログのフレームワークとしてOctopressやJekyll-Bootstrapがメジャーどころ。 OctopressやJekyll-Bootstrapを読んで勉強するのもありだがあえて素のjekyllを使って流れを理解するの巻。事前セットアップとしてRubyとbundlerは入れておいてください。 Step1 まずはブログとは関係ない任意のページをmarkdownで作成して公開する。 ファイル構成 .bundle/ └─ config _layouts/ └─ default.html # レイアウト _site/ │ code.html │ index.html └─ pygments.css vendor/ └─ bundle/ .gitignore _config.ym
ブログをGitHub Pagesに移転して完全にリニューアルした。CMSはJekyllでホストはGitHub。 Jekyll • Simple, blog-aware, static sites 去年あたりから忍者ブログのサービス内容がどんどん劣化していってついに我慢が限界に達した。 何か新しいことが始まるとき、その多くは「負(怒りや悲しみ)」のモチベーションからスタートすると聞いたことがある。まさに、それだ。 Jekyllを選択したわけ ブログサービスを選ぶ判断基準は以下。 無料で容量制限が厳しくない 将来性がある(10年間くらいはサービスが継続すると思われる) HTMLやCSS、Javascript含めてほぼ完全にカスタマイズできる 余計な広告が入らない 記事にもHTMLが使えてコードのシンタックスハイライトなどもできる 無料のブログサービスを調べる 日本向けのブログサービスを見てみた
昨日、下北沢オープンソースカフェで行われた「静的サイトジェネレーター祭り」にてJekyllについてのセッションを担当しました。 都合によりMiddlemanのセッションはキャンセルされましたが様々なツールについてのナレッジが共有されました。 今ご覧になっているEngine Yardのサイトとブログは元々、RailsアプリケーションとWordPressだったものをJekyllに移行したものです。 JekyllというとやはりGitHub Pagesの印象が強いですが、しっかり使ってみると既存のサイトの移行やEngine Yardのような独自環境でのホスティングにも耐える汎用性の高いツールであると実感しました。 セッションからいくつかハイライトをご紹介します。 GitHub創業者の手によって生まれたブログエンジン Jekyll(じゃこる)は2008年10月にGitHubの共同創業者のmojomb
Jekyllという静的ウェブサイト&ブログ生成システムとGitHub Pagesを用いて、ウェブサイトを再構築しました。 以前からウェブページのホスティングにはGitHubが提供するGitHub Pagesというホスティングサーヴィスを利用してローカルで作成したHTML等をアップロードしていましたが、今回はそれに加えてJekyllという静的ウェブサイト&ブログ生成システムを用いました。 GitHub Pagesでは、完全なウェブページをそのままアップロードする他にも、Jekyllというシステムを用いる方法が提供されています。 JekyllはテンプレートとなるHTMLのガワを用意しておき、Markdown等を用いたコンテンツ文書を(HTML断片に変換して)流し込むことで静的なウェブページを生成します。ブログ等のように同じデザインのページを多く生成する必要がある場合に役立ちます。 GitHub
Jekyllで作るシンプルWebサイト 第1回 Jekyllとはなにか このシリーズでは、Webサイトやブログを作る際に利用するツールの選択肢として、近頃エンジニアの間で人気を集めているJekyllの使い方を紹介します。第1回目はJekyllとはなにか、またそのメリット、デメリットを解説します。 Jekyllとはなにか Jekyll(ジキル)は静的サイトの生成を行うための、RubyGemsで配布されているRuby製のツールです。 このツールの仕組みを簡単に説明します。 Webサイト内で使い回す外枠のテンプレートや、部分的に繰り返し登場するバナーなどの共通要素、そしてメインのコンテンツとなる個々の記事を、それぞれHTMLやMarkdownなどで記述しておいてからコマンドを実行します。すると、それらを組み合わせてWebサイトを構成するHTMLファイル一式を出力するというだけのシンプルな仕事をし
ちょうど一年くらい前にWordPressからJekyllに移行したんだけど、今回middlemanで作りなおしてみた。 hokaccha/webtech-walker - GitHub 特にJekyllに不満があったわけでもなく単に技術的興味によるもの。 middleman Middleman: Hand-crafted frontend development middlemanはほぼJekyllのようなものなんだけど、Asset Pipelineが使えたり、テンプレートがerbとかhaml、Slimなどで書けたり、helperが充実してたりする。 RailsのViewまわりの機能をそのまま持ってきたような感じなので、普段Rails使ってる人にとってはJekyllよりも使いやすいかもしれない。個人的にもJekyllよりはmiddlemanのほうが好みだった。 調べた時にでてくる情報量など
今日は僕の誕生日ですね。 23才の夏休みなのでとりあえず九十九里浜をチャリで駆け巡りたい。 そんなことはいいとして、ブログを GitHub Pages + Jekyll に移行してみた。 なぜ移行したか 今までは Rails3 で作った自前のブログアプリケーションを さくらVPS で動かしてたんだけど、 自前ゆえに不具合がいろいろとあったり投稿画面が使いづらかったりで、ブログの更新がひじょーに大変だった。 Rails4 もリリースされたことだしバージョンアップついでに全部修正するのもアリだったけど、面倒臭かったから勉強のために別のサービスも利用してみようかっていう。 では、どこに移行するか。 独自ドメインが使えること Markdownで書けること デザインが自由にいじれること この3つを満たしてくれてたら割と何でもいい。 エンジニア達に大人気の はてなブログ でも良いかなって思ったんだけど
ブログをposterouからjekyllに移行しました。 jekyll にブログを移行するにあたっていろいろ考えたことを残しておきます。 前提移行にあたり前提条件をまず洗い出しました。自分の場合こんな感じでした。 無料であること移行ツールがあること独自ドメインが使用できることデザイン変更に自由度があり、カスタマイズできること信頼できるサーバーであること(ざっくり言い換えると大手有名サービスであること)優先度が下がるが、下記のような要望も満たしているとなおよい。 JSが自由に使えたら嬉しいCMSが直感的で使いやすいこと広告とかウザいのは出ないこと類似サービスの検討今回の場合、使用していたブログサービスの閉鎖に伴いブログ移行を与儀なくされたかたちなので、まずは類似ブログサービスを検討しました。検討したのはこんな感じです。 squarespacetumblrwordpressHatena Blo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く