Hugoでできること | Hugoブログテーマ「Salt」
最近はSSG（静的サイトジェネレータ）全盛期の時代で、サーバー代をかけずにブログが作れる時代になりました。 そこで実際にHugoを使ってこのブログを作ってみた所感とHugoでできることを紹介したいと思います ちなみにHugoとGatsbyどっちの方がいいの？サイト内でリッチなグラフやテーブルを使ったり、動きのあるサイトを作りたい場合は、Gatsbyのほうが良いと思います。 というのもGatsbyの方がReactベースで作られているので、jsとの相性が非常に良く、Reactのライブラリをそのまま使えます。 逆にHugoとjsの親和性は低いので、素のHTMLに対してjsやjQueryで操作・加工する事になり、時代を逆行する事になります。（SPAを導入することもできますが、それなら最初からGatsby使う方が、、、） さらにこれもHugoのデメリットなんですが、検索機能をつける際もゴリゴリなdo
シンプルなHugoブログテーマ「Salt」をつくりました
「Salt」はシンプルなブログを低コストで作成できる。 を目標にしたHugo用テーマです。名前の通り、できるだけ素材そのものを引き出せるようなシンプルなデザイン・レイアウトにしました。
Hugoブログテーマ「Salt」とは？ | Hugoブログテーマ「Salt」
「Salt」はシンプルなブログを低コストで作成できる を目標にしたHugo用テーマです。名前の通り、できるだけ素材そのものを引き出せるようなシンプルなデザイン・レイアウトにしました。 実際にSaltでできることについて紹介したいと思います 1. レスポンシブデザイン対応PCとSP表示に対応しています。 デフォルトで横幅600pxをデフォルトにしていますが、任意のサイズに変更できます。 2. サイトカラーを自分の好きなように変更可能ヘッダー・フッダー・コンテンツの背景色、記事カードの細かいスタイルも簡単に変更できます 3. 各SNSのブログカードを簡単表示Hugo標準のショートコードを使用することで、TwitterやYouTubeといったブログカードを簡単に表示できます Hugoで用意されているショートコード使用時の表示サンプルです figure スイカの画像 gist highlight
Hugoブログテーマ「Salt」
GitHub Actionsを使ったHugoのデプロイ時に、たまにエラーになっていたんですが原因が分かりました。 package.json "scripts": { "create-ranking": "node scripts/create-ranking.js", "build": "hugo --gc --minify", "test": "echo \"Error: no test specified\" && exit 1" }, npm run buildしてみるとこんな感じのエラーが出て、たまにデプロイがうまくいきませんでした Start building sites … hugo v0.89.4-AB01BA6E darwin/amd64 BuildDate=2021-11-17T08:24:09Z VendorInfo=gohugoio ERROR 2022/01/29
Hugoでレスポンシブなブログカードを作成する
//app.js // import * as express from 'express'; // import * as client from 'cheerio-httpcli'; // const app = express(); var express = require('express'); var client = require('cheerio-httpcli'); var app = express(); app.get("/getogp", (expressRequest, expressResponse, expressNext) => { const url = expressRequest.query.url; client.fetch(url, (err, $, res, body) => { if (err) { expressNext(err) retu
开云平台(会员认证)-App Store
开云平台(会员认证)-App Store 错误提示 很抱歉！您访问的页面不存在... 10秒之后页面自动跳转首页 XML 地图
本ブログにもページネーション機能が付きました！Hugoでページネーション機能を作ろう
こんにちは、 dotstudio代表ののびすけです。 このブログはページネーション機能が無かったのですが、そろそろコンテンツ数も増えてきたのでページネーション機能を実装しました。 888888 実際に作る方法を紹介します。 Hugoでページネーション機能を作る今回はblogセクションにページネーションを実装します。 Hugoのページネーションで調べるとまずはドキュメントページのここがヒットします。 もともともsection/blog.htmlは以下のようなコードでした。 {{ partial "header.html" . }} <!-- Main Content --> <div id="blog-card--container"> {{ range first 12 (where .Data.Pages "Type" "blog") }} {{ .Render "summary"}}
MOL - Designing for a Mobile World!
Zwift 環境2023 ちょっと前まで、暑くて、こんな暑かったら外でランニングできないやと思ってたら、今度は寒くてランニングできない。 By Koji Ishimoto — Sunday, December 3, 2023 帝京大学理工学部情報科学科通信教育課程に編入した 今年40歳になるというのに、ようやく奨学金の返済を完了したところなのに、まさか自分がまた大学に行くとは思っていなかった... By Koji Ishimoto — Tuesday, April 11, 2023 プロダクトビジョン 革新的なプロダクトやサービスのビジョンを創造し、価値の高いマーケットオファリングにつなげるための画期的なプロセスの習得を目指す。 By Koji Ishimoto — Thursday, October 13, 2022 Visual Studio Code完全入門 Visual Studi
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - okdyy75/hugo-theme-salt: シンプルなHugo用ブログテーマ「Salt」
PaperMod
Hugoでオリジナルテーマ作ってみた。 : かみし部
开云平台(会员认证)-App Store
rakuishi.com