CINXE.COM
サイト内リンクを相対パスで生成したい - 日本語 - HUGO
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>サイト内リンクを相対パスで生成したい - 日本語 - HUGO</title> <meta name="description" content="hugoを使って社内向けのオフラインドキュメントを作成しようとしています。 ドキュメントが常に同じパスに置かれる場合、何も問題なく使用できます。 しかし、オフラインドキュメントとしてzip等でまとめて再配布した際に、当然ですが展開によりルートディレクトリが変わることで、リンクの参照ができなくなる問題が発生しています。 これはテーマの中でリンクに{{ .Site.BaseURL }}が用いられてるためです。 再配布後も正しく表示さ&hellip;"> <meta name="generator" content="Discourse 3.4.0.beta3-dev - https://github.com/discourse/discourse version 5bf5d1335680f28a8eb65c488353be9585eed08e"> <link rel="icon" type="image/png" href="https://global.discourse-cdn.com/flex036/uploads/gohugo/optimized/2X/6/66a05218f64425b2fa59ede30c1b4b7dc1fdf5f9_2_32x32.ico"> <link rel="apple-touch-icon" type="image/png" href="https://global.discourse-cdn.com/flex036/uploads/gohugo/optimized/2X/c/c2d3414c64e766d814100b32063948e604298a70_2_180x180.png"> <meta name="theme-color" media="all" content="#0a1922"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=yes, viewport-fit=cover"> <link rel="canonical" href="https://discourse.gohugo.io/t/topic/19193" /> <link rel="search" type="application/opensearchdescription+xml" href="https://discourse.gohugo.io/opensearch.xml" title="HUGO Search"> <link href="https://yyz2.discourse-cdn.com/flex036/stylesheets/color_definitions_hugo-light_1_3_09733212c5bcbf3d2262e9135364889a94410a8e.css?__ws=discourse.gohugo.io" media="all" rel="stylesheet" class="light-scheme"/> <link href="https://yyz2.discourse-cdn.com/flex036/stylesheets/desktop_d02c2ac443d5119470bb87ccc1761df2dc8dc4ce.css?__ws=discourse.gohugo.io" media="all" rel="stylesheet" data-target="desktop" /> <link href="https://yyz2.discourse-cdn.com/flex036/stylesheets/checklist_d02c2ac443d5119470bb87ccc1761df2dc8dc4ce.css?__ws=discourse.gohugo.io" media="all" rel="stylesheet" data-target="checklist" /> <link href="https://yyz2.discourse-cdn.com/flex036/stylesheets/discourse-adplugin_d02c2ac443d5119470bb87ccc1761df2dc8dc4ce.css?__ws=discourse.gohugo.io" media="all" rel="stylesheet" data-target="discourse-adplugin" /> <link href="https://yyz2.discourse-cdn.com/flex036/stylesheets/discourse-ai_d02c2ac443d5119470bb87ccc1761df2dc8dc4ce.css?__ws=discourse.gohugo.io" media="all" rel="stylesheet" data-target="discourse-ai" /> <link href="https://yyz2.discourse-cdn.com/flex036/stylesheets/discourse-akismet_d02c2ac443d5119470bb87ccc1761df2dc8dc4ce.css?__ws=discourse.gohugo.io" media="all" rel="stylesheet" data-target="discourse-akismet" /> <link href="https://yyz2.discourse-cdn.com/flex036/stylesheets/discourse-cakeday_d02c2ac443d5119470bb87ccc1761df2dc8dc4ce.css?__ws=discourse.gohugo.io" media="all" rel="stylesheet" data-target="discourse-cakeday" /> <link href="https://yyz2.discourse-cdn.com/flex036/stylesheets/discourse-details_d02c2ac443d5119470bb87ccc1761df2dc8dc4ce.css?__ws=discourse.gohugo.io" media="all" rel="stylesheet" data-target="discourse-details" /> <link href="https://yyz2.discourse-cdn.com/flex036/stylesheets/discourse-lazy-videos_d02c2ac443d5119470bb87ccc1761df2dc8dc4ce.css?__ws=discourse.gohugo.io" media="all" rel="stylesheet" data-target="discourse-lazy-videos" /> <link href="https://yyz2.discourse-cdn.com/flex036/stylesheets/discourse-local-dates_d02c2ac443d5119470bb87ccc1761df2dc8dc4ce.css?__ws=discourse.gohugo.io" media="all" rel="stylesheet" data-target="discourse-local-dates" /> <link href="https://yyz2.discourse-cdn.com/flex036/stylesheets/discourse-narrative-bot_d02c2ac443d5119470bb87ccc1761df2dc8dc4ce.css?__ws=discourse.gohugo.io" media="all" rel="stylesheet" data-target="discourse-narrative-bot" /> <link href="https://yyz2.discourse-cdn.com/flex036/stylesheets/discourse-presence_d02c2ac443d5119470bb87ccc1761df2dc8dc4ce.css?__ws=discourse.gohugo.io" media="all" rel="stylesheet" data-target="discourse-presence" /> <link href="https://yyz2.discourse-cdn.com/flex036/stylesheets/discourse-solved_d02c2ac443d5119470bb87ccc1761df2dc8dc4ce.css?__ws=discourse.gohugo.io" media="all" rel="stylesheet" data-target="discourse-solved" /> <link href="https://yyz2.discourse-cdn.com/flex036/stylesheets/footnote_d02c2ac443d5119470bb87ccc1761df2dc8dc4ce.css?__ws=discourse.gohugo.io" media="all" rel="stylesheet" data-target="footnote" /> <link href="https://yyz2.discourse-cdn.com/flex036/stylesheets/hosted-site_d02c2ac443d5119470bb87ccc1761df2dc8dc4ce.css?__ws=discourse.gohugo.io" media="all" rel="stylesheet" data-target="hosted-site" /> <link href="https://yyz2.discourse-cdn.com/flex036/stylesheets/poll_d02c2ac443d5119470bb87ccc1761df2dc8dc4ce.css?__ws=discourse.gohugo.io" media="all" rel="stylesheet" data-target="poll" /> <link href="https://yyz2.discourse-cdn.com/flex036/stylesheets/spoiler-alert_d02c2ac443d5119470bb87ccc1761df2dc8dc4ce.css?__ws=discourse.gohugo.io" media="all" rel="stylesheet" data-target="spoiler-alert" /> <link href="https://yyz2.discourse-cdn.com/flex036/stylesheets/discourse-ai_desktop_d02c2ac443d5119470bb87ccc1761df2dc8dc4ce.css?__ws=discourse.gohugo.io" media="all" rel="stylesheet" data-target="discourse-ai_desktop" /> <link href="https://yyz2.discourse-cdn.com/flex036/stylesheets/poll_desktop_d02c2ac443d5119470bb87ccc1761df2dc8dc4ce.css?__ws=discourse.gohugo.io" media="all" rel="stylesheet" data-target="poll_desktop" /> <link href="https://yyz2.discourse-cdn.com/flex036/stylesheets/desktop_theme_2_554e2f649b5332218939d027878568e9fb5cb3e9.css?__ws=discourse.gohugo.io" media="all" rel="stylesheet" data-target="desktop_theme" data-theme-id="2" data-theme-name="custom header links"/> <link href="https://yyz2.discourse-cdn.com/flex036/stylesheets/desktop_theme_3_ba320989966c049743dec43ab8cc84324bf2a254.css?__ws=discourse.gohugo.io" media="all" rel="stylesheet" data-target="desktop_theme" data-theme-id="3" data-theme-name="hugo light"/> <meta id="data-ga-universal-analytics" data-tracking-code="UA-7131036-7" data-json="{"cookieDomain":"auto"}" data-auto-link-domains=""> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-7131036-7" nonce="nilp59rZt85UzLVVTbKEBqDgh"></script> <script defer src="https://global.discourse-cdn.com/flex036/assets/google-universal-analytics-v4-e154af4adb3c483a3aba7f9a7229b8881cdc5cf369290923d965a2ad30163ae8.gz.js" data-discourse-entrypoint="google-universal-analytics-v4" nonce="nilp59rZt85UzLVVTbKEBqDgh"></script> <link rel="alternate nofollow" type="application/rss+xml" title="RSS feed of 'サイト内リンクを相対パスで生成したい'" href="https://discourse.gohugo.io/t/topic/19193.rss" /> <meta property="og:site_name" content="HUGO" /> <meta property="og:type" content="website" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:image" content="https://global.discourse-cdn.com/flex036/uploads/gohugo/original/2X/b/b91c8ab3a3c1c8679127cf049b46fa919e9e0e5c.png" /> <meta property="og:image" content="https://global.discourse-cdn.com/flex036/uploads/gohugo/original/2X/b/b91c8ab3a3c1c8679127cf049b46fa919e9e0e5c.png" /> <meta property="og:url" content="https://discourse.gohugo.io/t/topic/19193" /> <meta name="twitter:url" content="https://discourse.gohugo.io/t/topic/19193" /> <meta property="og:title" content="サイト内リンクを相対パスで生成したい" /> <meta name="twitter:title" content="サイト内リンクを相対パスで生成したい" /> <meta property="og:description" content="hugoを使って社内向けのオフラインドキュメントを作成しようとしています。 ドキュメントが常に同じパスに置かれる場合、何も問題なく使用できます。 しかし、オフラインドキュメントとしてzip等でまとめて再配布した際に、当然ですが展開によりルートディレクトリが変わることで、リンクの参照ができなくなる問題が発生しています。 これはテーマの中でリンクに{{ .Site.BaseURL }}が用いられてるためです。 再配布後も正しく表示されるよう、絶対パスを使用せず、相対パスにてリンクを生成させたいです。 例としてはhtmlが以下の構造の時 ～/index.html ～/a/index.html ～/b/index.html 1.のページから2.のページ {{ .Site.BaseURL }}a/index.html → ./a/index.html 2.のページから1.のページ {{ .Site.BaseURL }}index.html →…/index.html 2.のページから3.のページ {{ .Site.BaseURL }}a/index.html →…/b/..." /> <meta name="twitter:description" content="hugoを使って社内向けのオフラインドキュメントを作成しようとしています。 ドキュメントが常に同じパスに置かれる場合、何も問題なく使用できます。 しかし、オフラインドキュメントとしてzip等でまとめて再配布した際に、当然ですが展開によりルートディレクトリが変わることで、リンクの参照ができなくなる問題が発生しています。 これはテーマの中でリンクに{{ .Site.BaseURL }}が用いられてるためです。 再配布後も正しく表示されるよう、絶対パスを使用せず、相対パスにてリンクを生成させたいです。 例としてはhtmlが以下の構造の時 ～/index.html ～/a/index.html ～/b/index.html 1.のページから2.のページ {{ .Site.BaseURL }}a/index.html → ./a/index.html 2.のページから1.のページ {{ .Site.BaseURL }}index.html →…/index.html 2.のページから3.のページ {{ .Site.BaseURL }}a/index.html →…/b/..." /> <meta property="og:article:section" content="日本語" /> <meta property="og:article:section:color" content="BF1E2E" /> <meta name="twitter:label1" value="Reading time" /> <meta name="twitter:data1" value="1 mins 🕑" /> <meta name="twitter:label2" value="Likes" /> <meta name="twitter:data2" value="2 ❤" /> <meta property="article:published_time" content="2019-06-14T05:00:21+00:00" /> <meta property="og:ignore_canonical" content="true" /> <script type="application/ld+json">{"@context":"http://schema.org","@type":"QAPage","name":"サイト内リンクを相対パスで生成したい","mainEntity":{"@type":"Question","name":"サイト内リンクを相対パスで生成したい","text":"hugoを使って社内向けのオフラインドキュメントを作成しようとしています。\n\nドキュメントが常に同じパスに置かれる場合、何も問題なく使用できます。\n\nしかし、オフラインドキュメントとしてzip等でまとめて再配布した際に、当然ですが展開によりルートディレクトリが変わることで、リンクの参照ができなくなる問題が発生しています。\n\nこれはテーマの中でリンクに{{ .Site.BaseURL }}が用いられてるためです。\n\n再配布後も正しく表示されるよう、絶対パスを使用せず、相対パスにてリンクを生成させたいです。\n\n例としてはhtmlが以下の構造の時\n\n～/index.html\n\n～/a/index.h…","upvoteCount":0,"answerCount":1,"datePublished":"2019-06-14T05:00:21.870Z","author":{"@type":"Person","name":"xcd0","url":"https://discourse.gohugo.io/u/xcd0"},"acceptedAnswer":{"@type":"Answer","text":"relURL を使ってみてください。\n\n{{ "mystyle.css" | relURL }} → "/hugo/mystyle.css"\n\n[image]\n\n<a href=\"https://gohugo.io/functions/relurl/\" target=\"_blank\" rel=\"nofollow noopener\">relURL<\/a>\n\nGiven a string, prepends the relative URL according to a page's position in the project directory structure.","upvoteCount":1,"datePublished":"2019-06-14T09:05:24.387Z","url":"https://discourse.gohugo.io/t/topic/19193/4","author":{"@type":"Person","name":"peaceiris","url":"https://discourse.gohugo.io/u/peaceiris"}}}}</script> </head> <body class="crawler browser-update"> <script defer="" src="https://yyz2.discourse-cdn.com/flex036/theme-javascripts/417061e7eee24be4fb6a457975f0dce96a82d9e6.js?__ws=discourse.gohugo.io" data-theme-id="5" nonce="nilp59rZt85UzLVVTbKEBqDgh"></script> <header> <a href="/"> HUGO </a> </header> <div id="main-outlet" class="wrap" role="main"> <div id="topic-title"> <h1> <a href="/t/topic/19193">サイト内リンクを相対パスで生成したい</a> </h1> <div class="topic-category" itemscope itemtype="http://schema.org/BreadcrumbList"> <span itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a href="/c/japanese/41" class="badge-wrapper bullet" itemprop="item"> <span class='badge-category-bg' style='background-color: #BF1E2E'></span> <span class='badge-category clear-badge'> <span class='category-name' itemprop='name'>日本語</span> </span> </a> <meta itemprop="position" content="1" /> </span> </div> </div> <div itemscope itemtype='http://schema.org/DiscussionForumPosting'> <meta itemprop='headline' content='サイト内リンクを相対パスで生成したい'> <link itemprop='url' href='https://discourse.gohugo.io/t/topic/19193'> <meta itemprop='datePublished' content='2019-06-14T05:00:21Z'> <meta itemprop='articleSection' content='日本語'> <meta itemprop='keywords' content=''> <div itemprop='publisher' itemscope itemtype="http://schema.org/Organization"> <meta itemprop='name' content='HUGO'> </div> <div id='post_1' class='topic-body crawler-post'> <div class='crawler-post-meta'> <span class="creator" itemprop="author" itemscope itemtype="http://schema.org/Person"> <a itemprop="url" href='https://discourse.gohugo.io/u/xcd0'><span itemprop='name'>xcd0</span></a> </span> <link itemprop="mainEntityOfPage" href="https://discourse.gohugo.io/t/topic/19193"> <span class="crawler-post-infos"> <time datetime='2019-06-14T05:00:21Z' class='post-time'> June 14, 2019, 5:00am </time> <meta itemprop='dateModified' content='2019-06-14T05:06:40Z'> <span itemprop='position'>1</span> </span> </div> <div class='post' itemprop='text'> <p>hugoを使って社内向けのオフラインドキュメントを作成しようとしています。<br> ドキュメントが常に同じパスに置かれる場合、何も問題なく使用できます。<br> しかし、オフラインドキュメントとしてzip等でまとめて再配布した際に、当然ですが展開によりルートディレクトリが変わることで、リンクの参照ができなくなる問題が発生しています。<br> これはテーマの中でリンクに{{ .Site.BaseURL }}が用いられてるためです。</p> <p>再配布後も正しく表示されるよう、絶対パスを使用せず、相対パスにてリンクを生成させたいです。<br> 例としてはhtmlが以下の構造の時</p> <ol> <li>～/index.html</li> <li>～/a/index.html</li> <li>～/b/index.html</li> </ol> <p>1.のページから2.のページ<br> {{ .Site.BaseURL }}a/index.html → ./a/index.html<br> 2.のページから1.のページ<br> {{ .Site.BaseURL }}index.html →…/index.html<br> 2.のページから3.のページ<br> {{ .Site.BaseURL }}a/index.html →…/b/index.html<br> のように絶対パスではなく相対パスで生成させたいです。</p> <p>こういった機能はHUGOにありますか？<br> なければ実現できそうなアイディアとかありますか？</p> <p>私の考えはHUGOに生成させた後のURLに対して、<br> javascript等で文字列置換を行うものです。<br> もちろん生成時に変換されるようにGoで書いてもいいと思います。<br> ただし私はものすごく時間をかけないと作れなさそうなのでほかにアイディアがあると嬉しいです。</p> <p>よろしくお願いします。</p> <hr> <p>以下 補足です。<br> ドキュメントの見た目はこのようなものです。下記のページはサンプルです。<br> <a href="https://xcd0.github.io/docs/" class="onebox" target="_blank" rel="nofollow noopener">https://xcd0.github.io/docs/</a><br> テーマは自作のものを使用しています。<br> <aside class="onebox whitelistedgeneric"> <header class="source"> <img src="https://github.githubassets.com/favicon.ico" class="site-icon" width="32" height="32"> <a href="https://github.com/xcd0/hugo/tree/master/Light" target="_blank" rel="nofollow noopener">GitHub</a> </header> <article class="onebox-body"> <img src="https://avatars3.githubusercontent.com/u/33729994?s=400&amp;v=4" class="thumbnail onebox-avatar" width="420" height="420"> <h3><a href="https://github.com/xcd0/hugo/tree/master/Light" target="_blank" rel="nofollow noopener">xcd0/hugo</a></h3> <p>Github Pagesを作ってるリポジトリです。. Contribute to xcd0/hugo development by creating an account on GitHub.</p> </article> <div class="onebox-metadata"> </div> <div style="clear: both"></div> </aside> </p> <p>生成させたいリンクは<br> ①内に記述しているローカルjavascriptファイルへのリンク<br> 例）<script src="{{ .Site.BaseURL }}js/sample.js" defer></script><br> ②サイドバーに表示しているサイトマップ一覧のリンク<br> 例）<a href="{{ .RelPermalink }}index.html">{{ .Title }}</a><br> サイトマップは.Sections.ByLinkTitle等で取得して生成させています。</p> <p>サイトマップは複数の階層に対応するため多少複雑なhtmlとなっています。<br> 生成のためのhtmlは以下です。</p> <h3>layouts/partials/side-menu.html</h3> <pre><code class="lang-auto"><nav class="sidebar"> <div class="sidebar-contents"> {{/* テンプレート定義 */}} {{ define "hierarchy" }} {{ if .IsHome }}{{/* ホームだけ別処理 */}} <ul class="nav-groups"> <li class="nav-group-name-top"> <a href="{{ .RelPermalink }}index.html">{{ .Title }}</a> {{/* ホームは$.Site.RegularPagesのSectionがないのでこれで取り出せる */}} {{ range where $.Site.RegularPages "Section" "" }} <li class="nav-group-task-top"><a href="{{ .RelPermalink }}index.html">{{ .Title }}</a></li> {{ end }} </li> </ul> {{ range .Sections.ByLinkTitle }} {{ template "hierarchy" . }} {{ end }} {{ else }} <ul class="nav-groups"> <li class="nav-group-name"> <div class="nav-group-middle-name"> <a href="{{ .RelPermalink }}index.html">{{ .Title }}</a> </div> {{/* カレントセクション直下のページリスト（ホームは処理分ける） */}} {{ range .Pages.ByDate }} <li class="nav-group-task"><a href="{{ .RelPermalink }}index.html">{{ .Title }}</a></li> {{ end }} {{/* カレントセクション直下のセクションは再帰処理 */}} {{ range .Sections.ByPublishDate }} {{ template "hierarchy" . }} {{ end }} </li> </ul> {{ end }} {{ end }}{{/* テンプレート定義ここまでで終わり */}} {{/* テンプレート呼び出して、一覧読み込む */}} {{ template "hierarchy" .Site.Home }} </nav> </code></pre> <p>上記のhtmlで生成されるサイドバーはこのような見た目になります。<br> <div class="lightbox-wrapper"><a class="lightbox" href="https://global.discourse-cdn.com/flex036/uploads/gohugo/original/2X/b/b7c5777e4c9e28ae2485566da582590c2ab13aaf.png" title="image.png" rel="nofollow noopener"><img src="https://global.discourse-cdn.com/flex036/uploads/gohugo/original/2X/b/b7c5777e4c9e28ae2485566da582590c2ab13aaf.png" alt="image" data-base62-sha1="qdIrKWTELAlWOQdYyvhVwjHur5J" width="226" height="500" data-small-upload="https://global.discourse-cdn.com/flex036/uploads/gohugo/optimized/2X/b/b7c5777e4c9e28ae2485566da582590c2ab13aaf_2_10x10.png"><div class="meta"> <svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"><use xlink:href="#far-image"></use></svg><span class="filename">image.png</span><span class="informations">363×801 3.27 KB</span><svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use xlink:href="#discourse-expand"></use></svg> </div></a></div><br> ディレクトリ構造は以下のようなものです。</p> <pre><code class="lang-auto">├── index.html ├── index.xml ├── about │ ├── about │ ├── index.html │ └── index.xml ├── css │ ├── highlight.css │ └── light.css ├── js │ ├── jazzy.js │ └── jquery.min.js ├── img │ ├── carat.png │ └── gh.png ├── nesttest │ ├── index.html │ ├── index.xml │ ├── nest │ └── nesttest └── nesttest ├── index.html ├── index.xml ├── nest │ └── index.html └── nesttest ├── index.html ├── index.xml ├── nest │ └── index.html └── nesttest ├── index.html ├── index.xml ├── nest │ └── index.html └── nesttest ├── index.html ├── index.xml ├── nest │ └── index.html └── nesttest ├── index.html ├── index.xml ├── nest │ └── index.html └── nesttest ├── index.html ├── index.xml ├── nest │ └── index.html └── nesttest ├── index.html ├── index.xml ├── nest │ └── index.html └── nesttest ├── index.html ├── index.xml ├── nest │ └── index.html └── nesttest ├── index.html ├── index.xml ├── nest │ └── index.html └── nesttest ├── index.html ├── index.xml ├── nest │ └── index.html └── nesttest ├── index.html ├── index.xml ├── nest │ └── index.html └── nesttest ├── index.html ├── index.xml └── nest └── index.html </code></pre> </div> <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter"> <meta itemprop="interactionType" content="http://schema.org/LikeAction"/> <meta itemprop="userInteractionCount" content="0" /> <span class='post-likes'></span> </div> </div> <div id='post_2' itemprop='comment' itemscope itemtype='http://schema.org/Comment' class='topic-body crawler-post'> <div class='crawler-post-meta'> <span class="creator" itemprop="author" itemscope itemtype="http://schema.org/Person"> <a itemprop="url" href='https://discourse.gohugo.io/u/peaceiris'><span itemprop='name'>peaceiris</span></a> </span> <span class="crawler-post-infos"> <time itemprop='datePublished' datetime='2019-06-14T05:33:07Z' class='post-time'> June 14, 2019, 5:33am </time> <meta itemprop='dateModified' content='2019-06-14T05:49:58Z'> <span itemprop='position'>2</span> </span> </div> <div class='post' itemprop='text'> <pre><code class="lang-auto">relativeURLs = true </code></pre> <p>を指定することで相対パスでリンクが生成されるようになるはずです。試してみてください。</p> <aside class="onebox whitelistedgeneric"> <header class="source"> <img src="https://gohugo.io/favicon-32x32.png" class="site-icon" width="32" height="32"> <a href="https://gohugo.io/content-management/urls/" target="_blank" title="12:00AM - 01 February 2017" rel="nofollow noopener">gohugo.io – 1 Feb 17</a> </header> <article class="onebox-body"> <div class="aspect-image" style="--aspect-ratio:690/345;"><img src="https://gohugo.io/images/gohugoio-card.png" class="thumbnail"></div> <h3><a href="https://gohugo.io/content-management/urls/" target="_blank" rel="nofollow noopener">URL Management</a></h3> <p>Hugo supports permalinks, aliases, link canonicalization, and multiple options for handling relative vs absolute URLs.</p> </article> <div class="onebox-metadata"> </div> <div style="clear: both"></div> </aside> </div> <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter"> <meta itemprop="interactionType" content="http://schema.org/LikeAction"/> <meta itemprop="userInteractionCount" content="0" /> <span class='post-likes'></span> </div> </div> <div id='post_3' itemprop='comment' itemscope itemtype='http://schema.org/Comment' class='topic-body crawler-post'> <div class='crawler-post-meta'> <span class="creator" itemprop="author" itemscope itemtype="http://schema.org/Person"> <a itemprop="url" href='https://discourse.gohugo.io/u/xcd0'><span itemprop='name'>xcd0</span></a> </span> <span class="crawler-post-infos"> <time itemprop='datePublished' datetime='2019-06-14T08:36:34Z' class='post-time'> June 14, 2019, 8:36am </time> <meta itemprop='dateModified' content='2019-06-14T08:36:34Z'> <span itemprop='position'>3</span> </span> </div> <div class='post' itemprop='text'> <p>おお ②は正しく相対パスになりました<br> ありがとうございます<br> ①は{{ .Site.BaseURL }}のままではだめですね。<br> テーマのstaticディレクトリに配置される<br> jsファイルやcssファイルに対する相対パスの出力方法がわかりません。<br> {{ .RelPermalink }}に変えてみましたところ</p> <p>~/a/index.html内のcss指定が</p> <pre><code class="lang-auto"><link rel="stylesheet" type="text/css" href="../css/light.css" /> </code></pre> <p>となってほしいところ、</p> <pre><code class="lang-auto"><link rel="stylesheet" type="text/css" href="../a/css/light.css" /> </code></pre> <p>のようになってしまいました。<br> 良い指定方法があれば教えてください。</p> </div> <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter"> <meta itemprop="interactionType" content="http://schema.org/LikeAction"/> <meta itemprop="userInteractionCount" content="0" /> <span class='post-likes'></span> </div> </div> <div id='post_4' itemprop='comment' itemscope itemtype='http://schema.org/Comment' class='topic-body crawler-post'> <div class='crawler-post-meta'> <span class="creator" itemprop="author" itemscope itemtype="http://schema.org/Person"> <a itemprop="url" href='https://discourse.gohugo.io/u/peaceiris'><span itemprop='name'>peaceiris</span></a> </span> <span class="crawler-post-infos"> <time itemprop='datePublished' datetime='2019-06-14T09:05:24Z' class='post-time'> June 14, 2019, 9:05am </time> <meta itemprop='dateModified' content='2019-06-14T09:05:24Z'> <span itemprop='position'>4</span> </span> </div> <div class='post' itemprop='text'> <p><code>relURL</code> を使ってみてください。</p> <pre><code class="lang-auto">{{ "mystyle.css" | relURL }} → "/hugo/mystyle.css" </code></pre> <aside class="onebox whitelistedgeneric"> <header class="source"> <img src="https://gohugo.io/favicon-32x32.png" class="site-icon" width="16" height="16"> <a href="https://gohugo.io/functions/relurl/" target="_blank" title="12:00AM - 01 February 2017" rel="nofollow noopener">gohugo.io – 1 Feb 17</a> </header> <article class="onebox-body"> <div class="aspect-image" style="--aspect-ratio:108/54;"><img src="https://gohugo.io/images/gohugoio-card.png" class="thumbnail"></div> <h3><a href="https://gohugo.io/functions/relurl/" target="_blank" rel="nofollow noopener">relURL</a></h3> <p>Given a string, prepends the relative URL according to a page's position in the project directory structure.</p> </article> <div class="onebox-metadata"> </div> <div style="clear: both"></div> </aside> </div> <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter"> <meta itemprop="interactionType" content="http://schema.org/LikeAction"/> <meta itemprop="userInteractionCount" content="1" /> <span class='post-likes'>1 Like</span> </div> </div> <div id='post_5' itemprop='comment' itemscope itemtype='http://schema.org/Comment' class='topic-body crawler-post'> <div class='crawler-post-meta'> <span class="creator" itemprop="author" itemscope itemtype="http://schema.org/Person"> <a itemprop="url" href='https://discourse.gohugo.io/u/xcd0'><span itemprop='name'>xcd0</span></a> </span> <span class="crawler-post-infos"> <time itemprop='datePublished' datetime='2019-06-17T01:31:27Z' class='post-time'> June 17, 2019, 1:31am </time> <meta itemprop='dateModified' content='2019-06-17T01:31:27Z'> <span itemprop='position'>5</span> </span> </div> <div class='post' itemprop='text'> <p>おお うまくいきました ありがとうございます(/‘ω’)/</p> <pre><code class="lang-auto"><link rel="stylesheet" type="text/css" href="{{ "css/light.css" | relURL}}" /> </code></pre> </div> <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter"> <meta itemprop="interactionType" content="http://schema.org/LikeAction"/> <meta itemprop="userInteractionCount" content="1" /> <span class='post-likes'>1 Like</span> </div> </div> <div id='post_6' itemprop='comment' itemscope itemtype='http://schema.org/Comment' class='topic-body crawler-post'> <div class='crawler-post-meta'> <span class="creator" itemprop="author" itemscope itemtype="http://schema.org/Person"> <a itemprop="url" href='https://discourse.gohugo.io/u/peaceiris'><span itemprop='name'>peaceiris</span></a> </span> <span class="crawler-post-infos"> <time itemprop='datePublished' datetime='2019-06-18T09:08:08Z' class='post-time'> June 18, 2019, 9:08am </time> <meta itemprop='dateModified' content='2019-06-18T09:08:08Z'> <span itemprop='position'>6</span> </span> </div> <div class='post' itemprop='text'> <p>解決できたようで良かったです。トピックのクローズをお願いしますね。</p> <p><div class="lightbox-wrapper"><a class="lightbox" href="https://d11a6trkgmumsb.cloudfront.net/original/3X/1/1/11e8347fb7cf1b9d039b85a5d653b96cf1b47ea8.png" title="11e8347fb7cf1b9d039b85a5d653b96cf1b47ea8.png" rel="nofollow noopener"><img src="https://d11a6trkgmumsb.cloudfront.net/original/3X/1/1/11e8347fb7cf1b9d039b85a5d653b96cf1b47ea8.png" width="400" height="150"><div class="meta"> <svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"><use xlink:href="#far-image"></use></svg><span class="filename">11e8347fb7cf1b9d039b85a5d653b96cf1b47ea8.png</span><span class="informations">722×272</span><svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use xlink:href="#discourse-expand"></use></svg> </div></a></div></p> </div> <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter"> <meta itemprop="interactionType" content="http://schema.org/LikeAction"/> <meta itemprop="userInteractionCount" content="0" /> <span class='post-likes'></span> </div> </div> </div> <div id="related-topics" class="more-topics__list " role="complementary" aria-labelledby="related-topics-title"> <h3 id="related-topics-title" class="more-topics__list-title"> Related topics </h3> <div class="topic-list-container" itemscope itemtype='http://schema.org/ItemList'> <meta itemprop='itemListOrder' content='http://schema.org/ItemListOrderDescending'> <table class='topic-list'> <thead> <tr> <th>Topic</th> <th></th> <th class="replies">Replies</th> <th class="views">Views</th> <th>Activity</th> </tr> </thead> <tbody> <tr class="topic-list-item" id="topic-list-item-26217"> <td class="main-link" itemprop='itemListElement' itemscope itemtype='http://schema.org/ListItem'> <meta itemprop='position' content='1'> <span class="link-top-line"> <a itemprop='url' href='https://discourse.gohugo.io/t/topic/26217' class='title raw-link raw-topic-link'>サイトマップが相対リンクで生成されてしまう</a> </span> <div class="link-bottom-line"> <a href='/c/japanese/41' class='badge-wrapper bullet'> <span class='badge-category-bg' style='background-color: #BF1E2E'></span> <span class='badge-category clear-badge'> <span class='category-name'>日本語</span> </span> </a> <div class="discourse-tags"> </div> </div> </td> <td class="replies"> <span class='posts' title='posts'>3</span> </td> <td class="views"> <span class='views' title='views'>1699</span> </td> <td> June 15, 2020 </td> </tr> <tr class="topic-list-item" id="topic-list-item-22994"> <td class="main-link" itemprop='itemListElement' itemscope itemtype='http://schema.org/ListItem'> <meta itemprop='position' content='2'> <span class="link-top-line"> <a itemprop='url' href='https://discourse.gohugo.io/t/topic/22994' class='title raw-link raw-topic-link'>初心者向け勉強会開催について</a> </span> <div class="link-bottom-line"> <a href='/c/japanese/41' class='badge-wrapper bullet'> <span class='badge-category-bg' style='background-color: #BF1E2E'></span> <span class='badge-category clear-badge'> <span class='category-name'>日本語</span> </span> </a> <div class="discourse-tags"> </div> </div> </td> <td class="replies"> <span class='posts' title='posts'>14</span> </td> <td class="views"> <span class='views' title='views'>1751</span> </td> <td> February 15, 2020 </td> </tr> <tr class="topic-list-item" id="topic-list-item-18105"> <td class="main-link" itemprop='itemListElement' itemscope itemtype='http://schema.org/ListItem'> <meta itemprop='position' content='3'> <span class="link-top-line"> <a itemprop='url' href='https://discourse.gohugo.io/t/hugo-documentation/18105' class='title raw-link raw-topic-link'>Hugo Documentation 和訳・日本語訳プロジェクト</a> </span> <div class="link-bottom-line"> <a href='/c/japanese/41' class='badge-wrapper bullet'> <span class='badge-category-bg' style='background-color: #BF1E2E'></span> <span class='badge-category clear-badge'> <span class='category-name'>日本語</span> </span> </a> <div class="discourse-tags"> </div> </div> </td> <td class="replies"> <span class='posts' title='posts'>0</span> </td> <td class="views"> <span class='views' title='views'>2231</span> </td> <td> April 14, 2019 </td> </tr> <tr class="topic-list-item" id="topic-list-item-24481"> <td class="main-link" itemprop='itemListElement' itemscope itemtype='http://schema.org/ListItem'> <meta itemprop='position' content='4'> <span class="link-top-line"> <a itemprop='url' href='https://discourse.gohugo.io/t/gitpages/24481' class='title raw-link raw-topic-link'>ローカルでのプレビューとGitpagesが合わない</a> </span> <div class="link-bottom-line"> <a href='/c/japanese/41' class='badge-wrapper bullet'> <span class='badge-category-bg' style='background-color: #BF1E2E'></span> <span class='badge-category clear-badge'> <span class='category-name'>日本語</span> </span> </a> <div class="discourse-tags"> </div> </div> </td> <td class="replies"> <span class='posts' title='posts'>5</span> </td> <td class="views"> <span class='views' title='views'>2100</span> </td> <td> April 7, 2020 </td> </tr> <tr class="topic-list-item" id="topic-list-item-24964"> <td class="main-link" itemprop='itemListElement' itemscope itemtype='http://schema.org/ListItem'> <meta itemprop='position' content='5'> <span class="link-top-line"> <a itemprop='url' href='https://discourse.gohugo.io/t/topic/24964' class='title raw-link raw-topic-link'>画像一覧ページについて。</a> </span> <div class="link-bottom-line"> <a href='/c/japanese/41' class='badge-wrapper bullet'> <span class='badge-category-bg' style='background-color: #BF1E2E'></span> <span class='badge-category clear-badge'> <span class='category-name'>日本語</span> </span> </a> <div class="discourse-tags"> </div> </div> </td> <td class="replies"> <span class='posts' title='posts'>4</span> </td> <td class="views"> <span class='views' title='views'>2440</span> </td> <td> April 30, 2020 </td> </tr> </tbody> </table> </div> </div> </div> <footer class="container wrap"> <nav class='crawler-nav'> <ul> <li itemscope itemtype='http://schema.org/SiteNavigationElement'> <span itemprop='name'> <a href='/' itemprop="url">Home </a> </span> </li> <li itemscope itemtype='http://schema.org/SiteNavigationElement'> <span itemprop='name'> <a href='/categories' itemprop="url">Categories </a> </span> </li> <li itemscope itemtype='http://schema.org/SiteNavigationElement'> <span itemprop='name'> <a href='/guidelines' itemprop="url">Guidelines </a> </span> </li> <li itemscope itemtype='http://schema.org/SiteNavigationElement'> <span itemprop='name'> <a href='/tos' itemprop="url">Terms of Service </a> </span> </li> <li itemscope itemtype='http://schema.org/SiteNavigationElement'> <span itemprop='name'> <a href='/privacy' itemprop="url">Privacy Policy </a> </span> </li> </ul> </nav> <p class='powered-by-link'>Powered by <a href="https://www.discourse.org">Discourse</a>, best viewed with JavaScript enabled</p> </footer> <div class="buorg"><div>Unfortunately, <a href="https://www.discourse.org/faq/#browser">your browser is unsupported</a>. Please <a href="https://browsehappy.com">switch to a supported browser</a> to view rich content, log in and reply.</div></div> </body> </html>