PTT
Submit
Submit
選擇語言
正體中文
简体中文
PTT
Web_Design
[心得] 遊記文草稿.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直播網名一直改該怎麼辦?
繼續閱讀
[問題] 類似swagger 可以管理API的協助工具
melogood
Fw: [精進][台北古亭] java讀書會 (暫滿)
iamnodoubt
Fw: [多區/個人] 個人設計作品網站架設
superbar
[問題] wp網站更換code block 主題
ocrimsono
[買賣]WordPress書籍
leona27
[問題] 為什麼老師都推薦cloudways主機
s035280236
[情報] 星球網頁工程師交流技術群
oblivion
Fw: [閒聊] 愛好網頁程式開發者的群組
HwangTW
[問題] 如何引用某個網頁內容或原始碼
q82465
Re: [問題] Vue的學習與使用方式請教
irritated90
Links
booklink
Contact Us: admin [ a t ] ucptt.com