コンテンツにスキップ

Astroを使って簡単にWebベースでObsidianで作成したメモを閲覧できるようにする

AstroStarlight themeを試す

Obsidianで作成していたMarkdownをsiteで公開できるようにしてみた。

GithuのテンプレートとGithub Actionsを使ってローカルPCに導入しなくてもObsidianをWeb上に公開できます。

Demo

今見えています。

サイドバーのNotes以降がObsidianから生成されたものです。

Requirement

  • Obsidianのvaults
  • favicon.svg faviconファイルをSVGで用意しておきます。

Configuration

設定自体はGithubの環境変数の設定で済みます。

下記のpublic/favicon.svgを用意してあったものと入れ変えます。またトップページ(今見ているページ)となるsrc/content/docs/index.mdxを変更します。

  • ディレクトリMyDoc/
  • README.md
  • astro.config.mjs
  • package.json
  • node_modules
  • ディレクトリpublic/
    • favicon.svg
    • ディレクトリnotes/
  • ディレクトリsrc/
    • ディレクトリassets/
    • ディレクトリcontent/
      • ディレクトリdocs/
        • index.mdx