如何在個人網站上添加logo圖標


       如何在個人網站上或網頁標題欄的title加入logo圖標,也就是ico圖標。我們打開一個網頁時,常常可以在瀏覽器的標簽欄處看到該網頁的標題和logo圖標,當網頁被添加到收藏夾或書簽欄中也會顯示該網站圖標,可以說,每一個logo圖標都代表了這個網站或網頁要表達的某種價值觀和意思,同時也為這個網站增加了魅力,來吸引更多的人瀏覽、觀看、下載等。那么如何在網站上添加logo圖標(即ico圖標)呢?

  1. 首先制作一個ico格式的圖標,最好是16×16px的,具體的制作方法這里就不詳細介紹了,網上都可以查的到,甚至可以直接在網上搜一個ico格式的圖標出來;

  2. 制作完ico圖標后,自己命名該圖標,比如說命名為:favicon.ico,將該圖標放在個人網站的根目錄下,在網頁的head標記中添加如下代碼: <link rel="shortcut icon" href="ico地址" type="image/x-icon" /> ;

    注意:(1). 比如說自己寫一個網頁時,直接將ico圖標放在與該網頁同級目錄下,ico地址可以直接寫成:favicon.ico;

                     (2). 如果直接在網上找一個ico圖標,ico地址即為該圖標的鏈接地址,總之要注意ico圖標的地址要准確,這樣瀏覽器才能識別顯示出來;

  3. 我們在使用hexo+GitHub搭建個人博客時,想要在瀏覽器上顯示自己博客網站上的圖標,比如說我安裝的hexo主題是Next,同樣的,在主題Next文件夾中的source文件中放入ico圖標,在主題Next件夾中找到_config.yml文件,用記事本打開,在前幾行中找到以favicon開頭的這一行,改成:favicon: /favicon.ico,這樣就可以了。更新一下自己的個人博客網站后,在瀏覽器中打開網站,如果網站圖標沒顯示出來,可能是因為瀏覽器的緩存問題等,所以圖標才沒顯示出來。關閉瀏覽器,再重新打開自己的博客網站,圖標就會顯示出來了。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM