ブログサイトの作成手順

Github

Github で管理するのでリポジトリを準備しておく
後から、Netlify と繋げる

Hexo

hexo でフレームを作成

npm install hexo-cli -g
hexo init blog

• アイコンは gravatar に登録
• コメントを受け付けるため disqus にアカウント作成

テーマ

テーマは ICARUS を使用

npm install hexo-theme-icarus
npm run build

テーマに以下の修正を行う

• フォント差し替え (noto sans)
• highlight.js バージョンアップ

フォークして修正してます
https://github.com/exabugs/hexo-theme-icarus

package.json を以下に書き換え

"hexo-theme-icarus": "git+https://github.com/exabugs/hexo-theme-icarus.git"

目次

目次を出す
_config.icarus.yml

version: 5.1.0
variant: default
logo: /img/mirai.svg
toc: true      ← ← ← ← ← ← ← これ必要
head:
  favicon: /img/mirai.ico
  manifest:

(お好みで) TOC ウィジットのタイトルが「カタログ」になっているので「目次」に変更

ドメイン

AWS で ドメインは購入
Route53 で Netlify に向ける

Netlify

Netlify で Github と連結して、ビルドとデプロイ、配信をしてもらう

ロゴ作成

draw.io でロゴを作成

Google AsSense

• ads.txt を source 直下に配置
• プライバシーポリシーを作成

sitemap.xml

• hexo-generator-seo-friendly-sitemap を追加
• _config.yml に設定追加

sitemap:
  path: sitemap.xml
  tag: false
  category: false

robot.txt

• hexo-generator-robotstxt を追加
• _config.yml に設定追加

robotstxt:
  useragent: "*"
  disallow:
    - /privacy/
    - /archives/
    - /css/
    - /img/
    - /js/
    - /fancybox/
  allow:
  sitemap: /sitemap.xml