Superを使ってNotionでブログを作ってみた

前提

• WordPressは閉じて、Notion内の特定のページをブログ化したい
• ドメインは変えない「morizooo.me」
• そんなに開発知識がなくてもできそうなSuperを使ってみる

Notionのブログ化

Notionを独自ドメインで公開,運用する方法

Notionを独自ドメインで通常webサイトやブログのように運用したい方向けの導入手順を紹介します。

knj.jp

Notionの使い方 - Google Analyticsやチャネルトークのスクリプトを入れてヘルプデスク構築 - チャネルトーク

Notionのおすすめの使い方としてヘルプデスクの構築があります！Notionはオールインワン情報共有ツールとして、社内ドキュメントやタスク管理、表管理、カレンダーなど様々な利用ができますがライトな使い心地が特徴です。このNotionは、社内利用するケースがメインですが、最近ドキュメントを公開して、ヘルプページとして利用するケースが増えています💁‍♀️ ...

channel.io

育休中の私が1週間でNotion使ってWEBサイトを公開した話

Turn your Notion pages into fast, functional websites with custom domains, fonts, analytics, and more. との説明にある通り、要はNotionページをカッコよくしてくれます。現在月額12ドル発生しますが、それでもお安い気がします。気になった方は から登録頂けると、明日私がハーゲンダッツを食べることができます。

mattilda.xyz

• Notion内に公開用のブログページを作成
• WordPressから残しておきたい記事をコピペしてNotionに貼り付けていく
• 上記完了したら、WordPressを削除
• Superの登録
• Notionブログの各記事のチェック
• サイト登録
• お名前.com上で「ネームサーバー変更（ロリポップから初期設定に戻す）」
• 上記終わったら「DNSレコード設定」
• 表示された2つのDNSレコードを、使用しているドメインサービスの管理画面で入力
• DNSレコードの反映には数時間から数日かかるので、反映されるまでしばらく待つ

• 各ページの登録

• GA連携

【プログラミング不要】Notionをブログとして公開する方法を徹底解説

フォント*/ .lang-ja { font-family: Noto Sans JP, "Helvetica","Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji, "Noto Color Emoji","Segoe UI Symbol","Android Emoji",EmojiSymbols, -apple-system,"BlinkMacSystemFont","Segoe UI","Roboto", "Helvetica Neue","Noto Sans",sans-serif; } /*画像*/ .notion-asset-wrapper-image { margin-top: 14px !important; margin-bottom: 30px !important; } /*テキスト*/ .notion-text { line-height: 2; margin-top: 20px !important; margin-bottom: 20px !important; } /*タイトル*/ .title { line-height:

udapon.tokyo

• ブログページのデザイン調整
• 記事末シェアボタンの設置

• WordPressを削除すると画像データのリンクも消えるので、コピペで持ってきた画像はすべて見れなくなってしまった→どうしても残しておきたい画像データは取っておくorDLしておく
• 同じドメイン使う場合はDNSレコード設定の前にネームサーバー変更が必要になるのを忘れてた
• DNSレコード設定、表示された2つどちらも設定すべきところを1つだけで最初やってしまってた

• マーケットプレイスでいくつかのデザインテンプレートが公開されているので、デザインに手軽に凝りたいときはここから選んでもよさそう

Market

Super-powered Notion templates & resources

super.so