hexo美化(豆瓣閱讀、電影、常用網站搜索頁)

1.增加豆瓣閱讀、電影分享頁

1.1預覽

閱讀:
在這裏插入圖片描述
電影:
在這裏插入圖片描述

1.2裝配

我現在用的butterfly是支持hexo-douban插件的,所以直接使用就好了。

  1. 在豆瓣註冊一個賬戶,可以先評價幾個看過的書和電影。

    右上角點擊 “個人主頁” ,這時候地址欄的URL大概是這樣:https://www.douban.com/people/xxxxxx/ ,其中的”xxxxxx”就是你的個人ID了。

  2. 安裝插件:(官網配置

    npm install hexo-douban --save
    
  3. hexo博客根目錄的配置文件
    hexo-douban 是默認抓取豆瓣讀書、豆瓣電影以及豆瓣遊戲的,你需要這配置相應部分:

    douban:
      user: XXXXXXX
      builtin: false # 選擇是否有主題渲染
      book:
        title: 'This is my book title'
        quote: 'This is my book quote'
      movie:
        title: 'This is my movie title'
        quote: 'This is my movie quote'
      game:
        title: 'This is my game title'
        quote: 'This is my game quote'
      timeout: 10000
    
    參數 說明
    user 你的豆瓣 id
    builtin (true/false)是否將生成頁面的功能嵌入hexo s和hexo g中
    title 該頁面的標題
    quote 寫在頁面開頭的一段話,支持html語法.
    timeout 爬取數據的超時時間
  4. 啓用生成
    -bgm代表的是book、game、movie三個參數,選擇你需要生成的頁面。

    hexo clean && hexo douban -bgm && hexo g && hexo s
    

    查看http://localhost:4000/books或者http://localhost:4000/movies測試(出現相應內容即配置成功)。

    另外,修改你的主題配置_config.xml,我這裏是butterfly.yml,配置到目錄;如果有中英文設置,相應配置即可,不唯一。
    在這裏插入圖片描述

  5. 部署

    強調:由於hexo douban的簡寫也是hexo d,與hexo deploy的簡寫指令hexo d衝突,因此在進行二者部署的時候,只能都打全名而不能打簡寫形式。

    hexo clean && hexo g && hexo deploy
    
  6. 如果你是butterfly主題,可以配置封面頁哦:

    # 如果你有使用hexo-douban,可配置這個
    douban:
       meta: true
       movies_img: /image/movie.jpg
       books_img: /image/book.jpg
    #   games_img:
    
    

2.增加常用網站搜索頁

2.1預覽

在這裏插入圖片描述

2.2裝配

大佬那邊扒過來的,哈哈哈,感謝大佬。
大佬還是csdn博客專家chocolate,仰望。

  1. 下載頁面html

    大佬指出直接扒,我就不客氣了,直接扒了。
    在這裏插入圖片描述
    到大佬的博客F12找到sources對應內容,直接右鍵保存頁面到你的博客source下,並進行修改(注意,在關於本頁還有一個頁面)
    在這裏插入圖片描述 在這裏插入圖片描述
    大家扒前先留言點贊,表示尊重,白嫖黨咳咳。

  2. 聲明此頁面不渲染 (以下方法均可)
    在這裏插入圖片描述

  3. 設置目錄
    我們存放的目錄是box,就把box配置到主題目錄中去。
    在這裏插入圖片描述

    太可了!直接設置爲你瀏覽器默認開啓頁面吧。快速門
    在這裏插入圖片描述

爲美麗而優化~


1.豆瓣參考教程
2.常用網站參考

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