highlight 用法一點都不難!圖文步驟教學一看就懂!

欸,大家今天來跟大家聊聊我最近折騰的一個小玩意兒——highlight 的用法。說實話,一開始我也沒搞太明白這玩意兒是幹啥的,就感覺名字聽起來挺高大上的,像是能讓啥東西「亮」起來的感覺。

一開始,我先去網上搜一下,看到各種下載安裝的介紹,什麼官方依賴包、線上引入啥的,看得我頭都大。還我還是耐著性子,硬是把什麼 cdnjs、jsdelivr、unpkg 都給試一遍,結果發現好像都差不多,最後就隨便選一個順眼的用。

highlight 用法一點都不難!圖文步驟教學一看就懂!

然後就是怎麼用。網上有個哥們說在 Word 裡用很簡單,只要選中文字,然後點一下「高亮顯示」按鈕就行。我試一下,還真是!不過我今天想說的不是這個,我想說的是在網頁裡怎麼用。

我之前在網上看到有人在問,這個 highlight 怎麼還能當名詞用?查一下才知道,原來這玩意兒還能表示「加亮區」或者「精彩場面」的意思。不過作為動詞,它的意思就是讓某個東西更顯眼,或者強調它的重要性。這下我算是徹底明白,怪不得叫 highlight !

接下來,我開始研究怎麼在網頁裡用這個 highlight。網上有人說要先安裝,我就跟著教程,用那個什麼 npm 命令安裝一個叫 * 的東西。安裝完之後,又要在我的那個什麼 vue 檔案裡引入,然後註冊成一個插件。這一步步操作下來,說實話,還真有點麻煩。

不過,功夫不負有心人,最後總算是搞定!我在我的網頁裡加一段程式碼,然後用 <div> 標籤給它包起來,再用上那個 *,這段程式碼就變得五顏六色的,看起來特別酷炫!不同的程式語言,顏色還不一樣,這下看程式碼再也不會眼花。

說到這個 highlight,我又想起前幾天買的那盒螢光筆。我跟你說,那筆用起來真的超爽!我現在看書都喜歡用它來劃重點,不同的顏色代表不同的重要程度,紅色的最重要,黃色的次之,綠色的就隨便看看。這樣一來,我複習的時候就方便多,一眼就能看出哪些是重點,背起書來也快多。我這還總結一個什麼「交通信號燈原則」,聽起來是不是很高大上?哈哈!

最後給大家總結一下,今天我就是瞎折騰一下這個 highlight,從一開始啥也不懂,到最後能在網頁裡用它來美化程式碼,還順便學會用螢光筆劃重點。雖然過程有點曲折,但結果還是挺滿意的。好,今天就跟大家分享到這裡,咱們下次再見!

愛英語

首頁 英文水平測試 0元領取試聽課