knaka Tech-Blog

AI, IoT, DIYエレクトロニクス, データサイエンスについて投稿予定です。

web

カスタムテーマで色調を変更する。 Hexoで高速サイトを構築する(5)

概要 前回の、Hexo 静的サイトジェネレーターの関連となりますが、 カスタムテーマの色調を、変更しやすくできるように修正しました。前回と同様、bootstrap3 + CSS3 でレスポンシブ構成ですが。 lessを使用、色のRGB値を変数に設定し。 一括して色の値を、…

カスタムテーマを追加しました。サイドバー付 Hexoで高速サイトを構築する(4)

概要 前回の、Hexo 静的サイトジェネレーターの関連となりますが、 カスタムテーマを追加しました。前回と同様、bootstrap3 + CSS3 でレスポンシブ構成 1) top画面サイドバー付、2カラムのレイアウト 2) 色調は、グレー系としました。 デモURL https://k…

カスタムテーマを更新しました。 Hexoで高速サイトを構築する(3)

概要 前回の、Hexo 静的サイトジェネレーターの関連となりますが、 カスタムテーマ更新版を公開しました。前回と同様、bootstrap3 + CSS3 でレスポンシブ構成 1) 投稿(post)詳細の、サイドバー追加。レイアウト調整 2) カテゴリ一覧の、レイアウト調整 デモ…

HexoのカスタムテーマをNode.jsで作成する/第1回 ,Hexoで高速サイトを構築する(2)

index: 概要 テンプレート構成 作成したサイト、 github pages 作成したテーマ 概要 前回の、Hexo サイトジェネレーターの関連となりますが、 公開テーマを、適用するのでなく。 カスタムテーマの作成を試してみたいと思います。bootstrap3 + CSS3 でレスポ…

静的サイトジェネレーター Hexoお試し編

index: 概要 参考 初期設定、準備とか ルートのパスの変更 テーマの変更 more タグ カテゴリの追加 GitHub Pages で公開する。 xcopy で、一括コピー。apache/htdocs 概要 サイトジェネレーターの Hexoを使って、 ブログ等のサイト構築を試してみました。 gi…

wordpress で詳細ページ(single.php) の画像サイズをレスポンシブ対応に変更する。

概要: 標準テーマを使用せず、カスタム自作テーマ等を組み込む場合で 詳細画面(single.php) の、画像サイズのレスポンシブ化が 難航したのでメモです。 => 内容的には、カンタンなCSS追加のみ。 環境とか wordpress 4.9.6 テーマ:twentysixteen のカスタ…