上一篇文章中已經讓我們的博客的可以簡單的撰寫和部署了,但是在一些細節上還有很有很多地方可以優化。接下來一點一點完善我們的博客內容。
設置頭像#
hexo 可以在很多地方存放圖片和文件,但是每一篇文章都放在一個文件夾或者每一篇文章對應一個圖片文件夾,都會讓我們的專案變的越來越臃腫。所以後面的圖片存儲我都存放在自己的 OSS(對象存儲)中,不是圖床,目前很多的自搭圖床還不支持音頻、視頻等格式。
經過上一篇文章的部署後,我們會發現我們已經有一個默認頭像了,頭像的設置位置在根目錄下的_config.maupassant.yml
中:
info:
avatar: /img/avatar.png # 修改為這個路徑
discription: 生命的意義在於折騰 # 頭像下方的個性簽名
同時,我們在themes/maupassant/source/img/
下可以找到默認的頭像avatar.png
,我們只需要替換掉這個圖片即可。
需要重新運行一下hexo g
,才能看到頭像正常顯示。
但是對於其他圖片資源,我們的最佳實踐還是在source
目錄下創建一個圖片文件夾images
,將我們的圖片avatar.png
放入其中,目錄結構如下:
說明:其中public
是hexo 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,請填寫完整的地址,否則可能會統計失敗。
在代碼管理中,複製百度統計生成的 id,即紅色框框中的內容:
在_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.
配置完成後樣式如下:
開啟不蒜子功能#
在_config.maupassant.yml
中找到busuanzi
並開啟功能,設置如下:
busuanzi: true ## If you want to use Busuanzi page views please set the value to true.
下一篇說插件的安裝和配置。