Add query string to asset url

Assault-Lily · May 7, 2021 · efee6be · efee6be
1 parent 9dc454d
commit efee6be
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 7 deletions.
diff --git a/resources/views/app/layout.blade.php b/resources/views/app/layout.blade.php
@@ -2,19 +2,20 @@
 <html lang="{{ app()->getLocale() }}">
 <?php
     $title_long = (!empty($titlebar) ? $titlebar.' - ' : (!empty($title) ? $title.' - ' : '')).config('app.name');
-    $desc_default = 'Lemonadeへようこそ。Lemonadeはアサルトリリィ関連情報を取り扱う非公式のファンサイトです。'
+    $desc_default = 'Lemonadeへようこそ。Lemonadeはアサルトリリィ関連情報を取り扱う非公式のファンサイトです。';
+    $resource_qs = '?v'.explode(' ', config('lemonade.version'))[0];
 ?>
 <head>
     <meta charset="utf-8">
     <title>{{ $title_long }}</title>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/dialog-polyfill/0.5.6/dialog-polyfill.min.css" integrity="sha512-J2+1q+RsZuJXabBfH1q/fgRr6jMy9By5SwVLk7bScEW7NFJkMUXxfeOyyxtDe6fsaJ4jsciexSlGrPYn9YbBIg==" crossorigin="anonymous" />
-    <link rel="stylesheet" href="{{ asset('css/lemonade.css') }}">
-    <link rel="stylesheet" href="{{ asset('css/lemonade-mobile.css') }}" media="screen and (max-width:500px) and (orientation:portrait)">
+    <link rel="stylesheet" href="{{ asset('css/lemonade.css').$resource_qs }}">
+    <link rel="stylesheet" href="{{ asset('css/lemonade-mobile.css').$resource_qs }}" media="screen and (max-width:500px) and (orientation:portrait)">
     <link rel="preconnect" href="https://fonts.gstatic.com">
     <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.2/css/all.css" integrity="sha384-vSIIfh2YWi9wW0r9iZe7RJPrKwp6bG+s9QZMoITbCckVJqGCCRhc+ccxNcdpHuYu" crossorigin="anonymous">
-    <script src="{{ asset('js/clock.js') }}"></script>
-    <script src="{{ asset('js/lemonade.js') }}" defer></script>
+    <script src="{{ asset('js/clock.js').$resource_qs }}"></script>
+    <script src="{{ asset('js/lemonade.js').$resource_qs }}" defer></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/dialog-polyfill/0.5.6/dialog-polyfill.min.js" integrity="sha512-qUIG93zKzcLBVD5RGRbx2PBmbVRu+tJIl+EPLTus0z8I1AMru9sQYdlf6cBacSzYmZVncB9rcc8rYBnazqgrxA==" crossorigin="anonymous"></script>
     <meta name="viewport" content="width=500">
     <meta name="description" content="{{ $ogp['description'] ?? $desc_default }}">

diff --git a/resources/views/lily/show.blade.php b/resources/views/lily/show.blade.php
@@ -33,15 +33,17 @@
             '('.$triples[$triples[$ts]['lily:legion'][0]]['schema:alternateName'][0].')' : ''). "」に所属しています。";
 
 $icon = !$icons->isEmpty() ? $icons->random() : null;
+
+$resource_qs = '?v'.explode(' ', config('lemonade.version'))[0];
 ?>
 
 @extends('app.layout',[
     'title' => 'リリィプロフィール', 'titlebar' => $triples[$ts]['schema:name'][0] ,
     'pagetype' => 'back-triangle'])
 
 @section('head')
-    <link rel="stylesheet" href="{{ asset('css/lilyprofile.css') }}">
-    <link rel="stylesheet" href="{{ asset('css/lilyprofile-mobile.css') }}" media="screen and (max-width:500px) and (orientation:portrait)">
+    <link rel="stylesheet" href="{{ asset('css/lilyprofile.css').$resource_qs }}">
+    <link rel="stylesheet" href="{{ asset('css/lilyprofile-mobile.css').$resource_qs }}" media="screen and (max-width:500px) and (orientation:portrait)">
     <style>
         #profile{
             background-image: radial-gradient(circle farthest-corner at 90% 100%, {{ $color_rgba }}, transparent 50%, transparent);