tips 0007 works folder - cwtickle/danoniplus GitHub Wiki

English | Japanese

^ Tips Indexに戻る

| < カスタムキーの省略形記法 || 作品ページを任意の場所に配置 | WordPressを使って作品を公開 > |

作品ページを任意の場所に配置

  • v19.4.1より、作品ページを任意のフォルダに配置できるようになりました。
  • またv27.1.0より、cssファイルのリンク指定が不要になっています。
  • <head>タグ内にある<script>タグの相対パス部分を修正すれば、他のフォルダでも起動できます。

使い方

使用例

  • danoniplus/danoni/ に作品用htmlがある場合 (jsファイルは danoniplus/js/ にある)
<script src="../js/danoni_main.js" charset="UTF-8">
  • danoniplus/danoni/sub/ に作品用htmlがある場合 (jsファイルは danoniplus/js/ にある)
<script src="../../js/danoni_main.js" charset="UTF-8">
  • GitHub Pagesに配置しているjs/css/svgファイルを利用する場合
    • この方法を利用する場合、jsファイル、cssファイルなどの個別ファイルのアップロードが不要です。
    • 個別のjs/cssファイルを使用する場合はver38.1.0以降、個別のスキンファイルについてはver40.4.0以降であれば可能です。
<script src="https://cwtickle.github.io/danoniplus/js/danoni_main.js" charset="UTF-8">
  • jsdelivr, UNPKGのjs/css/svgファイルを利用する場合
    • jsdelivr, UNPKGについてはバージョン指定が可能です。
<!-- jsdelivr (最新, v40の最新, v40.5の最新, バージョン固定) -->
<script src="https://cdn.jsdelivr.net/npm/danoniplus/js/danoni_main.min.js" charset="UTF-8">
<script src="https://cdn.jsdelivr.net/npm/danoniplus@40/js/danoni_main.min.js" charset="UTF-8">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/js/danoni_main.min.js" charset="UTF-8">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/js/danoni_main.min.js" charset="UTF-8">
<!-- UNPKG (最新, v40の最新, v40.5の最新, バージョン固定) -->
<script src="https://unpkg.com/danoniplus/js/danoni_main.js" charset="UTF-8">
<script src="https://unpkg.com/danoniplus@40/js/danoni_main.js" charset="UTF-8">
<script src="https://unpkg.com/[email protected]/js/danoni_main.js" charset="UTF-8">
<script src="https://unpkg.com/[email protected]/js/danoni_main.js" charset="UTF-8">

jsdelivrのCDNを使ったファイルの動的更新

  • jsdelivrのCDNを使って、動的にバージョンを変えることができます。
  • 下記のファイルを danoni_main.js として保存・上書きし、jsフォルダ上に「version.txt」を用意します。
// バージョン情報を取得してスクリプトタグを生成
const randTime = Date.now();
fetch(`../js/version.txt?${randTime}`)
  .then(response => response.text())
  .then(version => {
    const script = document.createElement('script');
    script.src = `https://cdn.jsdelivr.net/npm/danoniplus@${version}/js/danoni_main.min.js`;
    document.head.appendChild(script); // スクリプトをヘッダーに追加
    console.log(`Loaded version: ${version}`);
  })
  .catch(error => {
    console.error('Failed to load version:', error);
  });

version.txt

  • version.txtには、バージョン名を「x.y.z」の形式で指定します。
40.5.4

動作確認バージョン

  • v27.1.0以降で利用可能です。
  • jsdelivrを利用する場合はv40.4.0以降、UNPKGを利用する場合はv40.5.4以降が必要です。

ページ作成者

  • ティックル

^ Tips Indexに戻る

| < カスタムキーの省略形記法 || 作品ページを任意の場所に配置 | WordPressを使って作品を公開 > |

© 2018 ティックル & Contributors.

⚠️ **GitHub.com Fallback** ⚠️