[心得] 遊記文草稿.htm

看板Web_Design作者laechan (揮淚斬馬雲)時間3年前 (2020/11/19 10:38)推噓1(1推 0噓 5→)

留言6則, 4人參與討論串1/2 (看更多)

我本身常逛旅遊相關板面，有時會寫遊記，慣用的貼圖網站是 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 網頁版近乎一致的圖文並茂內容 -- 高橋涼介: Project Dream 高橋啟介: Project Da哥是對的! 藤原拓海: Project Dofu 岩瀨恭子: Project Darling~ 茂木夏樹: Project Daddy~ 北條凜: Project Death!! -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.33.66.104 (臺灣) ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1605753482.A.3F8.html

推

nottt

11/19 13:26, 3年前 , 1^F

11/19 13:26, 1^F

→

brli7848

11/19 17:57, 3年前 , 2^F

11/19 17:57, 2^F

感謝告知，選擇使用 github gist https://gist.github.com/laechan/fb9cceb0645734a2a9d58b3c78b2c30e 今天另外寫了一支小程式，主要方便我自己看九宮格的youtube直播影片 https://gist.github.com/laechan/851354c204fa4de03db0ff40ab039879 它的執行結果 https://i.imgur.com/m6tiYbt.jpg