很簡單的一個方法,之前怎麼沒想到

前言:

之前我寫博客或者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標籤就能實現其他高級功能也解決不了的事。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章