【 架網站-3 】hexo的NexT主題：更換顏色篇（背景、頂部、側欄）、選擇網頁語言、修改語言文本內容

發表於 更新於 分類於 閱讀次數：

選擇自己喜歡的顏色，佈置專屬自己的部落格

選擇網頁顯示的語言

更換背景顏色

  • 點選 themes/next/source/css/_variables，選擇自己主題的文件，例如 Pisces.styl，點入後搜尋 $body-bg-color (快速搜索：mac 的話可以點command+F，windows 的話可以點control+F) ，即可更改顏色，可上網搜尋「HTML顏色代碼」，查詢更多顏色的代碼，例如 「#CDE1F6」 就是淺藍色的代碼。
    1
    2
    $body-bg-color                = #CDE1F6;

更換頂部顏色

  • 點選 themes/next/source/css/schemes/Pisces 的 _header.styl 搜尋「site-meta」，於「site-meta」內新增一行 background 語法，以我為例我是選擇咖啡色。
    1
    2
    3
    4
    .site-meta {
      padding: 20px 0px;
      background: 顏色代碼
    }

更換側欄顏色

  • 與上述更換頂部顏色的位置相同，於_header.styl 內下方直接新增以下語法，以我為例我是選擇墨綠色。
    1
    2
    3
    .header { 
      background: rgba(顏色代碼,1) none repeat scroll !important; 
    }

選擇網頁語言

  • STEP1：
    點選 themes/next/languages ，會看見很多語言檔案，可以了解該主題有支持哪些語言，zh-TW.yml 是繁體中文，如果對於系統預設的文字不喜歡的話，可以直接在這邊改。

  • STEP2：
    點選「_config.yml」，找到「language」，按照系統格式輸入想要的語言，像我選繁體中文的話，輸入 zh-TW 即可。