hexo搭建个人博客

Yaurora
  2023-02-21 12:04:41 2023-02-21 12:04:41 创建   2023-12-25 23:43:44 2023-12-25 23:43:44 更新   4.9k 字  29 分钟

本文记录使用Hexo快速搭建个人博客

环境

node

个人习惯使用nvm管理node版本，参考

node包安装

1
$ npm install -g yarn hexo-cli

博客项目

初始化

1
$ hexo init blog

运行

1
$ hexo s

截图
2023-02-21_10-12

2023-02-21_10-14

这样，一个简单的博客就搭建好了。然而，这还不够，我们还可以设置一个主题

设置主题

我们可以从hexo主题 上选择一个自己喜欢的主题进行下载，我选择的是redefine。

要修改主题的配置，只需要创建_config.[theme].yml文件，对主题中的配置进行覆盖

下载

1
$ yarn add hexo-theme-redefine

创建_config.redefine.yml

填充下面的内容

1
theme: redefine

运行

1
$ hexo s --config _config.yml,_config.redefine.yml
2023-02-21_10-47

这样，主题也就切换成功了

个人主题配置

redefine主题的修改，可以参考官方文档

主题中需要的node包

1
$ yarn add hexo-theme-redefine hexo-all-minifier hexo-wordcount hexo-generator-searchdb

_config.redefine.yml

版本: 2.1.5

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
# ---------------------------------------------------------------------------------------
#  1. Prepare install
#  yarn add hexo-theme-redefine hexo-wordcount hexo-all-minifier hexo-generator-searchdb
#  2. 删除原先生成的categories tags, 重新生成
#   rm -rf source/categories source/tags
#   hexo new page categories
#   hexo new page tags
# ---------------------------------------------------------------------------------------

# >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start
# THEME REDEFINE CONFIGURATION FILE V2
# BY EVANNOTFOUND
# GITHUB: https://github.com/EvanNotFound/hexo-theme-redefine
# DOCUMENTATION: https://redefine-docs.ohevan.com
# DEMO: https://redefine.ohevan.com
# <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end

theme: redefine
theme_config:
  # BASIC INFORMATION >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start
  info:
    # Site title
    title: "Yaurora's Blog"
    # Author name
    author: Yaurora
    # Site URL
    url: https://jingyu.life
  # BASIC INFORMATION <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end

  # IMAGE CONFIGURATION >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start
  defaults:
    # Favicon
    favicon: 'https://cdn.jsdelivr.net/gh/jingyucute/cdn-assets/favicon/favicon.ico'
    # Site logo
    logo:
    # Site avatar
    avatar: 'https://cdn.jsdelivr.net/gh/jingyucute/cdn-assets/avatar/young.jpg'
  # IMAGE CONFIGURATION <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end

  # COLORS >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start
  colors:
    #Primary color
    primary: '#005080' # "#A31F34"
    # Secondary color (beta)
    secondary:
  # COLORS <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end

  # SITE CUSTOMIZATION >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start
  global:
    # Custom fonts
    fonts:
      # Chinese fonts
      chinese:
        enable: false # Whether to enable custom chinese font
        family: # Font family
        url: # Font URL to CSS file
      # English fonts
      english:
        enable: false # Whether to enable custom chinese font
        family: # Font family
        url: # Font URL to CSS file
    # Content max width
    content_max_width: 1000px
    # Sidebar width
    sidebar_width: 210px
    # Effects on mouse hover
    hover:
      shadow: true # shadow effect
      scale: false # scale effect
    # Scroll progress
    scroll_progress:
      bar: true # progress bar
      percentage: true # percentage
    # Website counter (powered by https://busuanzi.ibruce.info/)
    busuanzi_counter:
      enable: false # enable website counter or not
      site_pv: true # site page view
      site_uv: true # site unique visitor
      post_pv: true # post page view
    # Whether to enable PJAX
    pjax: true
    # Whether to enable open graph
    open_graph: true
  # SITE CUSTOMIZATION <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end

  # FONTAWESOME >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start
  fontawesome: # Pro v6.2.1
    # Thin version
    thin: false
    # Light version
    light: false
    # Duotone version
    duotone: false
    # Sharp Solid version
    sharp_solid: false
  # FONTAWESOME <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end

  # HOME BANNER >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start
  home_banner:
    # Whether to enable home banner
    enable: true
    # style of home banner
    style: static # static or fixed
    # Home banner image
    image:
      light: /images/wallhaven-wqery6-light.webp # https://evan.beee.top/img/wallhaven-wqery6-light.webp # light mode
      dark: /images/wallhaven-wqery6-dark.webp # https://evan.beee.top/img/wallhaven-wqery6-dark.webp # dark mode
    # Home banner title
    title: 悟
    # Home banner subtitle
    subtitle:
      text: [
          'A % B = A - (A / B) * B',
          '目之所及,皆是回忆; 心之所想,皆是过往; 眼之所看,皆是遗憾.'
        ] # subtitle text, array
      hitokoto: # 一言配置
        enable: false # Whether to enable hitokoto
        api: https://v1.hitokoto.cn # API URL, can add types, see https://developer.hitokoto.cn/sentence/#%E5%8F%A5%E5%AD%90%E7%B1%BB%E5%9E%8B-%E5%8F%82%E6%95%B0
      typing_speed: 100 # Typing speed (ms)
      backing_speed: 80 # Backing speed (ms)
      starting_delay: 500 # Start delay (ms)
      backing_delay: 2000 # Backing delay (ms)
      loop: true # Whether to loop
      smart_backspace: true # Whether to smart backspace
    # Color of home banner text
    text_color:
      light: '#fff' # light mode
      dark: '#d1d1b6' # dark mode
    # Specific style of the text
    text_style:
      # Title font size
      title_size: 2.8rem
      # Subtitle font size
      subtitle_size: 1.5rem
      # Line height between title and subtitle
      line_height: 1.2
    # Home banner custom font
    custom_font:
      # Whether to enable custom font
      enable: false
      # Font family
      family:
      # URL to font CSS file
      url:
    # Home banner social links
    social_links:
      # Whether to enable
      enable: true
      # Social links
      links:
        github: https://github.com/jingyucute # your GitHub URL
        instagram: # your Instagram URL
        zhihu: # your ZhiHu URL
        twitter: # your twitter URL
        email: jingyucute@gmail.com # your email
        # ...... # you can add more
  # HOME BANNER <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end

  # NAVIGATION BAR >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start
  navbar:
    # Auto hide navbar
    auto_hide: false
    # Navbar background color
    color:
      left: '#f78736' #left side
      right: '#367df7' #right side
      transparency: 35 #percent (10-99)
    # Navbar links
    links:
      Home:
        path: /
        icon: fa-regular fa-house # can be empty
      文章:
        icon: fa-regular fa-archive
        submenus:
          Archives: /archives
          分类: /categories
          标签: /tags
      Links:
        path: /friends
        icon: fa-regular fa-link
      About:
        icon: fa-regular fa-user
        submenus:
          Me: /about
          Github: https://github.com/jingyucute
          书籍: /books

    # Navbar search (local search). Requires hexo-generator-searchdb (npm i hexo-generator-searchdb). See https://github.com/theme-next/hexo-generator-searchdb
    search:
      # Whether to enable
      enable: true
      # Preload search data when the page loads
      preload: true
  # NAVIGATION BAR <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end

  # HOME PAGE ARTICLE SETTINGS >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start
  home:
    # Sidebar settings
    sidebar:
      enable: true # Whether to enable sidebar
      position: left # Sidebar position. left, right
      first_item: menu # First item in sidebar. menu, info
      announcement: # Announcement text
      links:
        # Archives:
        #   path: /archives
        #   icon: fa-regular fa-archive # can be empty
        # Tags:
        #   path: /tags
        #   icon: fa-regular fa-tags # can be empty
        # Categories:
        #   path: /categories
        #   icon: fa-regular fa-folder # can be empty
        # ...... # you can add more
    # Article date format
    article_date_format: auto # auto, relative, YYYY-MM-DD, YYYY-MM-DD HH:mm:ss etc.
    # Article categories visibility
    categories:
      enable: true # Whether to enable
      limit: 3 # Max number of categories to display
    # Article tags visibility
    tags:
      enable: true # Whether to enable
      limit: 3 # Max number of tags to display
  # HOME PAGE ARTICLE SETTINGS <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end

  # ARTICLE >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start
  articles:
    # Set the styles of the article
    style:
      font_size: 16px # Font size
      line_height: 1.5 # Line height
      image_border_radius: 14px # image border radius
      image_alignment: center # image alignment. left, center
      image_caption: false # Whether to display image caption
      link_icon: true # Whether to display link icon
    # Word count. Requires hexo-wordcount (npm install hexo-wordcount). See https://github.com/willin/hexo-wordcount
    word_count:
      enable: true # Whether to enable
      count: true # Whether to display word count
      min2read: true # Whether to display reading time
    # Author label
    author_label:
      enable: false # Whether to enable
      auto: false # Whether to automatically add author label, e.g. Lv1, Lv2, Lv3...
      list: ['']
    # Code block settings
    code_block:
      copy: true # Whether to enable code block copy button
      style: mac # mac | simple
      font: # Custom font
        enable: false # Whether to enable
        family: # Font family
        url: # Font URL to CSS file
    # Table of contents settings
    toc:
      enable: true # Whether to enable TOC
      max_depth: 4 # TOC depth
      number: false # Whether to add number to TOC automatically
      expand: true # Whether to expand TOC
      init_open: true # Open toc by default
    # Whether to enable copyright notice
    copyright: true
    # Whether to enable lazyload for images
    lazyload: true
    # Article recommendation. Requires nodejieba (npm install nodejieba). Transplanted from hexo-theme-volantis.
    recommendation:
      # Whether to enable article recommendation
      enable: false
      # Article recommendation title
      title: 推荐阅读
      # Max number of articles to display
      limit: 3
      # Placeholder image
      placeholder: /images/wallhaven-wqery6-light.webp
      # Skip directory
      skip_dirs: []
  # ARTICLE <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end

  # COMMENT >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start
  comment:
    # Whether to enable comment
    enable: false
    # Comment system
    system: waline # waline, gitalk, twikoo
    # System configuration
    config:
      # Waline comment system. See https://waline.js.org/
      waline:
        serverUrl: https://example.example.com # Waline server URL. e.g. https://example.example.com
        lang: zh-CN # Waline language. e.g. zh-CN, en-US. See https://waline.js.org/guide/client/i18n.html
      # Gitalk comment system. See https://github.com/gitalk/gitalk
      gitalk:
        clientID: # GitHub Application Client ID
        clientSecret: # GitHub Application Client Secret
        repo: # GitHub repository
        owner: # GitHub repository owner
      # Twikoo comment system. See https://twikoo.js.org/
      twikoo:
        version: 1.6.10 # Twikoo version, do not modify if you dont know what it is
        server_url: # Twikoo server URL. e.g. https://example.example.com
        region: # Twikoo region. can be empty
  # COMMENT <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end

  # FOOTER >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start
  footer:
    # Show website running time
    runtime: true # show website running time or not
    # Icon in footer, write fontawesome icon code here
    icon: '<i class="fa-solid fa-heart fa-beat" style="--fa-animation-duration: 0.5s; color: #f54545"></i>'
    # The start time of the website, format: YYYY/MM/DD HH:mm:ss
    start: 2020/05/01 00:00:00
    # Footer message
    customize:
    # ICP record number. See https://beian.miit.gov.cn/
    icp:
      enable: false # Whether to enable
      number: # ICP record number
      url: # ICP record url
  # FOOTER <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end

  # INJECT >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start
  inject:
    # Whether to enable inject
    enable: false
    # Inject custom head html code
    head:
      - <script>console.log("Welcome to Yaurora's Blog")</script>
      -
    # Inject custom footer html code
    footer:
      -
      -
  # INJECT <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end

  # PLUGINS >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start
  plugins:
    # RSS feed. Requires hexo-generator-feed (npm i hexo-generator-feed). See https://github.com/hexojs/hexo-generator-feed
    feed:
      enable: true # Whether to enable
    # Aplayer (fixed). See https://github.com/DIYgod/APlayer
    aplayer:
      enable: false # Whether to enable
      type: mini # fixed, mini
      audios:
        - name: # audio name
          artist: # audio artist
          url: # audio url
          cover: # audio cover url
        - name:
          artist:
          url:
          cover:
    # Mermaid JS. Requires hexo-filter-mermaid-diagrams (npm i hexo-filter-mermaid-diagrams). See https://mermaid.js.org/
    mermaid:
      enable: false # enable mermaid or not
      version: '9.3.0' # default v9.3.0
  # PLUGINS <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end

  # PAGE TEMPLATES >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start
  page_templates:
    # Friend Links page column number
    friends_column: 3
    # Tags page style
    tags_style: blur # blur, cloud
  # PAGE TEMPLATES <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end

  # CDN >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start
  cdn:
    # Whether to enable CDN
    enable: true
    # CDN Provider
    provider: jsdelivr # jsdelivr, unpkg, aliyun
    # Custom CDN URL
    # format example: https://cdn.custom.com/hexo-theme-redefine/${version}/source/${path}
    # The ${path} must be in the source folder of the theme
    custom_url:
  # CDN <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end

多说一点

自己很久没有更新博客了，已经忘了之前是怎样更新主题配置文件的具体内容了
之前还是使用克隆的方式，将主题下载下来，然后更新其配置文件，所以不留存记录，容易忘记。hexo5之后可以通过npm来管理，使得配置主题特别灵活，可以随时切换主题
个人是特别青睐hexo-theme-volantis 这个主题的，改天将这个主题配置一下

volantis主题配置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
### 源文件中的配置，不适合全部拷贝
### 使用局部覆盖的方式
theme: 'volantis'
favicon: https:///cdn.jsdelivr.net/gh/jingyucute/cdn-assets/favicon/favicon.ico
# 在页面上加入一些元素或脚本，可以在这写，也可以抽出来.
# yaml 文件若能支持引用其他文件该多好
import:
  head_begin:
    - <meta name="theme-color" content="#ffffff">
  head_end:
    - <meta name="hello" content="world">
  body_begin:
    - <script>console.log("Welcome to Yaurora's Blog")</script>
  body_end:
    - <script></script>

# 覆盖主题配置文件中的内容
theme_config:
  cover:
    height_scheme: half #  full, half
    scheme: dock # search (搜索), dock (坞), featured (精选), focus (焦点)
    # 设置在哪些页面使用封面 默认就主页，若想在其他页面显示，对应改为true, 或者在front-matter中使用 cover:true
    display:
      home: true
      archive: false
      others: false
    title: '悟'
    subtitle: '目之所及,皆是回忆; 心之所想,皆是过往; 眼之所看,皆是遗憾. <br /> <span style="display:block;text-align:center;">A % B = A - (A / B) * B</span>'
    features:

  navbar:
    visiable: auto # always, auto
    logo: # choose [img] or [icon + title]
      img: # https://gcore.jsdelivr.net/gh/volantis-x/cdn-org/blog/Logo-NavBar@3x.png
      icon:
      title: Yaurora'Blog
    menu:
      - name: 首页
        icon: fa-solid fa-house
        url: /
      - name: 文章
        icon: fa-solid fa-rss
        rows:
          - name: 归档
            icon: fa-solid fa-archive
            url: /archives/
          - name: 分类
            icon: fa-solid fa-folder-open
            url: /categories
          - name: 标签
            icon: fa-solid fa-tags
            url: /tags
      - name: 友链
        icon: fa-solid fa-link
        url: /friends
      - name: 关于
        icon: fa-solid fa-info-circle
        rows:
          - name: Me
            icon: fa-solid fa-user
            url: /about
          - name: Github
            icon: fa-solid fa-github
            url: https://github.com/jingyucute
          - name: Book
            icon: fa-solid fa-book-open
            url: /books
          - name: hr
          # - name: 背景音乐
          #   icon: fa-solid fa-compact-disc
    search: '关键字检索' # placeholder

  custom_css:
    max_width: 1080px
    font_smoothing: true
    cursor:
      enable: false
      text: volantis-static/media/cursor/text.png # https://gcore.jsdelivr.net/gh/inkss/common@1/cursor/text.png
      pointer: volantis-static/media/cursor/pointer.png # https://gcore.jsdelivr.net/gh/inkss/common@1/cursor/pointer.png
      default: volantis-static/media/cursor/left_ptr.png # https://gcore.jsdelivr.net/gh/inkss/common@1/cursor/left_ptr.png
      not-allowed: volantis-static/media/cursor/circle.png # https://gcore.jsdelivr.net/gh/inkss/common@1/cursor/circle.png
      zoom-out: volantis-static/media/cursor/zoom-out.png # https://gcore.jsdelivr.net/gh/inkss/common@1/cursor/zoom-out.png
      zoom-in: volantis-static/media/cursor/zoom-in.png # https://gcore.jsdelivr.net/gh/inkss/common@1/cursor/zoom-in.png
      grab: volantis-static/media/cursor/openhand.png # https
    # 导航栏样式
    navbar:
      height: 64px
      width: auto # auto, max
      effect: [shadow, blur]
    # 滚动条样式
    scrollbar:
      size: 4px
      border: 2px
      color: '#2196f3'
      hover: '#ff5722'

    body:
      effect: [shadow] # [shadow, floatable, blur]
      highlight:
        language: true # show language of codeblock
        copy_btn: true
      text_align: # left, right, justify, center
        h1: left
        h2: left
        h3: left
        h4: left
        h5: left
        h6: left
        p: justify

    gap:
      h2: 48px # Spacing above H2 (only px unit)
      h3: 24px # Spacing above H3 (only px unit)
      h4: 16px # Spacing above H4 (only px unit)
      p: 1em # Paragraph spacing between paragraphs
      line_height: 1.6 # normal, 1.5, 1.75, 2 ...

  site_footer:
    # layout of footer: [aplayer, social, license, info, copyright]
    layout: [aplayer, social, license, info, copyright]
    social:
      - icon: fas fa-rss
        url: atom.xml
      - icon: fas fa-envelope
        url: mailto:jingyucute@gmail.com
      - icon: fab fa-github
        url: https://github.com/jingyucute
      - icon: fas fa-headphones-alt
        url: https://music.163.com/#/user/home?id=360214433
    copyright: '[Copyright © 2020-2023 Yaurora](/)'
    # You can add your own property here. (Support markdown, for example: br: '<br>')
    br: '<br>'

  sidebar:
    widget_library:
      blogger:
        shape: circle # circle, rectangle
        avatar: https://cdn.jsdelivr.net/gh/jingyucute/cdn-assets/avatar/young.jpg
        social: true

  plugins:
    # APlayer is only available in mainland China.
    # APlayer config: https://github.com/metowolf/MetingJS
    aplayer:
      enable: true
      # Required
      server: netease # netease, tencent, kugou, xiami, baidu
      type: playlist # song, playlist, album, search, artist
      id: 5090178889 # song id / playlist id / album id / search keyword
      # Optional
      fixed: false # enable fixed mode
      theme: '#1BCDFC' # main color
      autoplay: false # audio autoplay
      order: list # player play order, values: 'list', 'random'
      loop: all # player loop play, values: 'all', 'one', 'none'
      volume: 0.3 # default volume, notice that player will remember user setting, default volume will not work after user set volume themselves
      list_max_height: 320px # list max height
      list_folded: true
      autoHide: true # hide automaticaly
  • 标题: hexo搭建个人博客
  • 作者: Yaurora
  • 创建于 : 2023-02-21 12:04:41
  • 更新于 : 2023-12-25 23:43:44
  • 链接: https://jingyu.life/2023/02/21/hexo-theme-use/
  • 版权声明: 本文章采用 CC BY-NC-SA 4.0 进行许可。
此页目录
hexo搭建个人博客
  1. 环境
    1. node
    2. node包安装
  2. 博客项目
    1. 初始化
    2. 运行
  3. 设置主题
    1. 下载
    2. 创建_config.redefine.yml
    3. 运行
  4. 个人主题配置
    1. 主题中需要的node包
    2. _config.redefine.yml
  5. 多说一点
  6. volantis主题配置