WhiteWindの基本的な使い方

@knksm5.final-techblog.com

WhiteWindの基本的な使い方

ブログ作成・表示

ブログを検索する

トップページのテキストボックスにブログ著者のBlueskyハンドルもしくはDIDを記入し、SEARCH BLOGSと書かれたボタンをクリックしてください。

自分が作成したブログ一覧を表示する

WhiteWindのブログ一覧のURL形式は
https://whtwnd.com/{Blueskyハンドル or DID}

の形式を取っています。
例:
ユーザーハンドル @knksm5.final-techblog.comの場合
https://whtwnd.com/knksm5.final-techblog.com
DIDがdid:plc:vpjkockzv7nxnc5o4furet2xの場合
https://whtwnd.com/did:plc:vpjkockzv7nxnc5o4furet2x

これらのURLにアクセスすると、そのユーザーが作成した全てのブログ記事が一覧表示されます。
ブログ一覧はURLを知っている方であれば誰でもアクセスすることができます。
サンプル: https://whtwnd.com/knksm5.final-techblog.com

ブログ記事を新規作成する

WhiteWindのブログ一覧のページの右下に+マークのボタンがあります。このボタンを押すとブログ記事を新規作成することができます。

ブログ記事を保存する

ブログ編集画面のハンバーガーメニュー(横線が3つ並んだアイコン)内 に「DID / Handle」「PDS password」と書かれたテキストボックスがあります。これらのテキストボックスに以下の内容を記入してください。

  • DID / Handle
    • BlueskyアカウントのハンドルもしくはDID。
    • 例1:knksm5.final-techblog.com
    • 例2:did:plc:vpjkockzv7nxnc5o4furet2x
  • PDS password
    • Blueskyアカウントのアプリパスワード

以上の情報を入力してフロッピーアイコンをクリックすると記事を保存することができます。

ブログ記事を削除する

ブログ記事を表示し、画面右下の鉛筆マークのボタンから編集画面を開きます。メニューバーの右端にあるゴミ箱の形をした削除アイコンをクリックすると記事を削除できます。削除にはPDSへのログイン情報(Blueskyへのログイン情報と同じ)が必要になりますので記入ください。

既存のブログ記事を編集する

ブログ記事を表示し、画面右下の鉛筆マークのボタンから編集画面を開きます。記事編集後メニューバーの右側にあるフロッピーアイコンをクリックすると記事を保存できます。

記事をシェアする

ブログ一覧表示画面から記事エントリーをクリックすると、記事画面を表示できます。この画面が表示されている状態でブラウザのURLをコピーすると他の人からアクセスできるURLを取得できます。URL形式は

https://whtwnd.com/{Blueskyハンドル or DID}/{記事ID}
https://whtwnd.com/{Blueskyハンドル or DID}/entries/{記事名}

となります。

記事の書き方

記事はMarkdownという記法で書くことができます。Markdownは簡単に見出し、リンク、箇条書き、表などを記述することができる記法です。 詳しくは以下リンク先を御覧ください。

画像

アップロード

アップロード手順

  1. 記事編集画面でハンバーガーメニュー(水平線3本のメニュー)を開く
  2. Upload pictureをクリック
  3. アップロードしたい画像を選択する

アップロードした画像の閲覧・削除

表示手順

  1. 記事編集画面で「Uploaded pictures」アイコンをクリック
  2. アップロードした画像の一覧が表示される
  3. それぞれの画像の左下に表示されているアイコンからURLをコピーして記事内で使ったり、リンクカードの画像として指定することができる

FAQ

記事編集時のパスワード入力を省略したい

基本的に一度パスワードを入力すると次回より入力を省略できます。また、Google ChromeもしくはMicrosoft Edgeユーザーの方はアドレスバー右側に表示される鍵アイコンをクリックいただくとユーザー名とパスワードの保存画面が表示されます。ユーザー名にご自身のハンドルもしくはDIDが表示されていることを確認し保存いただくと次回よりブラウザによって自動入力されます。

PDSを引っ越ししても記事へのアクセスは問題ないか

ブログ記事は記事の著者が現在使用しているPDSから取得されるため、PDSの引っ越しをしてもリンク切れが起こることはありません。

今後実装予定の機能

  • コメント
  • アクセスカウンター
  • Bluesky投稿埋め込み
  • レイアウトのカスタマイズ
knksm5.final-techblog.com
K-NKSM

@knksm5.final-techblog.com

Making a Markdown blog service using atproto which you can use with Bluesky account!
AT Protocolを使い、Blueskyアカウントがあれば使えるMarkdownブログサービス(AppView)を作っています!
WhiteWind https://whtwnd.com/

X / Twitter: @KNKSM5
Blog: https://blog.final-techblog.com/

Post reaction in Bluesky

*To be shown as a reaction, include article link in the post or add link card

Reactions from everyone (0)