JekyllからHugoへの移行ポイント - SIS Lab
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
Hugoで新しくブログ作り直した - wadackel.me
これまでWebDesign Dackelという WordPress で構築したブログをやっていましたが、幾つか理由があって新しくブログを始めることにしました。 前ブログは消さずに更新を止めるだけにする予定です。 なぜ移行したか？大した理由では無いですが、以下が移行の理由です。 ブログ名を変えたくなった。ただ変更する位なら新規で作りたい社会人になるのと同時に始めて丁度 3 年が経ち、色々と見直していきたくなった技術的な記事以外のものも気軽に書けるような環境にしたかった (ブログ名に「DESIGN」とか入れちゃった…)WordPress のブログ運用に飽きたブログを書く環境を最適化したい…Ghost、又はJekyll等の静的サイトジェネレータに変えたい特別 WordPress が嫌いなわけでは無くて、ブログをやってみて管理画面もコメント欄も要らないやって思うようになりました。 そうなると動的な
Hexo
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
JekyllからHugoへ - MOL
これまでJekyllを使ってブログを書いてたけどHugoに移行したという話。Frontend Weekly Vol.0で知ったんだけど、これ見ていいなーって思ったのでやってみた。 OctopressからHugoへ移行した | SOTA これまでのブログ遍歴 Blogger: Webサービスを使うのはよいことだ。最初にはてなを使ってたら僕の人生変わってたかもしれない。 WordPress + さくらサーバー: 僕は若かった。いったい誰が僕のことを責めれようか。いや誰もいない。 Jekyll + GitHub Pages: マークダウン最高w Hugo + GitHub Pages: イマココ Jekyllのイヤなところ 遅い！コレに尽きる。上記のように、7年ほどブログを続けていると記事数が450くらいになってた。jekyll serve --watchして、記事を変更しても体感的に10秒くら
MarkdownのパーサーをKramdownへ変更
B! 6 0 0 0 OctopressのデフォルトのMarkdownパーサーはRDiscount なんですが、 UTF8関連のエラーが結構出て面倒なので Kramdown に変更してみました。 RDiscountの問題 Kramdownの導入 パーサーの変更 目次(Table Of Content)の変更 footnote コード インデントコードなどの前後を必ず1行空ける div要素など まとめ RDiscountの問題 RDiscountで見出しをつけようとした時 Liquid Exception: incompatible character encodings: UTF-8 and ASCII-8BIT in atom.xml というエラーが出て、 これを対処するためにjekyllの中身を直接変更する必要がありました 1。 取り敢えずはこれで良かったんですが、最近Octopres
Jekyll製ウェブサイトに簡易検索機能を実装する — Genji App Blog
はじめに Jekyllは静的ウェブサイト生成システムであり、検索機能は付いていない。 プラグインで検索機能を付けられるのかもしれないが、GitHub Pages上でビルド・ホストをする場合は使えないので、ちゃんと探していない。かんたんにサイト内検索を実現するならGoogleのカスタム検索を使用する方法もあるが、Googleには頼りたくないので今回は自分で実装した。 こんなの。 キィワードを入力してエンターで検索実行。キィワードを[]（角括弧）でくくるとそれをブログ記事に付けられたタグとして認識する。たとえば[jekyll] 検索とすると、「jekyll」タグを付けられたもの、かつ本文に「検索」を含むブログ記事がヒットする。 コンセプト 基本コンセプトは「simple jekyll searching - alex pearce」を参考にした。 かいつまんで言えば、ブログ記事の情報（タイトル
Genji App Blog
feed 2024年03月03日, 編集履歴 Keyknockr（旧CLCL）v2.0をリリース macOS用ランチャアプリケーション「CLCL」を全面的に作り直し、名称を「Keyknockr」へと変更しました（バージョン番号は継続）。 紹介ページ Mac App Store Keyknockr（旧CLCL）はCommandキーやShiftキーなどの修飾キーを連打することで、設定したアプリケーションやURLを開くことができるランチャアプリケーションです。 今回のバージョンアップにともない、従来のLite版・有料版販売モデルから、フリーミアムモデル（基本無料＋サブスクリプションによる機能解放）へと移行し、配信場所はMac App Storeへ統一されました。 v2.0ではイチからSwift/SwiftUIを用いて再構築され、新しい特殊アクションとして、 実行中のアプリケーション ポップアップ
JekyllをStep by Stepで使って理解する - Qiita
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
ブログをリニューアル - URIN HACK
ブログをGitHub Pagesに移転して完全にリニューアルした。CMSはJekyllでホストはGitHub。 Jekyll • Simple, blog-aware, static sites 去年あたりから忍者ブログのサービス内容がどんどん劣化していってついに我慢が限界に達した。 何か新しいことが始まるとき、その多くは「負（怒りや悲しみ）」のモチベーションからスタートすると聞いたことがある。まさに、それだ。 Jekyllを選択したわけ ブログサービスを選ぶ判断基準は以下。 無料で容量制限が厳しくない 将来性がある（１０年間くらいはサービスが継続すると思われる） HTMLやCSS、Javascript含めてほぼ完全にカスタマイズできる 余計な広告が入らない 記事にもHTMLが使えてコードのシンタックスハイライトなどもできる 無料のブログサービスを調べる 日本向けのブログサービスを見てみた
ブログやサイトのJekyllへの移行
昨日、下北沢オープンソースカフェで行われた「静的サイトジェネレーター祭り」にてJekyllについてのセッションを担当しました。 都合によりMiddlemanのセッションはキャンセルされましたが様々なツールについてのナレッジが共有されました。 今ご覧になっているEngine Yardのサイトとブログは元々、RailsアプリケーションとWordPressだったものをJekyllに移行したものです。 JekyllというとやはりGitHub Pagesの印象が強いですが、しっかり使ってみると既存のサイトの移行やEngine Yardのような独自環境でのホスティングにも耐える汎用性の高いツールであると実感しました。 セッションからいくつかハイライトをご紹介します。 GitHub創業者の手によって生まれたブログエンジン Jekyll(じゃこる)は2008年10月にGitHubの共同創業者のmojomb
Jekyllを使ってウェブサイトを再構築 — Genji App Blog
Jekyllという静的ウェブサイト＆ブログ生成システムとGitHub Pagesを用いて、ウェブサイトを再構築しました。 以前からウェブページのホスティングにはGitHubが提供するGitHub Pagesというホスティングサーヴィスを利用してローカルで作成したHTML等をアップロードしていましたが、今回はそれに加えてJekyllという静的ウェブサイト＆ブログ生成システムを用いました。 GitHub Pagesでは、完全なウェブページをそのままアップロードする他にも、Jekyllというシステムを用いる方法が提供されています。 JekyllはテンプレートとなるHTMLのガワを用意しておき、Markdown等を用いたコンテンツ文書を（HTML断片に変換して）流し込むことで静的なウェブページを生成します。ブログ等のように同じデザインのページを多く生成する必要がある場合に役立ちます。 GitHub
Jekyllで作るシンプルWebサイト | 第1回 Jekyllとはなにか
Jekyllで作るシンプルWebサイト 第1回 Jekyllとはなにか このシリーズでは、Webサイトやブログを作る際に利用するツールの選択肢として、近頃エンジニアの間で人気を集めているJekyllの使い方を紹介します。第1回目はJekyllとはなにか、またそのメリット、デメリットを解説します。 Jekyllとはなにか Jekyll（ジキル）は静的サイトの生成を行うための、RubyGemsで配布されているRuby製のツールです。 このツールの仕組みを簡単に説明します。 Webサイト内で使い回す外枠のテンプレートや、部分的に繰り返し登場するバナーなどの共通要素、そしてメインのコンテンツとなる個々の記事を、それぞれHTMLやMarkdownなどで記述しておいてからコマンドを実行します。すると、それらを組み合わせてWebサイトを構成するHTMLファイル一式を出力するというだけのシンプルな仕事をし
ブログをJekyllからmiddlemanに移行してTravis CIでGitHub Pagesにデプロイするようにした - Webtech Walker
ちょうど一年くらい前に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のほうが好みだった。 調べた時にでてくる情報量など
ブログを GitHub Pages + Jekyll に移行してみた - ほとラボ
今日は僕の誕生日ですね。 23才の夏休みなのでとりあえず九十九里浜をチャリで駆け巡りたい。 そんなことはいいとして、ブログを GitHub Pages + Jekyll に移行してみた。 なぜ移行したか 今までは Rails3 で作った自前のブログアプリケーションを さくらVPS で動かしてたんだけど、 自前ゆえに不具合がいろいろとあったり投稿画面が使いづらかったりで、ブログの更新がひじょーに大変だった。 Rails4 もリリースされたことだしバージョンアップついでに全部修正するのもアリだったけど、面倒臭かったから勉強のために別のサービスも利用してみようかっていう。 では、どこに移行するか。 独自ドメインが使えること Markdownで書けること デザインが自由にいじれること この３つを満たしてくれてたら割と何でもいい。 エンジニア達に大人気の はてなブログ でも良いかなって思ったんだけど
Jekyllならここまでできる！ブログをJekyllに移行しました
ブログをposterouからjekyllに移行しました。 jekyll にブログを移行するにあたっていろいろ考えたことを残しておきます。 前提移行にあたり前提条件をまず洗い出しました。自分の場合こんな感じでした。 無料であること移行ツールがあること独自ドメインが使用できることデザイン変更に自由度があり、カスタマイズできること信頼できるサーバーであること(ざっくり言い換えると大手有名サービスであること）優先度が下がるが、下記のような要望も満たしているとなおよい。 JSが自由に使えたら嬉しいCMSが直感的で使いやすいこと広告とかウザいのは出ないこと類似サービスの検討今回の場合、使用していたブログサービスの閉鎖に伴いブログ移行を与儀なくされたかたちなので、まずは類似ブログサービスを検討しました。検討したのはこんな感じです。 squarespacetumblrwordpressHatena Blo
jekyllbootstrap.com
jekyllbootstrap.com 2024 著作権. 不許複製 プライバシーポリシー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Hugoでお手軽ブログ構築 | Blog Extended
Static Site Generators
URIN HACK
webtech-walker.com – webtech-walker.com