作者laechan (揮淚斬馬雲)
看板Web_Design
標題[心得] 遊記文草稿.htm
時間Thu Nov 19 10:37:07 2020
我本身常逛旅遊相關板面，有時會寫遊記，慣用的貼圖網站是
imgur，過往在編輯落落長的遊記文時只能一邊打文章、一邊上
傳圖片到 imgur，然後再複製圖片網址貼到遊記文內，例如..
======================================================
【函館宇賀浦町】
有可以觀看海景的餐館
https://i.imgur.com/fOLpnW3.jpg
還有超推的美食
https://i.imgur.com/fagc5v0.jpg
還可以在沙灘上漫步
https://www.youtube.com/watch?v=bjxcx3zLdLc
======================================================
但總是要等貼到板子後再按 ctrl-p 才能觀看到結果，覺得很
不方便，我希望更方便一點，就寫了一支簡單的 htm:
https://i.imgur.com/qoNpSSv.jpg
(不確定能不能貼 source code，先用圖片的方式，才 50 行)
然後簡單利用 google sites 內嵌 code 及草稿，demo 如下:
https://sites.google.com/view/japan1urvbzol
與 PTT 的遊記文對照
https://webptt.com/m.aspx?n=bbs/Japan_Travel/M.1584370429.A.62F.html
我的遊記文通常很長，有時得花兩三天的時間才能編完，它可
以讓我先在自己的電腦編輯遊記文草稿，並即時預覽遊記文的
圖文及 youtube 影片樣式，即時做編修，編修完之後，再複製
<pre> ... </pre> 之間的段落到 ptt 貼上即可。
目前讓它可簡單偵測 imgur.com、以及以 .jpg、.png 等為結
尾的網址(它一律當成圖片網址)，以及含有 "youtu" 的影片網
址，通常我也只會用到這兩個而已，至於 tinyurl.com 的因為
沒有事先顯示的必要就跳過不判斷。
理論上，它也可以用在 PTT 其它圖文並茂的文章編輯上，例如
軟體教學文、遊戲攻略文等。
過往蠻多部落客都會先在自己的部落格先打好圖文並茂的文章
，然後才複製那邊的文章到遊記相關板子去做貼上張貼，其明
顯的缺點就是「圖片會不見，多只剩下文字」，然後再貼上部
落格的網址要人點網址去看，才會看到圖片。
但現在就可以反過來，我先在 PTT 貼上遊記文，再把遊記文的
文章全文複製後貼到 code 內，再內嵌到我的 google sites，
這樣我的網頁亦可顯示與 PTT 網頁版近乎一致的圖文並茂內容
--
高橋涼介: Project Dream
高橋啟介: Project Da哥是對的!
藤原拓海: Project Dofu
岩瀨恭子: Project Darling~
茂木夏樹: Project Daddy~
北 條 凜: Project Death!!
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.33.66.104 (臺灣)
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1605753482.A.3F8.html
1F：推 nottt: 有趣的做法，推一下 11/19 13:26
2F：→ brli7848: 源碼到處都有剪貼簿可以用…pastebin gist 自己選 11/19 17:57
感謝告知，選擇使用 github gist
https://gist.github.com/laechan/fb9cceb0645734a2a9d58b3c78b2c30e
今天另外寫了一支小程式，主要方便我自己看九宮格的youtube直播影片
https://gist.github.com/laechan/851354c204fa4de03db0ff40ab039879
它的執行結果
https://i.imgur.com/m6tiYbt.jpg
不過它無法應付被設定只能在 www.youtube.com 本地播放的影片，像三立
跟台視的就無法嵌入到自訂網頁內。
※ 編輯: laechan (114.33.66.104 臺灣), 11/19/2020 20:08:49
3F：→ kattte: 一次看九個感覺好累@@ 11/20 11:41
4F：→ laechan: 習慣了就ok,我把controls=0拿掉讓我可控制聲音,預設mute 11/20 14:10
5F：→ laechan: 有需要時再點開其中1~2個的聲音就可,我現在讓它在平板跑 11/20 14:10
6F：→ laechan: 當我工作桌的第三螢幕,偶爾瞄一下還可以關注個重要新聞呵 11/20 14:10
7F：推 gt13579: youtube直播網名一直改該怎麼辦? 11/27 08:43
手動跟著改就好了，這個可以存在本地端所以可以本地端編輯。
或是不要把這個youtube影片列進來。
有些直播網址1~2天會改一次，若是 php 可以藉由讀取 youtube
的回傳結果來自動變更網址，但純 javascript 比較不可能這樣
做。
我最近做的東西如下
https://sites.google.com/view/japanlivecams
原始碼
https://gist.github.com/laechan/7d3a5bab2d06bc8eb8a0711cf137e0d1
其中[離島]的部份，石垣島那個就要每天改，所以我的替代方案
是把它擺在離島選項的最後，這樣我偶爾再去改它即可。
※ 編輯: laechan (114.33.66.104 臺灣), 11/27/2020 08:53:35