# Hexo部落格 - Butterfly 主題調整 第三天

# 設計Logo

# 今天設定了 Nav Bar

修改 主題配置文件 `themes/butterfly/_config.yml`

nav:
  logo: #image
  display_title: true
  fixed: false # fixed navigation bar
  
  

修改 主題配置文件 `themes/butterfly/_config.yml`

menu:
  首頁: / || fas fa-home
  時間軸: /archives/ || fas fa-archive
  標籤: /tags/ || fas fa-tags
  分類: /categories/ || fas fa-folder-open
  # 清單||fas fa-list:
  #   音樂: /music/ || fas fa-music
  #   電影: /movies/ || fas fa-video
  友情連結: /link/ || fas fa-link
  關於: /about/ || fas fa-heart

這邊設定成了中文

# 頭像

修改 主題配置文件 `themes/butterfly/_config.yml`

avatar:
  img: /img/logo.png
  effect: true # 頭像會一直轉圈

這邊換成我設計的Logo了


# 社交圖標 (Social Settings)

Butterfly支持 font-awesome v6 圖標.

書寫格式 圖標名：url || 描述性文字 || color

修改 主題配置文件 `themes/butterfly/_config.yml`

social:
  fab fa-github: https://github.com/xxxxx || Github || "#hdhfbb"
  fas fa-envelope: mailto:[e-mail] || Email || "#000000"

這邊我設定了 github的社交連結


# 頂部圖

| 配置 | 解釋 |
| -------- | -------- |
| index_img | 主頁的 top_img |
| default_top_img | 默認的 top_img，當頁面的 top_img 沒有配置時，會顯示 default_top_img |
archive_img | 歸檔頁面的 top_img |
tag_img | tag 子頁面 的 默認 top_img |
tag_per_img | tag 子頁面的 top_img，可配置每個 tag 的 top_img |
category_img | category 子頁面 的 默認 top_img |
category_per_img | category 子頁面的 top_img，可配置每個 category 的 top_img |

# 運行時間

修改 主題配置文件 `themes/butterfly/_config.yml`

runtimeshow:
  enable: true
  publish_date: 6/7/2018 00:00:00  
  ##網頁開通時間
  #格式: 月/日/年 時間
  #也可以寫成 年/月/日 時間


這樣可以顯示已執行時間

# 最新評論
修改 主題配置文件 `themes/butterfly/_config.yml`

# Aside widget - Newest Comments
newest_comments:
  enable: true
  sort_order: # Don't modify the setting unless you know how it works
  limit: 6
  storage: 10 # unit: mins, save data to localStorage
  avatar: true

這邊我依設定啟動就會顯示空白，我想可能是因為目前還沒有任何評論，所以暫時還是先設定成 false

# 總結

今天設定了Logo、Nav Bar、頂部圖、運行時間、最新評論等等的設定，發現官方文件還有更多詳細內容，超級多設定今天先暫時這樣好了，接下來的設定等改天再找時間來做

###### tags: `更新上部落格`