静的サイトジェネレータ「Hugo」と技術文書公開向けテーマ「Docsy」でOSSサイトを作る | さくらのナレッジ
最近ではWebサイトを構築する際にWordPressなどのCMS（コンテンツ管理システム）を利用することが多いが、今日でも静的なHTMLファイルを使ったサイト構築には多くのメリットがある。今回は、こうしたHTMLファイルベースのサイト構築を支援するHTMLファイル生成ツール「Hugo」を紹介する。 静的ファイルでサイトを作るための支援ツール「Hugo」 コンテンツの作成や編集の容易さから、昨今ではWebサイトを構築する際にCMSを利用する例が多い。ただ、CMSを使用するにはCMS自体のインストールや設定、データベースの準備などが必要であるため、更新頻度の低いサイトやページ数の少ないサイトでは静的なHTMLファイルを使って構築したほうがコストが低くなる場合がある。 とはいえ、HTMLファイルをいちいち手動で作成するのは楽ではない。そのため、HTMLファイルを半自動生成するようなツールが数多く
Hugoで作ったサイトにシェアボタンを足した - AAbrain
今使っているThemeにシェアボタンが付いていなかったので自分で作ってみました。 Hugoがサイトをbuildすると、rootディレクトリとTheme内のディレクトリは統合されます。 そのためrootディレクトリに、Theme内と同じディレクトリ名でファイルを追加するとThemeのファイルに影響を与えずに読み込めるようになります。 例) ├── README.md ├── archetypes ├── config.toml ├── content ├── ... │ ├── layouts ├── static └── themes └── HugoTheme ├── layouts └── static 今回最終的に作るShare iconの完成形はこのようになります。 各SNSで用意されているhtml, jsのコードを並べる方法もありますが、今回はブログの雰囲気を壊したくなかったので
HugoでOGP(Facebook用のアイキャッチ画像)を設定する #hugo - My External Storage
Hugoで各記事にThe Open Graph protocol(OGP)を設定したときのメモ。 The Open Graph protocol http://ogp.me/ TL;DR Facebookでシェアされたときのアイキャッチ画像などはThe Open Graph protocolで設定できる ヘッダーに<meta property="og:xxx"...>と設定すればよい Twitter Cardの情報と同じなので、Hugoの場合はcustom_twitter_card.htmlを変更しておけばよい Facebookに開発者登録をしておけばシェアデバッガーで設定状態を確認することが出来る https://developers.facebook.com/tools/debug/sharing/ Facebookでシェアされた場合に必要なOZGPを設定する 先日以下の記事でTwit
[作業中] 静的サイトジェネレーターHugoでgithubページ - Qiita
なぜ、Hugo 静的サイトジェネレーターを集めたサイト で割合人気があった(スターが多かった) 本家のサイトは今風(色使いとかさておき)。 http://gohugo.io/ サイト構築例 # gohugoサイトの文書もしっかりしている 使いこなせればよさ気との先達のブログ Installing Hugo Hugo githubのInstalling Hugo (binary)からインストールするのが一番早そう。 Goらしくバイナリひとつなので指示通り、ダウンロード後解凍したバイナリを/usr/local/binに移動。 今日時点では: sudo mv hugo_0.12_linux_386 /usr/local/bin alias hugo=hugo_0.12_linux_38 hugo help Hugo Themes http://themes.gohugo.io (coming s
![[作業中] 静的サイトジェネレーターHugoでgithubページ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/fef49456f8993a882d228f801ae99599c069b0e0/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCJUU0JUJEJTlDJUU2JUE1JUFEJUU0JUI4JUFEJTVEJTIwJUU5JTlEJTk5JUU3JTlBJTg0JUUzJTgyJUI1JUUzJTgyJUE0JUUzJTgzJTg4JUUzJTgyJUI4JUUzJTgyJUE3JUUzJTgzJThEJUUzJTgzJUFDJUUzJTgzJUJDJUUzJTgyJUJGJUUzJTgzJUJDSHVnbyVFMyU4MSVBN2dpdGh1YiVFMyU4MyU5QSVFMyU4MyVCQyVFMyU4MiVCOCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZTFiNWVmNWFkOGI0YWYwNWE4OTk3NjA5YTUxNDhhZjM%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwZS1hLXN0JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0wNjc2YjkzMGEzMDdjYTNlN2E4ZmYyYzU2NmQ2NDQ0YQ%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D20d747c76a09fb874254bc6ab334711e)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Issue with syntax highlighting. · Issue #84 · panr/hugo-theme-terminal
Welcome to Astro.
terminal
zzzmisa's blog
Hugo :: A fast and modern static website engine
