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
ルフトツールズ（LUFTTOOLS） web・ウェブ制作に役立つ便利ツール集
お好みのパスワードを生成（自動作成）することができるツールです。パスワードに使用する文字の種類（数字、英文字、記号）、文字数の長さ、生成する個数を指定可能です。
シンプルなHTMLで、モダンなWebサイトをすばやく簡単に作成できるクラスレスの超軽量CSSフレームワーク -Simple.css
その名の通り、シンプルなHTMLで、Webサイトをすばやく簡単に作成できるクラスレスの超軽量（4kB）CSSフレームワークを紹介します。 シンプルなWebページ、ポートフォリオやブログなどをすばやく作成したい時に便利で、レスポンシブにもダークモードにも対応しています。また、CSSリセットとして利用するのもありかもしれません。 Simple.css Simple.css -GitHub Simple.cssとは Simple.cssのデモ Simple.cssの使い方 Simple.cssとは Simple.cssは、セマンティックHTMLをすばやく簡単に見栄え良くするクラスレスのCSSフレームワークです。「クラスレス」とは、CSSまたはHTMLのどこにもCSSのclassがないことを意味します。 MITライセンスで、商用プロジェクトでも無料で利用できます。 classのないプレーンなHTM
Haruki Murakami
The long-awaited new novel from Haruki Murakami revisits a Town his readers will remember, a place where a Dream Reader reviews dreams and where our shadows become untethered from our selves. A love story, a quest, an ode to books and to the libraries that house them, and a parable for these strange post-pandemic times, The City and Its Uncertain Walls is a singular and towering achievement by one
PINT HOMETOOLS & CLOTHING
ホテルセトレ神戸・舞子 神戸と淡路島を結ぶ明石海峡大橋の袂にある海辺のホテル。瀬戸内海を望む部屋での朝食に、ブレッドバスケットS を使ってくださっています。 季節ごとに変わる4種類のパンを入れて、ルームサービスで部屋に届けられます。 この景色のホテルの部屋で、ゆっくり朝食を食べられるのは最高の時間ですね。今月からの食事のメニューが新しくなったタイミングで、ブレッドバスケットもお使いいただけることになりました。 以前から時間をかけて試用と検討を重ねていただき、選んでくださったことが特に嬉しいです。ホテルは客室から食事まで、気が遠くなるほど膨大な品目がありますが、この小さなものまで実際に使ってきちんと選ばれていて、有り難く、背筋が伸びる思いでした。この細部まで行き届いているホテルの空間と時間は、きっと特別と思います。 ブレッドバスケットS 新しく取扱いを始める作り手を紹介します。 三浦治さん。
日本語フォントがGoogle Fontsに大量追加！すべてのフォントが商用利用も無料のフリーフォントです
フリーフォントが大好物な人に朗報です！ 🎉 先週、Google Fontsに日本語フォントが追加されたので、紹介します。これでさらに、たくさんの日本語フォントがGoogle Fontsで使用できます。 新しく追加された日本語のGoogle Fonts 他にもたくさんある日本語のGoogle Fonts Google FontsのライセンスはほとんどがSIL Open Font Licenseで、商用プロジェクトでも無料で利用できます。他に採用されているライセンスはAPACHE LICENSE, VERSION 2.0です。 フリーフォントが大好物な人には、下記もお勧めです！ 2021年用、日本語のフリーフォント523種類のまとめ -商用サイトだけでなく紙や同人誌などの利用も明記 新しく追加された日本語のGoogle Fonts まずは、先週Google Fontsに新しく追加された日本語
どうしてHTML5が廃止されたのか | フューチャー技術ブログ
フロントエンド連載の5記事目です。 HTML5が2021年の1月に廃止されました。 Webエンジニアとしてバリバリ活躍されてる方やエグゼクティブテックリードのような肩書きを持つ方にとっては「何をいまさら」という話題かと思います。 しかしながら、今年も新人さん入ってきてくださったので、プログラミングを学習中にHTML5という文字列に悩まされないように、そもそもHTML5とは何かや、廃止された経緯をまとめてみます。 HTML5とはWebサイトを作るときに必ず書くことになるHTML。Webサイトのコンテンツ、つまり中身や構造を作るために使うマークアップ言語です。 そして、その最近版として10年ほど前に登場したHTML5。当時は Webニュースなどで盛んに特集が組まれていましたが、このHTML5がついこないだ、2021年1月28日に廃止されました。 広義のHTML5 / 狭義のHTML5HTML5
とほほのＷＷＷ入門
はじめに ご使用上の注意 (1) 主な更新履歴 (24) 管理者へのメール (1) 自己紹介 (1) 基本編 用語集 (82) Webページ作成入門 (7) 逆引きリファレンス (32) フォーマット HTML (400) HTML5 (7) XHTML (1) MathML (1) DTD (1) JSON (1) SVG (1) VML (1) GIF (1) CSV (1) セマンティック・ウェブ (1) CSS CSS (ABC順)(719) Bootstrap (61) Less (1) Sass (1) Tailwind CSS (1) CSSフレームワーク (1) リセットCSS (1) プログラミング言語 JavaScript (39) TypeScript (1) Java (25) Perl (4) PHP (14) Ruby (11) Python (13) Go (
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
シタテルについて｜sitateru - シタテル -
シタテルは、「ものづくりノウハウ」と「多数のサプライヤーネットワーク」により、大手ブランド・商社・デザイナーズブランドなどプロの企業から、ブランド立ち上げ・ユニフォーム制作を希望する企業まで、すべての方々を支援します。
靴下屋公式通販 Tabio オンラインストア
¥2,750 【WEB限定】ペコちゃん×Tabio MILKY包み紙プリントソックス 綿ナイロンポリウレタン 新商品 オンライン限定商品
NANO universe
三井アウトレットパーク 幕張店がリニューアルオープン 平素よりナノ・ユニバースをご利用いただきありがとうございます。 202…
开云平台(会员认证)-App Store
开云平台(会员认证)-App Store 错误提示 很抱歉！您访问的页面不存在... 10秒之后页面自动跳转首页 XML 地图
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - okdyy75/hugo-theme-salt: シンプルなHugo用ブログテーマ「Salt」
PaperMod
Hugoでオリジナルテーマ作ってみた。 : かみし部
开云平台(会员认证)-App Store