学习

hexo配置过程（1）

hexo 博客搭建

nodejs 和 hexo安装网上有很多教程
记录一下选用的butterfly主题的一些关键参数配置

根目录下的config控制整个博客的重要参数，比如author等
在其中将主题修改为butterfly即可

进入theme文件夹下修改butterfly的相关配置参数。

重要参数如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
menu:
  主页: / || fas fa-home
  归档: /archives/ || fas fa-archive
  标签: /tags/ || fas fa-tags
  分类: /categories/ || fas fa-folder-open
  友链: /link/ || fas fa-link
  关于: /about/ || fas fa-heart
  清单||fas fa-list:
    - 音乐 || /music/ || fas fa-music
    - 电影 || /movies/ || fas fa-video
    - 照片 || /Gallery/ || fas fa-images
    
上述选项在导航栏显示，自定义
1
2
3
4
5
6
7
8
9
10
11
# 网站图标
favicon: earth.png

# Avatar (頭像)
avatar:
  img: icon.jpg
  effect: false

# 主页图片 可用本地路径，也可引用互联网资源
index_img: https://cdn.jsdelivr.net/gh/wayne0926/myphoto/img/dbd.jpg 

1
2
3
4
5
6
7
8
9
10
11
12
13
post_meta:
  page: # Home Page
    date_type: both # created or updated or both 主頁文章日期是創建日或者更新日或都顯示
    date_format: date # date/relative 顯示日期還是相對日期
    categories: true # true or false 主頁是否顯示分類
    tags: false # true or false 主頁是否顯示標籤
    label: true # true or false 顯示描述性文字
  post:
    date_type: both # created or updated or both 文章頁日期是創建日或者更新日或都顯示
    date_format: date # date/relative 顯示日期還是相對日期
    categories: true # true or false 文章頁是否顯示分類
    tags: true # true or false 文章頁是否顯示標籤
    label: true # true or false 顯示描述性文字
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
#副标题设置

subtitle:
  enable: true
  # Typewriter Effect (打字效果)
  effect: true
  # loop (循環打字)
  loop: true
  # source調用第三方服務
  # source: false 關閉調用
  # source: 1  調用搏天api的隨機語錄（簡體） https://api.btstu.cn/
  # source: 2  調用一言網的一句話（簡體） https://hitokoto.cn/
  # source: 3  調用一句網（簡體） http://yijuzhan.com/
  # source: 4  調用今日詩詞（簡體） https://www.jinrishici.com/
  # subtitle 會先顯示 source , 再顯示 sub 的內容
  source: 4
  # 如果有英文逗號' , ',請使用轉義字元 ,
  # 如果有英文雙引號' " ',請使用轉義字元 "
  # 開頭不允許轉義字元，如需要，請把整個句子用雙引號包住
  # 如果關閉打字效果，subtitle只會顯示sub的第一行文字
  sub:
    - 认真对待每一件事
    - 自律才能快乐

未完待续…全局css，jsdelivr样式，导航栏功能与图标链接, layout.pug