Merge pull request #1089 from utelecon/202405-no-png-in-dist

202405 no png in dist

.github/workflows/astro.yml

@@ -43,6 +43,9 @@ jobs:
       - name: Build
         run: |
           npm run build
+      - name: Check unused assets
+        run: |
+          npm run unused-asset
 
       - name: Upload Pages Artifact
         uses: actions/upload-pages-artifact@v2

.github/workflows/netlify.yml

@@ -29,7 +29,9 @@ jobs:
       - name: Build
         run: |
           npm run build
-
+      - name: Check unused assets
+        run: |
+          npm run unused-asset
       - name: Deploy to Netlify
         uses: nwtgck/[email protected]
         with:

README.md

@@ -37,6 +37,8 @@ Markdownファイルのフロントマターにかける設定は以下の通り
   - 例：`npm run find-link /oc/url`
 - `npm run broken-link`：サイト内リンクで壊れているものをすべて標準出力する．
   - `dist`以下のHTMLファイルを読むため，あらかじめ`npm run build`してから実行する．
+- `npm run unused-asset`：使われていないアセットをすべて標準出力する．
+  - `dist`以下のHTMLファイルを読むため，あらかじめ`npm run build`してから実行する．
 
 ## How it works
 

astro.config.ts

@@ -10,6 +10,10 @@ import simpleAttentionPlugin from "./src/lib/SimpleAttentionPlugin.js";
 import externalLinks from "./src/lib/ExternalLinksIntegration.js";
 import trailingSlash from "./src/lib/TrailingSlashIntegration.js";
 import { cleanup } from "./src/lib/CleanupIntegration.js";
+import collectHtmlImages from "./src/lib/CollectHtmlImagesPlugin.js";
+import copyAsset from "./src/lib/CopyAssetIntegration.js";
+import assetFileNames from "./src/lib/AssetFileNames.js";
+import rehypeRaw from "rehype-raw";
 
 // https://astro.build/config
 export default defineConfig({
@@ -23,6 +27,13 @@ export default defineConfig({
     server: {
       watch: { usePolling: Boolean(process.env.USE_POLLING) },
     },
+    build: {
+      rollupOptions: {
+        output: {
+          assetFileNames,
+        },
+      },
+    },
   },
   markdown: {
     remarkPlugins: [
@@ -42,14 +53,14 @@ export default defineConfig({
       footnoteLabelProperties: { className: ["visually-hidden"] },
       footnoteLabelTagName: "b",
     },
+    rehypePlugins: [rehypeRaw, collectHtmlImages],
     shikiConfig: {
       theme: "min-light",
-    }
+    },
   },
-  publicDir: "src/pages",
   scopedStyleStrategy: "where",
   integrations: [
-    mdx(),
+    mdx({ rehypePlugins: [] }),
     react(),
     redirect(),
     externalLinks({
@@ -59,6 +70,7 @@ export default defineConfig({
       contentProperties: { className: ["external-link"] },
     }),
     cleanup(),
+    copyAsset(),
     trailingSlash(),
   ],
   site: "https://utelecon.adm.u-tokyo.ac.jp",