はてなブログのMarkdownが脚注対応しました。

こんにちはnasustです。 題名の通り、はてなブログの編集モードのMarkdownの機能に脚注に対応しました。 サイドバーの記事一覧モジュールで、記事タイトルの表示文字数を指定できるようにしました(ほか1件) - はてなブログ開発ブログ はてな開発ブログで、…

はてなブログのMarkdownの書式まとめ

見出し h1見出し h2見出し h3見出し h4見出し h5見出し h6見出し 段落と改行 テキストのスタイリング 引用 リスト プレ要素とソースコード 表 区切り線 脚注 Markdownと合わせてよく使用する、はてな記法 embed リンク 最後に 関連記事 こんにちはnasustです…

Go言語で、はてなスターをカウントするJSONPを実装した。

こんにちはnasustです。 先週ぐらいから、関連記事に❤️と数字が付いているのをお気づきでしょうか。 実ははてなスターをカウントしたものです。記事にはてなスターというものがあるので、関連記事の一覧にはてなスターの数を表示したかったんですよね。 そう…

ビジュアルな記事のタイトルを実現する、はてなブログカスタマイズ

対応するブログに編集形式 技術的な解説 JQuery JavaScript CSS 最後に 関連記事 こんにちはnasustです。 アイキャッチ画像とタイトルを組み合わせて、ビジュアルなタイトルを表現するカスタマイズです。 癖が強いカスタマイズですので自分のブログに採用す…

無料のはてなブログでスマホ版の表示でメニューバーを追加する - はてなブログカスタマイズ

こんにちはnasustです。 相変わらず無料版のはてなブログを利用しています。 無料版でもメニューバーを追加するカスタマイズしました。 はてなブログスマホ画面にホーム・人気記事・カテゴリ・トップへ戻るの複合メニューバーをつけるカスタム - Yukihy Life…

はてなブログのカテゴリを階層化するカスタマイズ

JQuery JavaScript CSS 設定方法 top categoryURLPrefix categories 二つ以上一致する場合 ルールに一致しない場合 記事修正 最後に 関連記事 こんにちはnasustです。 今回は、はてなブログのカテゴリを階層化するカスタマイズを紹介します。 既に雑記-社会…

はてなブログのカスタマイズの為に画像 APIをGo言語で作った

こんにちはnasustです。 ここの所、毎日自分のはてなブログのカスタマイズをしています。 今回は、アーカイブページのデザインをポストカード風にカスタマイズしました。 しかし、ポストカード風にデザインするにはアーカイブページのアイキャッチ画像のサイ…

アーカイブページにはてなブックマーク数を表示するようにするカスタマイズ - はてなブログカスタマイズ

JQuery CSS JavaScript 最後に 関連記事 こんにちはnasustです。 今回は、アーカイブページに、はてなブックマーク数を表示するカスタマイズです。 はてなブックマーク数が付くことで記事の注目度がアップします。 JQuery JQueryが必要です。JQueryを導入し…

サイドバーの注目記事をビジュアル的デザインにカスタマイズする - はてなブログカスタマイズ

サイドバーのデザインの設定 CSS 最後に 関連記事 こんにちはnasustです。 今回は、はてなブログのサイドバーの注目記事のデザインをカスタマイズを紹介します。 また、このカスタマイズはサイドバーの最新記事と関連記事にも適応されます。 上記のスクリー…

はてなブログのテーマ「 foodey 」を作成しました

こんにちはnasustです。 foodeyというはてなブログのテーマを作成しました。 何となく最近、食事をアップするブログが多いな〜と感じて、 じゃあ食事と相性が良さそうなデザインのテーマを作りたい気持ちになって作成しました。 今度はレスポンシブ対応です…

はてなブログテーマ 「 foodey 」を制作しています

こんにちはnasustです。 また、はてなブログのテーマ 「 foodey 」というのを制作しています。 温かみがあって、食事の写真と雰囲気が合うデザインのテーマを作成したくなりました。 ですから、オレンジ中心で、某パッドっぽい色使いのデザインです。 特徴は…

目次の記号のカスタマイズ - はてなブログカスタマイズ

こんにちはnasustです。 はてなブログは[:contents]で見出しを自動的に目次にする機能があります。 殆どのテーマでは、ブラウザのデフォルトのデザインのまま表示されます。 僕が作成したテーマの「 monolithic - テーマ ストア 」では目次のデザインをカス…

はてなブログ カスタマイズ

このブログでは、はてなブログのカスタマイズの記事を書いています。このページでは他のブログでも出来るカスタマイズの記事をまとめています。 はてなブログのMarkdownの書式まとめ - nasust blog はてなブログのMarkdownの書式を解説しています。 ビジュア…

モジュールのタイトルにアイコンを追加する - はてなブログカスタマイズ

こんにちは、nasustです。 はてなブログのテーマを作成しましたが、その中のテクニックで他のブログでも、 汎用的に使用できそうなものがありましたので紹介します。 モジュールのタイトルにアイコンを追加する はてなブログの設定でサイドバーのモジュール…

はてなブログのテーマの作成手順

自分のブログのデザインのカスタマイズをテーマで行うことのメリット テーマ作成の基本的な知識 テーマの作成手順 ブログのHTMLを用意する ブログのHTMLを作成用に編集する CSSの編集 テーマストアへの投稿 テーマ作成は難しく無い オススメの本 関連記事 こ…

はてなブログのテーマ『 monolithic 』を公開しました。

こんにちは、nasustです。 題名の通り公開しました。 テーマ monolithic - テーマ ストア サンプルブログ sample blog 特徴 特徴としましては以下の通りです。 流行りのマテリアルデザインを採用 モノートーンカラーでモダンなデザイン 文章を読みやすい様に…

はてなブログのテーマ『 monolithic 』を作成しています。

明けましておめでとうございます。nasustです。 はてなブログのPV数報告と来年の目標 - nasust blog 上記の記事の今年の目標の一つに「はてなブログのテーマを作成する」を挙げました。 それでお年玉という訳では無いですが、『 monolithic 』という名前のは…

無料版のはてなブログでスマホの表示をカスタマイズする方法

こんにちはnasustです。 僕のはてなブログは気合を入れている割には、まだ無料版のはてなブログなんですよね。 もう少しアクセス数が増えたらProに移行しようかと思っています。 それで無料版の困ったところは、スマホの表示がカスタマイズできないことです…

アーカイブページに「続きを読む」のリンクを追加する。- はてなブログカスタマイズ

こんにちはnasustです。 何か改善できないかなと悩んでいたら、 アーカイブページに分かりやすいリンクが無いことに気付きました。 アーカイブページのリンクはタイトルまたはアイキャッチ画像です。 これだと一見してリンクだと分からないです。 それで解決…

記事の関連性のある内部リンクを色々な所で表示するようにしました. - はてなブログカスタマイズ

こんにちはnasustです。 自分のブログを見ると、どうにか直帰率を下げられないか悩んでしまいます。 今回は直帰率を下げるようにブログをカスタマイズしました。 読者の役に立つブログカスタマイズとは?クリック率から見えた原則 - 「捗る」を極める情報メ…

Aboutページ編集したけど、このページはブロガーの間で知名度低い? ブログのカスタマイズしました。

こんにちはnasustです。 今回はAboutページのカスタマイズを行いました。 と言いましても単純に元々ある基本的な機能範囲で行いましたので、 カスタマイズ自体は目新しいモノでは無いと思います。 ただ、このAboutページははてなブロガーの間で知名度が物凄…

はてなブログのカスタマイズ。ヘッダーメニューを追加しました。今まで行ってきた全てのカスタマイズも解説します。

こんにちはnasustです。 本日は仕事の片手間に、はてなブログをカスタマイズしていました。訪問者はもしかしたら作業途中の変な表示になっていたかもしれません。 今回カスタマイズしたのは、ヘッダメニュー(グローバルナビゲーション)とインデックスページ…

はてなブログカスタマイズ. サイトマップを追加しました。サイトマップのUXを解説。

こんにちはnasustです。 タイトルの通り記事の一番下、ページ送りのボタンの下にサイトマップを追加しました。 サイトマップを追加したのは、ブログの全部の記事へとナビゲーションしたかったからです。 一応サイドバーにカテゴリやメインコンテンツのリンク…

はてなブログカスタマイズ。はてなブログの関連記事を外部サーバーで生成して本文に追加するようにした。

自分のブログの記事下に関連記事を表示するようにした。 ちょっと違うのがブログの本文の一部として表示していることだ。 はてなブログのカスタマイズで記事下に関連記事を表示する場合は、 JavaScriptで頑張って動的に表示するか、外部サービスを使用して表…

はてなブログをマテリアルデザイン風にカスタマイズしました。デザインのノウハウからCSSの編集迄詳しく解説!!

こんにちはnasustです。このブログをGoogleのマテリアルデザイン風にカスタマイズしました。 今回の記事では、何故マテリアルデザインを採用したのか、デザインのポイント、そして実現する為のCSSの編集内容を詳しく解説します。 ちなみに、メインプログラマ…