Hugoでできること | Hugoブログテーマ「Salt」
最近はSSG（静的サイトジェネレータ）全盛期の時代で、サーバー代をかけずにブログが作れる時代になりました。 そこで実際にHugoを使ってこのブログを作ってみた所感とHugoでできることを紹介したいと思います ちなみにHugoとGatsbyどっちの方がいいの？サイト内でリッチなグラフやテーブルを使ったり、動きのあるサイトを作りたい場合は、Gatsbyのほうが良いと思います。 というのもGatsbyの方がReactベースで作られているので、jsとの相性が非常に良く、Reactのライブラリをそのまま使えます。 逆にHugoとjsの親和性は低いので、素のHTMLに対してjsやjQueryで操作・加工する事になり、時代を逆行する事になります。（SPAを導入することもできますが、それなら最初からGatsby使う方が、、、） さらにこれもHugoのデメリットなんですが、検索機能をつける際もゴリゴリなdo
Hugoのテーマを作ってテーマのギャラリーで公開されました | PengNote
Hugoでテーマを作ったのですが、申請して公開までいけました。 実際に作ったテーマ Hugo Gentoo Themeという名前でテーマを作りました。 d-kusk/hugo-gentoo-theme: Hugo theme こういうの何をテーマに作ろうか毎度悩むんですが、会社マシンのデスクトップの壁紙がジェンツーペンギンに変わったので、Gentooという名前にしました。前後のHugoとThemeはたまたま見かけたのでつけたんですが、別に要らないみたいですね…。 配色の感じも写真から色取って、ヘッダーを頭に、コンテンツ部分を体にしたんですがジェンツーらしさが全くないというか出せなかったです。 CSSフレームワークのBlumaを採用 楽してサクッとやりたいと思ったのでBlumaというフレームワークを入れてみました。 ぶっちゃけ要らなかったです。元気あればそのうち抜くかもしれない。 Bluma
個人ブログに最適なオススメの Hugo テーマ｜Abstract Archives
1. はじめに Go 言語で実装されている静的ジェネレーターである Hugo は，ユーザーが自作したテーマを投稿することができる Hugo Themes が公式より提供されています。しかし，Hugo Themes にはレビュー機能やランキング機能が実装されていないので，自分に合ったテーマを探すのは時間がかかります。本記事では，筆者が独断と偏見で個人ブログに最適な Hugo テーマを選び，概要を記述します。 2. Ananke Gohugo Theme Ananke Gohugo Theme は，シングルカラムレイアウトのテーマです。公式のクイックスタートガイドで採用されているベーシックな Hugo テーマでもあります。表面上は，シンプルな構成になっていますが，ブログに必要な機能は一通り実装されているので，初心者でも簡単にブログサイトを構築することができると思います。 3. Github S
Hugo で次のページ、前のページへのリンクを表示する
ページ変数の .NextInSection や .PrevInSection を使用すると、同じセクション内の次のページ、前のページを参照することができます。 同じ階層にある「前のページ」「次のページ」へのリンクを表示する下記のテンプレートコードは、前のページへのリンクと、次のページへのリンクを表示するシンプルな例です。 テンプレートコード（抜粋） {{ with .PrevInSection }} <a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a> {{ end }} {{ with .NextInSection }} <a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a> {{ end }} Page 変数の .PrevInSection や .NextInSection には、同じセクショ
Hugo Zen: これから Hugo を始める人向けのミニマムなテーマを作りました | rakuishi.com
Hugo Zen という、静的サイトジェネレータ Hugo で使えるテーマを作りました。理由は、公開されているテーマ hugoThemes には、主張が強すぎるものが多く、どれを参考にオリジナルテーマを作ればいいか分からなかったからです。 Hugo Zen は、ミニマムに作られています。Skeleton という素敵な CSS ライブラリと、100 行に満たない custom.css から出来ていて、Hugo Zen を元に自分のテーマを作るのに向いています。 導入 Hugo プロジェクトから以下のコマンドを打てば、使えるようになります。 $ cd themes $ git clone https://github.com/rakuishi/hugo-zen $ hugo server --theme=hugo-zen --buildDrafts --watch 設定 config.toml
Create a Theme | Hugo
The hugo new theme command will scaffold the beginnings of a new theme for you to get you on your way. If you’re creating a theme with plans to share it on the Hugo Themes website please note the following: - If using inline styles you will need to use absolute URLs, for the linked assets to be served properly, e.g. <div style="background: url('{{ "images/background.jpg" | absURL }}')"> - Make sur
nginxにおいて、読み込んだcss等の静的コンテンツが適用されない場合の解決策
タイトルがどうしても長くなってしまう。。。 nginxでリバースプロキシを構成し、バックエンドでunicornやthinを動かす構成を取っていましたが、なぜかassets(CSS, JavaScript)が上手く読み込まれません。確認すると、取得できているんだけどなー。 と思ってしばらく格闘していると、MIMEタイプに関するエラーが発生していることが分かりました。 ポートを指定して直接バックエンドのサーバにアクセスすると読み込めていることから、nginxが適当なMIMEタイプを返しているのだとと推測。調査すると、ある設定が抜けていました。 httpコンテキストにおいて、以下のようにmime.typesを設定すればよさそうです。 >|| http { include mime.types; upstream backend { ||< これで解決しました。nginxにおけるサーバ運用のノウハ
ブログをリニューアル - URIN HACK
ブログをGitHub Pagesに移転して完全にリニューアルした。CMSはJekyllでホストはGitHub。 Jekyll • Simple, blog-aware, static sites 去年あたりから忍者ブログのサービス内容がどんどん劣化していってついに我慢が限界に達した。 何か新しいことが始まるとき、その多くは「負（怒りや悲しみ）」のモチベーションからスタートすると聞いたことがある。まさに、それだ。 Jekyllを選択したわけ ブログサービスを選ぶ判断基準は以下。 無料で容量制限が厳しくない 将来性がある（１０年間くらいはサービスが継続すると思われる） HTMLやCSS、Javascript含めてほぼ完全にカスタマイズできる 余計な広告が入らない 記事にもHTMLが使えてコードのシンタックスハイライトなどもできる 無料のブログサービスを調べる 日本向けのブログサービスを見てみた
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Hugoでオリジナルテーマ作ってみた。 : かみし部
GitHub - rakuishi/hugo-zen: Hugo Zen is a minimal hugo theme.
http://blog.mismithportfolio.com/web/20160207hugomyblog
Roots.cx – Crypto is our world!
my_middlemanをlivereload対応にしました | e2esound.com業務日誌
この tkDocs をどう作ったか - 俺式4.0 tkDocs
歩み286. ノートを模したデザインのサイトにした | jpico