はてなブログの使い方〈アプリ紹介リンク、スーパーpre記法〉

f:id:bliyashi:20210511191952p:plain


こんにちは、なぎです。

はてなブログを運営していて、最近知った機能についてお話しします。

 

アプリ紹介リンク作成

アプリ(App Store)の紹介リンクの作成方法を最近知りました。

🔻こういうの。

はてなブログ

はてなブログ

  • 株式会社はてな
  • ソーシャルネットワーキング
  • 無料


記事編集画面のサイドバーにある「♫(iTunes商品紹介)」のボタン。

今までiTunes Store(音楽)だけだと思い込んでスルーしてましたが、検索対象を変えればApp Store(アプリ)も出てくるんですね。

f:id:bliyashi:20210511180828j:plain


はてなブログの記事編集画面には色々な機能がありますね。

まだまだ知らない事があるなぁ、という気付きでした。

  

スーパーpre記法(シンタックスハイライト)

はてな記法の「スーパーpre記法」をマスターしました。

というか使い方がやっとわかりました(笑)

🔻こんなやつです。

<div style="display:inline-block; border:2px solid silver;"></div>


🔻上のはこう記述しています。

f:id:bliyashi:20210511184451j:plain

引用と同じく、開始と終了のマーク(>|| 、||<)が行頭にくるように改行するのがポイント。

これに気付くまで、普通に同じ行に書いて「上手くいかないなぁ」と思ってました…。

開始の「||」の間に「html」などのファイルタイプを記述すると、上記のシンタックスハイライトというやつにできます。


私にはあまり使い時ないんですけど、カッコいいなと思って(笑)
 

はてなブログ初心者に「はてな記法」はオススメ

私は、ブログを始めた当初は「見たまま」を使っていましたが、途中で「はてな記法」の使いやすさに気付いて変えました。

SEO的な観点やブログ移行時の影響についてはわかりませんが、

はてなブログで普通に記事を書くだけなら「はてな記法」はめちゃくちゃ便利です!

スーパーpre記法のような特殊なもの以外は、編集画面についているボタンを押せば出来ますしね。

どんな装飾をしたか一目でわかりますし、記事がシンプルになるので後から修正する時もラクです。

HTMLのコードも直打ちできるので、ランキングサイトやアフィリエイトのリンクなど、何でもそのまま貼れます。

HTML編集への切り替えもありません。


初心者の方にこそオススメな編集モードです。