cirry

cirry

我的原生博客地址:https://cirry.cn

hexo(2)配置主題

上一篇文章中已經讓我們的博客的可以簡單的撰寫和部署了,但是在一些細節上還有很有很多地方可以優化。接下來一點一點完善我們的博客內容。

設置頭像#

hexo 可以在很多地方存放圖片和文件,但是每一篇文章都放在一個文件夾或者每一篇文章對應一個圖片文件夾,都會讓我們的專案變的越來越臃腫。所以後面的圖片存儲我都存放在自己的 OSS(對象存儲)中,不是圖床,目前很多的自搭圖床還不支持音頻、視頻等格式。

經過上一篇文章的部署後,我們會發現我們已經有一個默認頭像了,頭像的設置位置在根目錄下的_config.maupassant.yml中:

info:  
  avatar: /img/avatar.png  # 修改為這個路徑
  discription: 生命的意義在於折騰 # 頭像下方的個性簽名

同時,我們在themes/maupassant/source/img/下可以找到默認的頭像avatar.png我們只需要替換掉這個圖片即可

需要重新運行一下hexo g,才能看到頭像正常顯示。

但是對於其他圖片資源,我們的最佳實踐還是在source目錄下創建一個圖片文件夾images,將我們的圖片avatar.png放入其中,目錄結構如下:

image

說明:其中publichexo generate命令生成的文件夾,public/images對應的是source/images後打包的文件,public/img/avatar.png是默認頭像的存儲位置。

修改外部連結#

同樣在根目錄下的_config.maupassant.yml中:

info:  
  avatar: /img/avatar.png  
  discription: 最重要的事只有一件 
  outlinkitem:  
    - name: envelope  
      outlink: [email protected]  
      message: Email  
    - name: github  
      outlink: https://github.com/cirry  
      message: Github  
    - name: rss  
      outlink: /atom.xml  
      message: RSS

修改友鏈#

links: # 友鏈  
  - title: 菜小牛  
    url: https://cirry.cn/  
    src: https://cirry.cn/favicon.ico  
    desc: 菜小牛的博客

設置時間線#

首先創建一個時間線頁面,跟留言關於我頁面的創建方法相同。

hexo new page timeline

接著在_config.maupassant.yml中的menu屬性中,添加時間線頁面。

menu:  
  - page: home  
    directory: .  
    icon: fa-home  
  - page: archive  
    directory: archives/  
    icon: fa-archive  
  - page: about  
    directory: about/  
    icon: fa-user  
  - page: history   # 新增history頁面
    directory: timeline/  # 配置上面創建的頁面路徑
    icon: fa-book  # 配置圖標
  - page: guestbook  
    directory: guestbook/  
    icon: fa-comments

接著在source/timeline/index.md的頭信息中,新增一條信息:

---  
title: 時間線  
date: 2022-08-28 13:02:01  
layout: timeline   # 新增這一條元信息
---

最後時間線的內容都在_config.maupassant.yml添加即可:

timeline:  
  - num: 1  
    word: 2022-08-20 搭建此博客  
  - num: 2  
    word: 2022-08-21 第一篇博客部署

需要重新執行hexo server 才能看到效果。

開啟百度統計#

第一步獲取百度統計 id,打開百度統計官網,登錄賬號。

在賬戶設置中 --> 新增網站,正確填寫需要統計網站信息。注意如果網站開啟了 https,請填寫完整的地址,否則可能會統計失敗。

image

在代碼管理中,複製百度統計生成的 id,即紅色框框中的內容:

image

_config.maupassant.yml中找到baidu_analytics,將 id 複製在其後面即可。

baidu_analytics: "b**********************4" ## Your Baidu Analytics tracking id, e.g. 8006843039519956000

文末展示版權信息#

_config.maupassant.yml中找到post_copyright並開啟功能和配置。

post_copyright:  
  enable: true 
  author: 菜小牛 ## Your author name, e.g. tufu9441  
  copyright_text:
   本作品採用<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">「署名-非商業性使用-相同方式共享 4.0 國際」</a>許可協議進行許可。
   ## Your copyright text, e.g. The author owns the copyright, please indicate the source reproduced.

配置完成後樣式如下:
image

開啟不蒜子功能#

不蒜子官網不蒜子詳細配置文檔

_config.maupassant.yml中找到busuanzi並開啟功能,設置如下:

busuanzi: true ## If you want to use Busuanzi page views please set the value to true.

下一篇說插件的安裝和配置。

載入中......
此文章數據所有權由區塊鏈加密技術和智能合約保障僅歸創作者所有。