本文详细介绍了Github Pages + Hexo框架 + NexT主题的个性化配置，涉及到网站基本信息、评论系统、Google/Bing收录等内容。
书接上文，站点部署完成之后，剩下的重中之重便是网站的配置了。诸如网站基本信息之类的配置，在第一篇博客已经简单介绍，这些配置往往在部署完成之后就会修改，不然无法体现出作者本人的资料，也就谈不上部署完成。剩下的便是很多个性化的配置，这里才是本人以及多数人重点关注的内容，所以单开一篇，记录自己DIY的过程以及一点点心得。
既面向大众，尽微薄之力；也记录下来，和记忆妥协。（时间久了真的会忘···）
首先重新明确一个前提，使用的是Hexo框架+NexT主题，在本地站点相关的目录下会有两个配置文件_l，其中一个位于init hexo框架的目录下，称之为站点配置文件；另一个位于框架目录下的*themes/next/*目录下，称之为主题配置文件。相比之下，站点配置文件在外层目录，主题配置文件在内层目录，希望这个描述可以清晰你对配置文件的不同之处，避免混淆。
配置博客的一个总体原则就是了解配置文件中各项配置的具体含义，基于自己的理解修改成想要的配置，并善用hexo的本地服务进行调试，灵活修改。总的来说，是一件耗时且枯燥的工作，所以直接搜索相关的配置博客是一个很好的选择。
当然，如我这般，搜到的博客都是若干年前发表的，NexT版本的不一致导致很多配置都不能直接适用，所以我只好尽可能的了解各项配置的含义，慢慢完善成自己想要的效果。
如果你如我一般，请参考上面的思路，慢慢配置。
取消网站底部的强力驱动字样
在主题配置文件中搜索powered，设为false即可
# Powered by Hexo & NexT## 是否显示网站底部的强力驱动字样powered: false
增加本地搜索功能
npm install hexo-generator-searchdb --savesearch:path: lfield: postformat: htmllimit: 10000
修改主题配置文件，启用搜索功能
# Local Search
# Dependencies:
local_search:## 启用enable: true## 设为auto，输入关键词之后自动显示列表# If auto, trigger search by changing input.## 设为manual，输入关键词之后回车显示列表# If manual, trigger search by pressing enter key or igger: auto# Show top n results per article, show all results by setting to -1top_n_per_article: -1# Unescape html strings to the readable one.unescape: false# Preload the search data when the page loads.## 预加载，打开可能会影响加载速度preload: false
题外话：似乎在博客数量上去之后，本地搜索的性能会受到影响，NexT提供了一个三方的搜索服务
Algolia Search，但是初期似乎没必要安排上。
设置侧边栏头像
编辑主题配置文件，搜索字段avatar
## 设置侧边栏头像
avatar:# Replace the default image and set the url here.## 选择自己喜欢的图片，保存在相对路径hexo/themes/next/source/images下即可url: /images/avatar.gif# If true, the avatar will be dispalyed in circle.## 设为true，头像会变成圆形，默认是方框rounded: false# If true, the avatar will be rotated with the cursor.## 设为true，鼠标触碰到时头像框会旋转rotated: false设置网站图标（浏览器标签页显示的小图标）
在主题配置文件中搜索favicon字段
favicon:## 主要是这两个，不同尺寸small: /images/favicon-16x16-next.pngmedium: /images/favicon-32x32-next.png## 这两个也做了替换，但没有验证效果apple_touch_icon: /images/apple-touch-icon-next.pngsafari_pinned_tab: /images/logo.svg#android_manifest: /images/manifest.json#ms_browserconfig: /l
可以看到有不同类型的图标，可以从网站下载或制作自己喜欢的图标，替换对应的源文件即可。（推荐一个图标素材站点：iconfont）
修改文章底部的标签样式，#改为图标
tag_icon，将其置为true即可设置建站时间
在主题配置文件中搜索since，取消注释修改其值即可
footer:# Specify the date when the site was setup. If not defined, current year will be used.since: 2023···
首页截断设置
首推的方法是在文章合适的位置手动添加<!-- more -->，这样就可以生成截断效果了
在主题配置文件中，搜索excerpt_description，实际效果未经过测试
# Automatically excerpt description in homepage as preamble text.
## 首页截断设置，本地实测如果文章中添加了<!-- more -->，这个设为false也不会影响截断效果
excerpt_description: true# Read more button
# If true, the read more button will be displayed in excerpt section.
read_more_btn: true
增加代码复制按钮
主题配置文件中搜索copy_button，设置为true即可
codeblock:# Code Highlight theme# Available values: normal | night | night eighties | night blue | night bright | solarized | solarized dark | galactic# See: 选择代码风格highlight_theme: normal# Add copy button on codeblockcopy_button:enable: true# Show text copy result.## 显示复制结果show_result: true# Available values: default | flat | mac## 风格，mac风格好像挺奇怪的style:
这里顺便也贴一下代码风格的设置方法。如上中注释highlight_theme
增加网站访客人数和阅读量
在主题配置文件中搜索busuanzi_count，将其启用
# Show Views / Visitors of the website / page with busuanzi.
# Get more information on
busuanzi_count:enable: true## 总访客以及图标total_visitors: truetotal_visitors_icon: fa fa-user## 总访问次数及图标total_views: truetotal_views_icon: fa fa-eye## 文章阅读量及图标post_views: truepost_views_icon: fa fa-eye
另外，本地验证时发现数字很抽象，部署之后查看会正常。
另外，目前busuanzi还无法重置访客和访问次数
永久链接格式
在站点配置文件中搜索permalink
permalink: :title/
permalink_defaults: :year/:month/:day/:title/
默认文章的链接是年+月+日+标题的，可以修改成只有标题，似乎这样可以优化SEO
设置页面加载时顶部进度条
在主题配置文件中搜索pace，enable设为true，在theme处选择具体的风格
pace:enable: true# Themes list:# big-counter | bounce | barber-shop | center-atom | center-circle | center-radar | center-simple# corner-indicator | fill-left | flat-top | flash | loading-bar | mac-osx | material | minimaltheme: minimal
下载插件，参考pace官方执行以下命令：
$ cd themes/next
$ ls
_l l docs gulpfile.js languages layout LICENSE.md package.json README.md scripts source$ git clone source/lib/pace
Google收录博客网站
一个比较关键的配置。由于依旧是无图模式，所以只能尽可能的用文字描述清楚。且由于时间过的比较久，也无法完全重新跑一次流程，所以有些地方还是有点模糊的。如有问题，欢迎留言。
另外做完这些操作之后，google收录还是会需要两三天的时间，所以再心急也只能安稳等着。
查看是否已被收录，在地址栏输入：site:，如果能显示出自己站点的网页，说明已收录，反之则需要手动提交。
一般新站是不会被收录的，如果不主动提交，理论上有足够多的高质量外链，是有可能被Google主动收录的。
进入Google Web Master Search Console 并登录，一般都是谷歌账号直接登录的
登陆之后找到添加资源的地方，资源类型选择第二种：网址前缀
输入自己的地址之后点击继续，会弹出一个验证所有权的窗口。切记不要关闭网页。
验证方法有很多种，这里推荐选择第二种：HTML标记
此方法会给出一串HTML代码，例如：
<meta name="google-site-verification" content="rMF1JqbmMsHu2M1zSLQ482HWMOd8u-4z-zWViLWMXHg" />
// NOTE: 这是我随机输入的网址生成的标记，请务必使用自己站点生成的代码
此时有两种方法：
如果是NexT主题，在主题配置文件中搜索google_site_verification，并将HTML代码content的内容填上去。
// 举例！
# Google Webmaster tools verification.
# See:
google_site_verification:rMF1JqbmMsHu2M1zSLQ482HWMOd8u-4z-zWViLWMXHg
其他情况，可以手动将改代码添加至swig文件中，打开themes/next/layout/_partials/head/head.swig 文件，在其中添加生成的代码。我添加在了第二行，如下所示：
<meta charset="UTF-8">
<meta name="google-site-verification" content="rMF1JqbmMsHu2M1zSLQ482HWMOd8u-4z-zWViLWMXHg" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2">
添加完成之后，需要执行hexo clean && hexo g -d部署
部署完成之后打开博客网站，鼠标右键查看网页源代码，此时在源代码中应该可以搜到我们添加的代码的。
如果没搜到，可以考虑稍作等待，多刷新几次页面，重新查看源代码；或检查上述步骤
成功搜到之后，回到验证所有权的网页，点击验证。
验证成功之后应该就会跳转到控制台的主页啦
添加站点地图
添加完谷歌收录之后，紧接着就要上传网站的站点地图。
首先是需要安装插件，在终端执行cmd
npm install hexo-generator-sitemap --save
在站点配置文件中，添加如下配置。我是在文件末尾添加的。
# 站点地图
sitemap:path: l
执行hexo clean && hexo g重新生成后就可以在public目录下看到
回到Google Search Console，在左侧的菜单中选择站点地图，输入我们生成的站点地图
