博客建设及踩坑

Hexo建设

配置主题

设置导航栏（主题里的`_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

配置网站样式

# Image (圖片設置)
# --------------------------------------

# Favicon（網站圖標）
favicon: /img/favicon.png

# Avatar (頭像)
avatar:
  img: /img/avatar.png
  effect: false

# the banner image of home page
……

设置主页名句

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: true
  # 如果有英文逗號' , ',請使用轉義字元 &#44;
  # 如果有英文雙引號' " ',請使用轉義字元 &quot;
  # 開頭不允許轉義字元，如需要，請把整個句子用雙引號包住
  # 如果關閉打字效果，subtitle只會顯示sub的第一行文字
  sub: 
    - 有德必有勇，正直的人绝不胆怯。
    - 即使慢，驰而不息，纵会落后，纵会失败，但一定可以达到他所向的目标。

配置社交图标

在阿里巴巴矢量图标库里面，把需要的图标添加购物车，在新建项目，在购物车中将图标添加到项目中,在主题配置文件中修改：

把样式添加到页头

# Inject
# Insert the code to head (before '</head>' tag) and the bottom (before '</body>' tag)
# 插入代码到头部 </head> 之前 和 底部 </body> 之前
inject:
  head:
   - <link rel="stylesheet" href="/css/iconfont.css"> #引入阿里巴巴矢量图库

social:
  fab fa-github: https://github.com/xxxxx || Github
  iconfont gitee: https://gitee.com/××× ||Gitee

文章格式

---
title:【必需】页面标题
date:【必需】页面创建日期
type: 【必需】标籤、分类和友情链接三个页面需要配置
updated:【可选】页面更新日期
description:【可选】页面描述
keywords: 【可选】页面关键字
comments: 【可选】显示页面评论模块 (默认 true)
top_img: 【可选】页面顶部图片
mathjax: 【可选】显示 mathjax (当设置 mathjax 的 per_page: false 时，才需要配置，默认 false)
katex: 【可选】显示 katex (当设置 katex 的 per_page: false 时，才需要配置，默认 false)
aside: 【可选】显示侧边栏 (默认 true)
aplayer: 【可选】在需要的页面加载 aplayer 的 js 和 css, 请参考文章下面的音乐 配置
highlight_shrink: 【可选】配置代码框是否展开 (true/false)(默认为设置中 highlight_shrink 的配置)
cover:封面图片的url

copyright: true
copyright_author: xxxx
copyright_author_href: https://github.com/Chankeitin
copyright_url: https://chankeitin.github.io/
copyright_info: 此文章版权归Chankeitin所有，如有转载，请註明来自原作者
---

cover后面输入你想要的封面图片的url

top_img后面加上你想要的顶部图片的url

友情链接

友情链接的添加需要在完成该操作的基础上，新建source/_data/link.yml文件，添加如下内容

- class_name: 友情链接
  class_desc: 那些人，那些事，那些开发者工具
  link_list:
    - name: Chankeitin
      link: https://chankeitin.github.io
      avatar: https://i.loli.net/2021/08/05/cZd4CF96pgqrQBH.jpg
      descr: 想成为全栈程序猿
    - name: MyBatis-Plus
      link: https://baomidou.com/
      avatar: https://baomidou.com/img/logo.svg
      descr: 为简化开发而生
    - name: Spring
      link: https://spring.io/
      avatar: http://c.biancheng.net/uploads/allimg/210701/1-210F1141343544.png
      descr: Spring makes Java simple.
    - name: Hexo
      link: https://hexo.io/zh-tw/
      avatar: https://d33wubrfki0l68.cloudfront.net/6657ba50e702d84afb32fe846bed54fba1a77add/827ae/logo.svg
      descr: 快速、简单且强大的博客框架