前言:
之前我寫博客或者markdown文件的時候,思維太侷限了,只想得到markdown的幾種用法,但是要實現一些特殊功能,用一些簡單的html技巧就能實現。比如,我每次都是貼一張圖然後下面放上視頻的鏈接,今天心血來潮突然想到能不能改變一下,讓看博客的人更舒適一點
正文:
以前的寫法
插入圖片(或者直接截圖粘貼)
[點這裏去看之類的描述](url)
寫的時候是圖片中的內容,看博客的人看到的就是圖片上面的那個樣子。
現在我想,應該可以點擊圖片就能跳轉到播放,這樣不就更好嗎
但是有兩個地方需要注意,第一插入圖片和插入鏈接好像不能嵌套,爲什麼?因爲第二點,有防盜鏈機制,外鏈圖片不能顯示的。
難道就這樣放棄?怎麼可能,只要是html就能用html的方式解決嘛,不能侷限於markdown。
現在我這樣寫圖片和鏈接
<a href="https://live.bilibili.com/21704512?spm_id_from=333.851.b_62696c695f7265706f72745f6c697665.11"><img src="https://img-blog.csdnimg.cn/20200221180345432.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NoZWxnaQ==,size_16,color_FFFFFF,t_70"> </a>
注意img src後面接的可以是你把圖片粘貼或者插入到博客之後後面接的url,不一定要是原本網站的url,畢竟有些視頻截圖你也找不到原本圖片的url
然後這句話我寫在最後,現在試試能不能點擊圖片跳轉頁面吧。
總結:
有的時候還是不能太侷限自己的思維,一個簡單的a標籤就能實現其他高級功能也解決不了的事。