雕蟲小技 1/10/2022

多年干碼農養成的習慣，做界面的時候，頁面要乾淨，布局要舒服，格式要簡潔，最好還要圖文並茂，有聲有色。大概是出於安全的考慮，在使用博客提供的編輯器時，技術上有些限制，比如不能用 Java Script。在這試試，看看能做到多少。

字體：楷體，字號：16px，段落縮進：32px（兩個字），插圖在文字右邊。

鄭屠右手拿刀，左手便要來揪魯達；被這魯提轄就勢按住左手，趕將入去，望小腹上只一腳，騰地踢倒在當街上。魯達再入一步，踏住胸脯，提起那醋缽兒大小拳頭，看着這鄭屠道：“洒家始投老種經略相公，做到關西五路廉訪使，也不枉了叫做‘鎮關西’！你是個賣肉的操刀屠戶，狗一般的人，也叫做‘鎮關西’！你如何強騙了金翠蓮？”撲的只一拳，正打在鼻子上，打得鮮血迸流，鼻子歪在半邊，卻便似開了個油醬鋪，鹹的、酸的、辣的一發都滾出來。鄭屠掙不起來，那把尖刀也丟在一邊，口裡只叫：“打得好！”魯達罵道：“直娘賊！還敢應口！”提起拳頭來就眼眶際眉梢只一拳，打得眼稜縫裂，烏珠迸出，也似開了個彩帛鋪，紅的、黑的、紫的都綻將出來。

字體：宋體，字號：16px，顏色：深藍，插圖在左邊，唱詞、錄音在右邊。

  越劇《紅樓夢》選段：天上掉下個林妹妹

  寶玉：天上掉下個林妹妹，似一朵輕雲剛出岫
  黛玉：只道他腹內草莽人輕浮，卻原來骨格清奇非俗流
  寶玉：嫻靜猶如花照水，行動好比風拂柳
  黛玉：眉梢眼角藏秀氣，聲音笑貌露溫柔
  寶玉：眼前分明外來客，心底卻似舊時友

字體：楷體，字號：16px，縮進：32px，唱詞在左邊，插圖、錄音在右邊。

京劇《空城計》選段：我正在城樓觀山景，耳聽得城外亂紛紛。旌旗招展空泛影，卻原來是司馬發來的兵。我也曾差人去打聽，打聽得司馬領兵往西行。並非是馬謖無謀少才能，皆因是將帥不和才失街亭。你連得三城多僥倖，貪而無厭你又奪我的西城。諸葛在敵樓把駕等，等候了司馬到此好談談心。命人把街道打掃淨，等候司馬好屯兵 ……

字體：楷體，字號：16px，縮進：32px，文字在左，視頻在右，從31分鐘開播。

孫悟空去東海龍宮搶了金箍棒，又去地府強銷生死簿。龍王、閻君去天庭告狀，玉帝把孫悟空召入天庭，授他做弼馬溫。孫悟空嫌官小，打回花果山，自稱“齊天大聖”。玉帝派天兵天將捉拿孫悟空，於是那潑猴大鬧天宮，把清淨的天宮攪了個天翻地覆。最後玉帝無奈，請來如來佛，把孫悟空壓在了五指山下。

以上都是用 HTML + CSS 寫的。因為博客的編輯器不支持直接使用 HTML 代碼，寫好後需要先用瀏覽器顯示，然後拷貝、粘貼在博客的編輯器里。

Google, Microsoft and Dropbox have all stopped supporting audio streaming from their cloud storage (Google Drive, OneDrive, Dropbox). The only way to use OneDrive is to use the iframe code generated by OneDrive (share->embed) and their player is simple, slow and ugly.

Mega.nz and MediaFire.com don't work, cannot embed an audio.

Spotify doesn't work as it doesn't support embedding an entire audio clip for unpaid users (embed preview only for unpaid users)

SoundCloud doesn't work. It has very limited song collections.

Embedding YouTube videos may be the only choice.

5/30/2024

Learn HTML -- HTML Tutorial 🔗

Learn CSS -- CSS Tutorial 🔗