利用Gemini打造雲端硬碟資料夾中圖片的展示平台－學不完．教不停．用不盡

在雲端硬碟中儲存多張學生資訊圖表作品時，我們通常只能依照 Google Drive 的預設檔案列表或縮圖模式來瀏覽。然而，若能善用 Gemini 撰寫展示程式，就能打造一個專屬的資訊圖表展示介面，讓作品的呈現方式更加豐富且具互動性。不僅能依照主題分類、設計版面風格，還能加入滑動、點擊放大、動畫等效果，大幅提升圖表的可讀性與視覺吸引力。

透過這種方式，不僅能提升使用者的瀏覽體驗，也讓學生的作品展示更加專業，適合用於教學成果發表、數據分析展示、或學校網站中的作品集呈現。結合 Google 雲端硬碟的共享功能與 Gemini 程式撰寫的彈性，您可以輕鬆建立一個兼具美感與功能性的圖表展示平台。

本例要創建的個平台，還可以重覆使用在不同的雲端硬碟資料夾中的圖片。

利用Gemini打造雲端硬碟資料夾中圖片的展示平台

在 Gemini（https://gemini.google.com/）要先製作可以列出雲端硬碟資料夾中全部資訊圖表檔案的ID，然後再讓 Gemini 製作可以展示資訊圖表圖片的網頁程式。

參考作法：

第一部分製作列出檔案ID的程式

首先要製作能列出雲端硬碟資料夾中所有圖片檔的ID並儲存在文字檔的 Google Apps Script 程式，輸入以下指令：

撰寫一個Google Apps Script程式，可以將Google雲端硬碟指定資料夾裡每一個檔案的ID清單輸出至文字檔。

複製 Gemin 產生的程式碼備用：

利用Gemini打造雲端硬碟資料夾中圖片的展示平台

在此提供本例的程式碼：

/**
 * @OnlyCurrentDoc
 *
 * 此函式會遍歷指定的 Google 雲端硬碟資料夾，
 * 並在同一個資料夾中建立一個名為 "檔案清單.txt" 的文字檔，
 * 其中包含該資料夾內所有檔案的名稱和ID。
 */
function listFilesInFolder() {
  // --- 請在這裡輸入您要讀取的資料夾ID ---
  const folderId = 'YOUR_FOLDER_ID_HERE'; 
  // -----------------------------------------
  try {
    // 根據ID取得資料夾物件
    const folder = DriveApp.getFolderById(folderId);
    
    // 取得資料夾中的所有檔案
    const files = folder.getFiles();
    
    // 建立一個陣列來存放檔案資訊
    let fileList = [];
    fileList.push('資料夾 "' + folder.getName() + '" 中的檔案清單：');
    fileList.push('========================================');
    
    // 檢查資料夾中是否有檔案
    if (!files.hasNext()) {
      fileList.push('這個資料夾是空的。');
    } else {
      // 遍歷所有檔案
      while (files.hasNext()) {
        const file = files.next();
        // 將檔案名稱和ID加入清單中
        fileList.push('檔案名稱: ' + file.getName() + ', 檔案ID: ' + file.getId());
      }
    }
    
    // 將陣列轉換為單一的文字字串，並用換行符號分隔
    const outputContent = fileList.join('\n');
    
    // 在同一個資料夾中建立一個新的文字檔
    const outputFileName = '檔案清單.txt';
    
    // 檢查是否已存在同名檔案，若有則先刪除
    const existingFiles = folder.getFilesByName(outputFileName);
    if (existingFiles.hasNext()) {
      const oldFile = existingFiles.next();
      oldFile.setTrashed(true); // 將舊檔案移至垃圾桶
      Logger.log('已刪除舊的清單檔案: ' + outputFileName);
    }
    // 建立新檔案並寫入內容
    folder.createFile(outputFileName, outputContent, MimeType.PLAIN_TEXT);
    
    // 在日誌中顯示成功訊息
    Logger.log('檔案清單已成功建立！請至資料夾 ' + folder.getName() + ' 查看 ' + outputFileName);
    Browser.msgBox('成功！', 

'檔案清單已成功建立！請至目標資料夾查看 ' + outputFileName, Browser.Buttons.OK);
  } catch (e) {
    // 處理錯誤，例如找不到資料夾
    Logger.log('發生錯誤: ' + e.toString());
    Browser.msgBox('錯誤', '發生錯誤：' + e.toString() + 

'。請檢查您輸入的資料夾ID是否正確，以及您是否有權限存取該資料夾。', Browser.Buttons.OK);
  }
}
/**
 * 這是一個輔助函式，會在 Google Sheets 的 UI 中新增一個自訂選單，
 * 讓使用者可以輕鬆執行上面的主要功能。
 */
function onOpen() {
  SpreadsheetApp.getUi()
      .createMenu('雲端硬碟工具')
      .addItem('產生檔案清單', 'listFilesInFolder')
      .addToUi();
}