Home

ブログ書くときに見るやつ

最終更新 2016/10/12

ブログのメタ情報を設定しましょう

front matterと呼ばれる箇所です。

+++
author = "のびすけ"
categories = ["", ""]
date = "2016-09-09T20:50:01+09:00"
description = ""
draft = true
members = "n0bisuke"
project_id = "019"
series = ["", ""]
slug = "setup-new-mac-app"
tags = ["", ""]
title = "setup-new-mac-app"

+++

titleの変更

titileの部分に記事のタイトルを書いてください。

seriesの設定

シリーズに属する場合はここにシリーズ名を書いてください。

series = ["nodejs", ""]

description

概要を30~80文字程度で書いてください。これが無いとTwitterでシェアした際のOGPがうまく表示されません。

slugは要注意

これは厳重注意です。あとから修正がほぼきかないので

記事作成のタイミングで、slugはデフォルトでいれこまれてますが

https://dotstud.io/blog/(ここにslug) といった形で公開やシェアされるURLになります。

ここに誤字などが無いか確認しましょう。

dateの日時も要注意

dateはデフォルトで作成したタイミングの日時が入りますが、記事を公開する予定の日付に修正してください。

画像レギュレーション

画像サイズ

• アイキャッチ：715 x 400 px
• サムネイル　： 525 x 323 px (表示上は350 x 215px ですが荒さが目立つので1.5倍サイズです。)
• 記事内画像　： w645px 以上 (715px以上だと715pxになります)

画像ファイルサイズ

• アイキャッチ: 1ファイル1MB以内を目標
• サムネイル: 1ファイル500KB以内を目標
• 記事内画像: 1ファイル500KB以内を目標

画像の命名規則

00_eyecatch.png（PC用）
00_sp-eyecatch.png（スマホ用）
00_thumbnail.png（サムネイル）
01_hogehoge.png（好きに命名）
02_hogehoge.png
…
…

記事を書くときに注意したい点

dotstudio blogで統一したい表記ルール

• かっこ・スラッシュ等の記号は全角（潰れて見にくいため）
• 見出し・タイトルには句読点を入れない（メディアで統一）
• 三点リーダ ... は二回続ける 参考

より見やすい記事にするために推奨したい書き方

• 画像の下に、その画像の説明があるのが望ましい（画像 → 文章）
• 1行ずつ改行ではなく、2~3行ずつの段落にまとめる（目の動きを減らし読み易く）
• 画像で説明を入れる際は「赤い枠」を画像に描くなどわかりやすくする
• 見出しは、その見出し内の内容のまとめだと読みやすい（何が書かれているかわかる・斜め読みできる）

気をつけたい！漢字の使い方

• できる（can）・出来る（作られる／完成品）
• みたいな（〜のような）・見たいな（want to see）

ほかの表現

• 笑 → （笑）