[心得] 遊記文草稿.htm

作者: laechan (揮淚斬馬雲)   2020-11-19 10:37:07
我本身常逛旅遊相關板面,有時會寫遊記,慣用的貼圖網站是
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://www.ptt.cc/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 網頁版近乎一致的圖文並茂內容
作者: nottt (無)   2020-11-19 13:26:00
有趣的做法,推一下
作者: brli7848 (無理阿?)   2020-11-19 17:57:00
源碼到處都有剪貼簿可以用…pastebin gist 自己選
作者: kattte (誠實面對自己吧!)   2020-11-20 11:41:00
一次看九個感覺好累@@
作者: laechan (揮淚斬馬雲)   2020-11-20 14:10:00
習慣了就ok,我把controls=0拿掉讓我可控制聲音,預設mute有需要時再點開其中1~2個的聲音就可,我現在讓它在平板跑當我工作桌的第三螢幕,偶爾瞄一下還可以關注個重要新聞呵
作者: gt13579 (超愛超愛)   2020-11-27 08:43:00
youtube直播網名一直改該怎麼辦?

Links booklink

Contact Us: admin [ a t ] ucptt.com