VimでMarkdown形式でブログ記事を書くときに簡単に画像を埋め込む方法 | TOKOROM BLOG
Photo by Victor Grabarczyk on Unsplash ブログ記事書くとき画像を埋め込むのが面倒 こういったブログ記事は、皆さんどういう執筆環境で書いているでしょうか？ 最近だとHugoなどの静的サイトジェネレータを利用することも多いのではないでしょうか。 この記事もHugoで運用しています。 記事を投稿するときは、いつもVimでさらっとMarkdown形式で書き上げ、ぱぱっとデプロイコマンドを打つだけで簡単便利な環境なのですが、唯一、記事に画像を埋め込むのだけが面倒だと感じてます。 特に、いわゆるブログサービスを利用している場合には、記事作成ページに埋め込みたい画像をドラッグ＆ドロップするだけで画像をアップロード＆埋め込みできてしまうので、それとの比較で面倒さが際立ちます。 手動での画像埋め込み手順 これまで手動で画像を埋め込む際には、このブログ記事の場合だと、 各
Gutenberg（グーテンベルク）の基本的な使い方とブロック要素まとめ | HPcode
WordPressの新エディタ「Gutenberg（グーテンベルク）」の使い方を紹介していきます。使い方といっても見返すとほぼブロックの説明になっていました笑 Gutenbergは、ブロックを組み合わせていくことによって記事を作成していくような感覚です。 （単純な記事のレベルを超えたようなLPのようなページも簡単に作れそうな印象をもちました） いつまでも旧エディタに執着していると、WordPressに付いていけなくなります…。いつかGutenberg or WordPressと選択を迫られる時が必ず来ますので、できるだけ早い内に使い慣れておくことをおすすめします！ Gutenbergの基本の使い方 Gutenbergの基本的な使い方です。単純にすると以下の3ステップかと思います（※ ほぼ2を繰り返す） タイトル入力ブロック追加 or 文章入力ブロックごとに装飾 １、タイトル入力 新規追加を
7種のブログサービス比較 - shihoscape’s diary
１ヶ月、毎日ブログを書いていく中で、せっかくなので以下の７サービスを試してみた。 目次 Steemit note Medium アメブロ はてなブログ g.o.a.t LINE BLOG ★ 総括 いろいろ試した目的のひとつは、今後も使い続けたいサービスを探すこと。 ひとつ断っておくと、ブログを「書く」ことが目的だったので、それぞれのサービスを使い倒したり、熱心に比較したりしたわけではない。数個記事を書いた所感にすぎない。 そのため、漏れている機能とか、気づかなかったことなどもいろいろあると思う。 Steemit steemit.com ブロックチェーンで成り立っており、Upvote（いいね）の数などに応じて、執筆者にお金（暗号通貨）が入る仕組みになっている。 PVや広告モデルのメディアサイトではなく、人の評価に基づいて報酬を決める仕組みは新しいし、すごく共感もする。 しかし、記事をいろい
「スマホの人には残念ですが」 大判写真にこだわるプラモデルブログ「超音速備忘録」運営者の美意識とは | HRナビ by リクルート
「『模型で作った模型の模型』、バンダイのミレニアムファルコンが持つ”パーフェクト”の意味」 「キミは『ランナーに付いたままの女の子』に横乳の宇宙を見る」 これらは、あるブログの記事タイトルだ。シュールだが、どこか心に響くキャッチーさがある。スマートフォンではなく、PCから訪問すると、目に飛び込んでくるのは画面いっぱいの横位置大判写真。 ブログの名前は「超音速備忘録」。ネット界隈で「このプラモデル紹介ブログがすごい」と話題となることが増えている。 近年のブログは、独自ドメインを設定し、スマホからアクセスした時に見栄えがいい縦型レイアウトのテンプレートを用いるのがスタンダードだ。しかし、このブログは違う。『超音速備忘録』は老舗ブログサービスのエキサイトブログ上で展開されており、URLも初期設定のドメイン「exblog.jp」を使用。 自分がいいと思ったことを追求する反面、細かいことは二の次、三
VOYAGE GROUP エンジニアブログ
2015年03月20日10:03 カテゴリ Blog移行のお知らせ VOYAGE GROUP Engineer's BlogはVOYAGE GROUP techlogで新たに出航します！ voyagegroup_tech 2015年03月08日17:06 カテゴリ MySQL InnoDBのinsertとlockの話 こんにちは。ECナビでアプリケーションエンジニアをやっている駒崎です。 今回はMySQLのInnoDBエンジンにおけるINSERTとロックの挙動について書きたいと思います。 はじめに アプリケーションでレコードの重複チェックをしてからINSERTをする。テーブルにはUNIQUE制約をかけてデータ不整合が起きないようにしている。という仕様はよくあるケースだと思います。 こういったケースでINSERTしたときにどのような仕組みが働いて重複データを防いでいるのだろう？アプリケーショ
読まれるブログはここが違う！ブログの書き方で学んだ５つのこと
すごく勉強になったブログブログは「書く楽しさ」や「ブロ友との交流」があるので楽しいものですが、やっぱりちょっぴりアクセス数は気になります。 そこで、エローラさんのブログ（初心者ブロガー指南書「Nifix」）に出会ってほんと勉強になった5つの記事を中心に、そのほか参考にさせて頂いているブログをご紹介します。 SEOの話 いきなりSEOの話ですけど、検索からの流入＝良い記事、と思っています。 検索上位になることは少ないですけど、読んでくれる方にとって必要な情報を提供することができるとそれは嬉しいもの。 安定したアクセスを獲得するためには、検索エンジンに評価されることが大事です。 参考になったのはこの記事です。 ➡ WordPress初心者には知ってもらいたい本当はシンプルなSEOの話 安定したアクセス数に必要なのは、検索サイトの上位表示。そのために必要なのがSEO。 まだ経験はないですけど、安
被リンク対策を考える時に便利な、1アカウントで複数ブログを開設できるブログサービスまとめ
ホームページのSEO対策を考える上で、被リンクを集めるということは、とっても大切なことですよね。 そんなとき、ナチュラルリンクが自然と増えてくれればもちろんそれが一番理想的なのですが、自分で被リンクを作っていく、という方法もまだまだ有効です。（というか、自演リンクなのかナチュラルリンクなのか、まだグーグルのクローラーには判別がつかない） そこで活躍するのが無料ブログサービス。 たくさんのブログを作ってそこからリンクを張れば良いのですが、たくさんブログを作ると面倒なのがログインIDとパスワードの管理ですよね。もし100個のブログを作ってそこから被リンクを作ろうとするとして、100個のID とパスワードを管理しきれますか？正直ボクは出来ないです。 そこで、最近では一つのIDで複数ブログを作れるブログサービスが多くなってきています。 そういうサイトを選ぶことで、効率的にブログ運営を行っていくこと
はてなブログでカスタムURLを使ってgoogleで検索されやすくしよう - 移転→hapilaki.net
はてなブログで記事投稿しているなら、SEOで少しでも有利にすべくカスタムURLを使うべきだ。また、googleの推奨形式も参考にすべきだね。 カスタムURLとは何か？ カスタムURLとは、ブログ管理者が「各記事ごとに固有のURL」を自由に設定できる機能のこと。 例えば、当記事のURLは次のように設定している。 http://www.hapilaki.net/entry/google-recommends-custom-url 他のブログサービスではカスタムURL機能がないところも多い(fc2など)。はてなブログでは標準でこの機能がある。これは他ブログと差別化を図れるチャンス！ カスタムURLの設定方法 記事作成画面のサイドバーで歯車のタブをクリックすると設定できる。 Google と相性の良い URL の作成 サイトの URL 構造はできる限りシンプルにします。論理的 かつ人間が理解できる
ブログを作る - PHP入門 - ポンクソフト
CREATE DATABASE blog; 記事テーブルの作成 次に投稿記事が入る「記事テーブル」を作成します。データベースblogを選択してから（左カラムから「blog」をクリック）、以下のSQL文を発行します。 CREATE TABLE post ( no SERIAL, title TEXT, content TEXT, time TIMESTAMP ); 記事テーブル「post」はカラムが4つあります。 「no」は「記事番号」です。コメントなどを付けるときに、どの記事かを一意に判別しないといけないので、そのための番号です。「SERIAL」型は、自動で「1,2,3,4…」と採番してくれます。自分で記事番号を管理してカウントアップしなくても良いので便利です。 「title」は「記事タイトル」で、「content」は「記事本文」です。 「time」は投稿日時です。DATETIME型でも良
ブログを簡単におしゃれにできる背景デザインと CSS 設定方法 | セオリコ
あちこちブログを見てまわると、おしゃれなデザインにしているところがたくさんありますよね。 WordPress でも無料ブログでも、綺麗にデザインされているテーマ・テンプレートを使えば誰でも簡単に見栄えをよくできます。 そこまで大幅に変更するのではなく、既存のデザインのままでちょっと雰囲気を変えておしゃれなデザインにしてみたいなら、シンプルな背景画像を敷いてみるとよいかもしれません。 本記事では「WordPress のカスタマイザーを使う方法」と「CSS で設定する方法」の 2 パターンをご紹介します。 背景画像を設定してイメチェンしてみよう メインコンテンツ（記事本文）の背景色を白にして、まわりの背景色を変えておくと、メイン部分がよりわかりやすくなりますよね。読者も記事に集中しやすくなると思います。 でも、濃いめの色を使ってしまうと圧迫感を与えてしまいます。周囲の余白に気をつけないと、色が
プロブロガーとかいう夢のない職業 - ネットの海の渚にて
photo by Thomas Hawk ブログで食っていこうみたいな記事が上がってそれに付随する形でいくつかの記事を読んだ。 脱サラしてプロブロガーになりたいという記事を書いた人が誹謗中傷に心が折れてやっぱりブログつまんねえからもう書かねぇみたいな展開になっているみたいだ。 その後を追っていないからどうなったか知らないけれど俺の読んだ時点ではそんな感じだった。 今回はそのブログを書いた人について語るわけじゃあない。 プロブロガーっていう職業についてだ。 どこで読んだか忘れたけれどブログを書いてそのアドセンスやらアフィリエイトで報酬をもらったことがある人は1000人に一人らしい。 もちろんこれが正しい情報かどうかは俺にはわからない。 けれど肌感覚としてそんなもんかなぁという気はする。 Googleのアドセンスは8000円分貯まらないと支払いを受け取れない。 Amazonのアフィリエイトは5
【2024 年最新版】ブログ運営におすすめの便利ツール・Web サービス - Naifix
WordPress でブログを運営する場合、レンタルサーバーが必要です。 個人ブログであれば月額 300 円ほどの格安サーバーでも問題ありませんが、表示速度や安全性を考えると月額 1,000 円前後のサーバーがおすすめ。なかでも「エックスサーバー」は安定度が高く、サポート体制も充実していてイチオシです。 Cocoon WordPress には様々なテーマがあり、デザインだけではなく機能面も強化できます。 日本語対応の無料テーマで群を抜いているのは「Cocoon」で、前述のエックスサーバーではファイルをダウンロードしなくても簡単にインストール可能です。 有料テーマを使ったほうが検索で有利になる、ということはないので、初期費用をおさえたいなら Cocoon を使いましょう。 TeraPad WordPress の各ファイルを編集（カスタマイズ）するには、テキストエディタが必要です。 管理画面か
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://nasust.com/hugo/create_template/base_of_4/
https://nasust.com/hugo/create_template/create_blog_template/
https://nasust.com/hugo/basic/create_template_first_step/
https://nasust.com/hugo/basic/create_site/
はてなブログとワードプレスはどっちがいいの？メリット・デメリットを徹底比較｜hitodeblog（ヒトデブログ）
MAXER JP
【無料】1アカウントで複数ブログを運営できる無料ブログサービス ｜ devBeans Blog
https://ellora.biz/blog-meshi/
