|
1 | 1 | <?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>Shindy's Note</title><link>https://shindy-dev.github.io/shindys-note/</link><description>Recent content on Shindy's Note</description><image><title>Shindy's Note</title><url>https://shindy-dev.github.io/favicon.ico</url><link>https://shindy-dev.github.io/favicon.ico</link></image><generator>Hugo -- 0.148.2</generator><language>ja</language><lastBuildDate>Wed, 20 Aug 2025 22:53:23 +0000</lastBuildDate><atom:link href="https://shindy-dev.github.io/shindys-note/index.xml" rel="self" type="application/rss+xml"/><item><title>HugoとGitHubでObsidianで書いたメモを公開してみた</title><link>https://shindy-dev.github.io/shindys-note/posts/hugo%E3%81%A8github%E3%81%A7obsidian%E3%81%A7%E6%9B%B8%E3%81%84%E3%81%9F%E3%83%A1%E3%83%A2%E3%82%92%E5%85%AC%E9%96%8B%E3%81%97%E3%81%A6%E3%81%BF%E3%81%9F/</link><pubDate>Wed, 20 Aug 2025 22:53:23 +0000</pubDate><guid>https://shindy-dev.github.io/shindys-note/posts/hugo%E3%81%A8github%E3%81%A7obsidian%E3%81%A7%E6%9B%B8%E3%81%84%E3%81%9F%E3%83%A1%E3%83%A2%E3%82%92%E5%85%AC%E9%96%8B%E3%81%97%E3%81%A6%E3%81%BF%E3%81%9F/</guid><description><h2 id="はじめに">はじめに</h2> |
2 | | -<p>ObsidianのVault内ドキュメントの一部を<a href="https://gohugo.io/">Hugo</a>という静的サイトジェネレータを用いてGitHub Pagesで公開してみました。</p> |
3 | | -<h2 id="使用するもの">使用するもの</h2> |
| 2 | +<p>今回はGit管理しているObsidianのVault内ドキュメントの一部を<a href="https://gohugo.io/">Hugo</a>というSSG（静的サイトジェネレータ）を用いて<a href="https://docs.github.com/ja/pages/quickstart">GitHub Pages</a>へ無料で自動公開する仕組みを構築してみました🎵 |
| 3 | +<img loading="lazy" src="../../assets/Pasted%20image%2020250824202207.png"></p> |
| 4 | +<h2 id="対象読者">対象読者</h2> |
4 | 5 | <ul> |
5 | | -<li>MacBook Air M3</li> |
6 | | -<li>VS Code &hellip; Hugo環境デバッグ</li> |
7 | | -<li>Obsidian &hellip; ドキュメントの更新</li> |
8 | | -<li><a href="https://brew.sh/ja/">Homebrew</a> &hellip; パッケージマネージャ（Hugoインストール用）</li> |
9 | | -<li>Git &hellip; ファイルバージョン管理（<code>brew install git</code>でインストール可能）</li> |
10 | | -<li>GitHubアカウント &hellip; GitHubのサービスをフル活用するので必要</li> |
11 | | -<li>（任意）Gitクライアント &hellip; GitHub Desktop、VS Codeの拡張機能、SourceTree等使いやすいもの</li> |
| 6 | +<li>Obsidian等でマークダウン記事をGitHubで管理している人向け</li> |
| 7 | +<li>ブログとして公開したい記事がある人向け</li> |
| 8 | +<li>無料で公開したい人向け</li> |
| 9 | +<li>書いた記事を自動で公開できるようにしたい人向け</li> |
| 10 | +<li>macOSユーザ向け |
| 11 | +他OSとの違いはHugoのインストール方法程度ですので、他OSユーザーも参考になるかと思います。</li> |
12 | 12 | </ul> |
13 | | -<h2 id="obsidianのvault構成と命題">ObsidianのVault構成と命題</h2> |
14 | | -<p>ObsidianのVaultはGitHubのプライベートリポジトリで現在管理しています。私の場合、技術系ドキュメントと日記をひとつのVaultで管理しているので、技術系ドキュメントのみを公開する方法を模索していました。</p> |
| 13 | +<h2 id="対応動機">対応動機</h2> |
| 14 | +<p>ObsidianのVault（記事を管理しているディレクトリ）はGitHubのPrivateリポジトリで管理しています。以下のディレクトリ構造のように、便宜上技術系ドキュメントと日記をひとつのVaultで管理しているので、技術系ドキュメント（docs/public）のみを公開する方法を模索していました。</p> |
15 | 15 | <div class="highlight"><div class="chroma"> |
16 | 16 | <table class="lntable"><tr><td class="lntd"> |
17 | 17 | <pre tabindex="0" class="chroma"><code><span class="lnt">1 |
|
28 | 28 | <pre tabindex="0" class="chroma"><code class="language-text" data-lang="text"><span class="line"><span class="cl">├── .git/ # git |
29 | 29 | </span></span><span class="line"><span class="cl">├── .obsidian/ # Obsidianの設定 |
30 | 30 | </span></span><span class="line"><span class="cl">├── diary/ # 日記 |
31 | | -</span></span><span class="line"><span class="cl">├── docs/ # 技術系のドキュメント |
| 31 | +</span></span><span class="line"><span class="cl">├── docs/ # 技術系ドキュメント |
32 | 32 | </span></span><span class="line"><span class="cl">│ └public # 成果物 |
33 | 33 | </span></span><span class="line"><span class="cl">│ └draft # 下書き |
34 | 34 | </span></span><span class="line"><span class="cl">├── assets/ # 画像や資料アセット（docs用） |
35 | 35 | </span></span><span class="line"><span class="cl">├── LICENSE # リポジトリのライセンスファイル |
36 | 36 | </span></span><span class="line"><span class="cl">└── README.md # リポジトリのREADMEファイル |
37 | 37 | </span></span></code></pre></td></tr></table> |
38 | 38 | </div> |
39 | | -</div><p>ちなみにObsidianの添付ファイルのパスに関する設定は以下のとおりとしています。 |
40 | | -<img loading="lazy" src="../../assets/Pasted%20image%2020250824201710.png"></p></description></item><item><title>Db2</title><link>https://shindy-dev.github.io/shindys-note/posts/db2/</link><pubDate>Fri, 15 Aug 2025 23:19:55 +0000</pubDate><guid>https://shindy-dev.github.io/shindys-note/posts/db2/</guid><description><h2 id="はじめに">はじめに</h2> |
| 39 | +</div><p>ちなみにObsidianの「ファイルとリンク」の設定は以下のとおりです。ウィキリンクなどObsidian固有の機能はオフにし、画像や資料ファイルは全て<code>assets</code>フォルダへ集約しています。</p> |
| 40 | +<table> |
| 41 | +<thead> |
| 42 | +<tr> |
| 43 | +<th>設定項目</th> |
| 44 | +<th>設定値</th> |
| 45 | +</tr> |
| 46 | +</thead> |
| 47 | +<tbody> |
| 48 | +<tr> |
| 49 | +<td>新規作成するリンクの形式</td> |
| 50 | +<td><code>ファイルに対する相対パス</code></td> |
| 51 | +</tr> |
| 52 | +<tr> |
| 53 | +<td><code>[[ウィキリンク]]</code>を使用</td> |
| 54 | +<td><code>OFF</code></td> |
| 55 | +</tr> |
| 56 | +<tr> |
| 57 | +<td>新規添付ファイルの作成場所</td> |
| 58 | +<td><code>以下で指定されたフォルダ</code></td> |
| 59 | +</tr> |
| 60 | +<tr> |
| 61 | +<td>添付ファイルフォルダのパス</td> |
| 62 | +<td><code>assets</code></td> |
| 63 | +</tr> |
| 64 | +<tr> |
| 65 | +<td>SSGにHugoを選んだ理由は好みのテーマがあったからです。GitHub Pagesが公式でサポートしているJekyllを使用した方が公開手順は減ります。</td> |
| 66 | +<td></td> |
| 67 | +</tr> |
| 68 | +</tbody> |
| 69 | +</table> |
| 70 | +<p>なお、GitHub PagesにはPrivateリポジトリの対象ディレクトリのみを公開する機能もありますが、Privateリポジリを公開する場合は有料プランに加入していないと利用できなかったため、断念しました🥲</p></description></item><item><title>Db2</title><link>https://shindy-dev.github.io/shindys-note/posts/db2/</link><pubDate>Fri, 15 Aug 2025 23:19:55 +0000</pubDate><guid>https://shindy-dev.github.io/shindys-note/posts/db2/</guid><description><h2 id="はじめに">はじめに</h2> |
41 | 71 | <p>IBMのDb2でよく使うコマンドや注意点を記載します。</p> |
42 | 72 | <h2 id="よく使うコマンド">よく使うコマンド</h2> |
43 | 73 | <h3 id="ライセンス確認">ライセンス確認</h3> |
|
0 commit comments