這是我希望能保存圖片，但是用Word、PDF、直接存網頁等，不是有點麻煩，就是太崩，無法達到我想要的「輕鬆(不想動腦)、簡潔(只看想看的)、攜帶方便(分享跟管理也方便)」
所以寫了這個工具 XD
不需要安裝，丟到喜歡的位置就可以了(建議使用Chrome與Win7)
※如果已經有自己慣用設定的，將CustSet.xml放到新的資料夾就可以了。
【簡單三步驟】
只有第一次要設定「存串資料夾」，往後都是簡單三步驟。
- 找到要存的串，點「另存新檔」
![]()
- 想個名字
![]()
- 開程式點一下按鈕，就會生出一個能帶著走的HTML檔
![]()
【完整的操作過程】 (有針對v0.6部分增加解說)
- 0:46 ~ 0:48 有一段很快跳過的字幕是多插的(稍後會在正確的時間出現)，可以忽略它
- 2:16在資料夾中多了一個「CustSet.xml」
這個檔案保存了設定的參數，如果要恢復預設值，把這個檔案砍掉就可以了
※釋出的版本，多了一隻會跳跳的蔓古絲頓。只是檔案在轉換時，它會卡住...，目前無解。
【特色】
- 取消巴哈廣告，增加文字的顯示寬度 (這人連滾中鍵的力氣都想省)
- 圖片不以(120x120)的縮圖顯示，可以自行設定 (圖片好小，又懶得點開)
- 過大的圖檔(可自行決定尺寸上限)會進行壓縮
- 圖片直接包在網頁中，不用擔心圖床失連。能利用網路空間(例如這篇)分享對串圖文。 (叉燒包最討厭了QQ)
![]()
【缺點】
- 為了留住圖片，檔案尺寸可能是所有方法之冠(目前對過的串，平均存起來1.2MB，圖多的串有到4.5MB過。)
- 勇者造型的小圖會因時間流逝(巴哈換位置放圖)而失連
- 在轉換檔案比較大的網頁時，會看起來像當掉 (其實有在跑)
- 已知跟「沙歐插件」不相容，但是進階使用者可在「【版面】-自訂」那下參數解決
【備註】
- 早期的串不保證效果，至少從2016/11/23起是可以運作的
- 另存網頁時，一定要選擇「完整網頁」
- 如果在轉換前串內的圖片就失連了，那用這支程式也救不回來。
新功能 - 【設定】
這次改版最大的差別，是多了「設定」，讓使用者能依照喜好決定輸出結果，甚至能直接干涉排版，套用自己喜歡的CSS。
| 縮圖關係文字模糊，建議開程式看。 |
|
![]() |
【路徑】
輸入資料夾：也就是存串的位置，有設定好的話，下次開啟程式就能直接開始轉換，不需每次都要重選。
輸出資料夾：不一定要跟存串資料夾放在一起，也能自己選擇指定路徑。
【版面】
簡易設定：每串的寬度，值越大，單列顯示文字越多。
自訂：(參數眾多，下一格再說)
【圖片】
顯示的最大尺寸：在網頁上顯示的尺寸，改變是可逆的。
單圖尺寸上限：當單張圖片超過 xx KB時，會進行不可逆的圖檔壓縮。將數值調小，可以大幅減少檔案尺寸。 |
![]() |
※「【版面】-自訂」是給對有點資訊底子的人使用，這裡設定錯誤，有高機率導致程式異常關閉。
由於「沙鷗插件」對巴哈的結構有進行優化，如果存串時沒有暫停該插件，那就會需要到這邊自行調整XPath賦予正確的網頁結構。
<head>...</head>：諸如頁面名稱、引用CSS等，可以直接修改引用的CSS，讓文字顏色、排版用別的方式呈現。要恢復對手機的排版支援，也能在這裡設定。
<body>...</body>：單純的只留下對串版面。
<img>...</img>：取得圖片的位置。有用沙歐插件的可能要調整這裡。
「去除區塊的XPath」：主要是用來刪除存串後，就不具意義的按鈕或圖示。可以留白。 |
其實我也不知道，我只是給出了一支瑞士刀，結果如何就看人了
示範結果：連小屋叭拉都能存。不過這是花大概5分鐘寫的，還有地方看不順眼就是了 (茶)
![]()
【後記】
在「
這篇」收集意見後，進行大幅度的改版而有了v0.6
雖然只差了一個版次，但是為了新的功能，幾乎版整支程式重寫了一遍
改了... 大概三萬字而已，已經很努力想辦法瘦身了，可還是好胖 "XD...
仍待克服的技術：
- 轉換的時候，有種程式當掉的感覺(沒有甚麼少女祈禱中的玩意) --可拉斯尼
↑這關卡很大 orz 一直搞不定，跟WPF本身的結構有關，無法用老方法寫。
↑克服了改寫中，參考筆記
- 動用JavaScript的話，人物頭像應該也可以儲存到HTML內 --海角一沙鷗
↑已經試出來了，但是要套用到程式中還需要構想插入點。
- 沒辦法過濾「影音」檔 --自己
↑存影音就太過頭了，但是有考慮留下youtube連結
↑打算改寫整個結構並重組
大概就這樣 XD
XPath 參考: 勇照 //div[contains(@class, 'msgreport')][n]//img[contains(@class, 'gamercard')]/@src
串中圖片 //div[contains(@class, 'msgreport')][n]//img[not(contains(@class, 'gamercard') or contains(@class, 'IMG-E26'))]/@src
創作內容
【RPG公會】【黑科技】羽翼的懶人存串工具_v0.6.3
瑪奇 (4)
