Hexo+Next主题博客搭建记录

安装：

Hexo

主题美化：

npm install hexo-theme-next

官方手册 Hexo+NexT(v7.72)博客主题美化，打造“超炫”网站（一） | Marmalade’s Blog Hexo的Next主题优化教程-腾讯云开发者社区-腾讯云

GitHub页脚：

GitHub Corners

vim layout/_layout.njk
在 <div class="headband"></div> 下新增代码

页面初始化： 设置关于、标签、分类

增加友情链接

评论系统： 快速上手 评论通知 服务部署管理

npm install @waline/hexo-next

# Waline
# For more information: https://waline.js.org, https://github.com/walinejs/waline
waline:
  enable: true #是否开启
  serverURL: waline.imfine.cloud # Waline #服务端地址，注意:Vercel域名被墙，需自行绑定自己域名
  placeholder: 请文明评论 # #评论框的默认文字
  avatar: mm # 头像风格
  meta: [nick, mail, link] # 自定义评论框上面的三个输入框的内容
  pageSize: 10 # 评论数量多少时显示分页
  lang: zh-cn # 语言, 可选值: en, zh-cn
  # Warning: 不要同时启用 `waline.visitor` 以及 `leancloud_visitors`.
  visitor: false # 文章阅读统计
  comment_count: true # 如果为 false , 评论数量只会在当前评论页面显示, 主页则不显示
  requiredFields: [nick, mail] # 设置用户评论时必填的信息，[nick,mail]: [nick] | [nick, mail]
  libUrl: # Set custom library cdn url

服务管理： 评论后端服务

百度统计

域名绑定：

在 source 目录下新建 CNAME 文件，域名填写其中

添加阅读全文按钮

文章中需要截断的位置增加
<!--more -->

常用操作：

本地：hexo clean && hexo g && hexo s
远程：hexo clean && hexo g && hexo deploy

$ hexo new [layout] <title>
​
post是默认的布局，但你也可以提供自己的布局。 您可以通过编辑 _config.yml 中的 default_layout 设置来更改默认布局。