Hexo 创建记录
安装--美化--问题集锦
网上的教程多试7.0版本以下的，因为7.0版本已经继承了很多插件功能，因此我尝试按照别人的教程试一次，报错，而且还是查不到原因的报错，没办法了，只能自己阅读配置文件的注释，自行更改。在此，记录一下。
报错
hexo命令报错
ERROR Cannot find module 'hexo' from 'F:\Hexoblog'
ERROR Local hexo loading failed in F:\Hexoblog
ERROR Try running: 'rm -rf node_modules && npm install --force'
研究发现，是环境变量的问题，需要将hexo加入环境变量，其一般路径为
F:\Hexoblog\node_modules\.bin注意后面的.bin；
开始我是全局安装，但是一直不知道那里出来问题，后来干脆全部卸载
然后在f盘打开cmd，进行安装，
npm uninstall -g hexo-cli
npm install hexo-cli
最后将F:\Hexoblog\node_modules\.bin加入环境变量，解决！
hexo deploy时出现的警告：LF will be replaced by CRLF
git config --global core.autocrlf false //禁用自动转换
参考：dev_winner
NexT v6.0+ 背景动画Canvas_nest设置无效的解决方案
NexT v6.0+ 背景动画Canvas_nest设置无效的解决方案
hexo g报错
ERROR Process failed: _posts/hexo-next.md
YAMLException: can not read a block mapping entry; a multiline key may not be an implicit key at line 4, column 1:
解决方案：查看新建要上传地md文件，tags或者其他，与后面内容是不是有一个空格。
美化
文章末尾添加版权说明
版权声明默认使用 CC BY-NC-SA 4.0 许可协议，可以根据自身需要修改 licence 字段变更协议。
creative_commons:
license: by-nc-sa
sidebar: false#此处改成true，会在侧边显示
post: true #文章底部显示
language: zh-CN#语言
实现Follow me on GitHub
#next主题配置文件
github_banner:
enable: true
permalink: https://github.com/wangshixiong
title: Follow me on GitHub
阅读次数统计
首先，注册LeanCloud账号，注册方法如下：
创建class
最后就可以拿到相关的ID和key；
Valine同时支持阅读次数统计和评论相关功能；打开，并将ID和key输入即可；
添加评论功能
Next 支持多款评论系统：
- Disqus：欧美 UI 风格，支持 Tweet、Facebook 等国外社交软件的三方登陆和一键分享。 Demo
- gitment：必须用 github 账号登陆才能评论，支持 Markdown 语法，与 github issues 页面风格一致 Demo
- Valine：支持匿名评论，支持 Markdown 语法，界面简洁美观
- 畅言：国产评论系统，可区分热评和最新评论，论坛贴吧风
- 来必力：支持插入图片和 GIF，支持国内外多种社交媒体的三方登陆 Demo
博客的评论系统不需要太过复杂的功能，我的要求是一定要轻量级，足够简洁美观，并且支持 Markdown 语法，首选 Valine 和 gitment，这两个评论系统都是由国内个人开发的，在此向开发者致敬。
gitment
记录在NexT主题中添加gitalk评论系统的步骤。
gitalk：一个基于 Github Issue 和 Preact 开发的评论插件
详情Demo可见：https://gitalk.github.io/
1. Register Application
在GitHub上注册新应用，链接
2. 参数说明：
Application name： # 应用名称，随意
Homepage URL： # 网站URL，如https://asdfv1929.github.io
Application description # 描述，随意
Authorization callback URL：# 网站URL，https://asdfv1929.github.io`
3.Client ID和Client Secret在后面的配置中需要用到，到时复制粘贴即可。
gitalk:
enable: true
githubID: github帐号 # 例：asdfv1929
repo: 仓库名称 # 例：asdfv1929.github.io
ClientID: Client ID
ClientSecret: Client Secret
adminUser: github帐号 #指定可初始化评论账户
distractionFreeMode: true
Hexo NexT使用Gitalk未找到相关的Issues进行评论Error:Validation Failed
Valine
Next 已经内置了 Valine 组件，在主题配置文件中开启评论功能即可，同时，由于 Valine 是基于 Leancloud 提供后端服务的，所以需要填写 LeanCloud 的 App ID 和 App Key。
themes\next\_config.yml
valine:
enable: true
appid: ***<app_id***
appkey: ***<app_key>***
notify: false # 收到新评论是否邮件通知
verify: false # 是否开启验证码
placeholder: # 默认填充文字
avatar: mm # 设置默认评论列表
guest_info: nick,mail # 评论区头部表单
pageSize: 10 # 每页评论数
visitor: true # 同时开启文章阅读次数统计
详细参考文献：yearito
代码高亮
#next配置文件
# Code Highlight theme
# Available values: normal | night | night eighties | night blue | night bright
# https://github.com/chriskempson/tomorrow-theme
highlight_theme: normal#这里更改，共有5种。
搜索功能
先安装插件：
$ npm install hexo-generator-searchdb --save
然后在next配置文件中找到：
local_search:
enable: true#改为true
# If auto, trigger search by changing input.
# If manual, trigger search by pressing enter key or search button.
trigger: auto
# Show top n results per article, show all results by setting to -1
top_n_per_article: 1
# Unescape html strings to the readable one.
unescape: false
站点运行时间
在站点底部显示站点已运行时间。
修改thems\next\layout\_custom\custom.swig
{# 页脚站点运行时间统计 #}
{% if theme.footer.ages.enable %}
<script src="https://cdn.jsdelivr.net/npm/moment@2.22.2/moment.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/moment-precise-range-plugin@1.3.0/moment-precise-range.min.js"></script>
<script>
function timer() {
var ages = moment.preciseDiff(moment(),moment({{ theme.footer.ages.birthday }},"YYYYMMDD"));
ages = ages.replace(/years?/, "年");
ages = ages.replace(/months?/, "月");
ages = ages.replace(/days?/, "天");
ages = ages.replace(/hours?/, "小时");
ages = ages.replace(/minutes?/, "分");
ages = ages.replace(/seconds?/, "秒");
ages = ages.replace(/\d+/g, '<span style="color:{{ theme.footer.ages.color }}">$&</span>');
div.innerHTML = `{{ __('footer.age')}} ${ages}`;
}
var div = document.createElement("div");
//插入到copyright之后
var copyright = document.querySelector(".copyright");
document.querySelector(".footer-inner").insertBefore(div, copyright.nextSibling);
timer();
setInterval("timer()",1000)
</script>
{% endif %}
如果 custom.swig 文件不存在，需要新建一个，并且需要手动新建并在布局页面中themes\next\layout\_layout.swig末尾引入：
...
{% include '_third-party/exturl.swig' %}
{% include '_third-party/bookmark.swig' %}
{% include '_third-party/copy-code.swig' %}
+ {% include '_custom/custom.swig' %}
</body>
</html>
修改主题配置文件themes\next\_config.yml：
footer:
...
+ ages:
+ # site running time
+ enable: true
+ # birthday of your site
+ birthday: 20181001#这里的birthday要根据你的时间自行更改。
+ # color of number
+ color: "#1890ff"
然后补全对应文案`themes\next\languages\zh-Hans.yml：
footer:
powered: "由 %s 强力驱动"
theme: 主题
+ age: 我已在此等候你
刷新浏览器即可生效。
日期统计计算功能由 moment 和 moment-precise-range 提供，也可用原生 JS Date 对象来实现。
安装及卸载hexo插件
hexo安装xxx插件
npm install xxx –save
hexo卸载xxx插件
npm uninstall xxx
部署至Github
阿里云域名解析
首先，需要添加两条域名解析，解析的地址是你在Github所创建的分支连接；
第一条：
第二条：
最终生成两条：
github配置
配置ssh
在命令行（Gitbash）输入
ssh-keygen -t rsa -C "Github上你注册的邮箱地址"
冒号后边就输入空格，y/n 输入y
输入共计三次回车，即可得到秘钥；
一般而言，秘钥本地地址为：C:\Users\admin\.ssh
用文本编辑器打开，并复制所有内容，打开GitHub 点击Setting ---> SSH and GPG keys ---> New SSHkey
保存即可；
修改本地配置文件
修改hexo配置文件_config.yml，在最后添加以下内容：
最后在本地Hexo里的文件，找到source文件夹，在里面先创建个文本文档，输入你购买的域名，保存后重命名为CNAME，去掉后缀。
内容为你的阿里云域名；
参考：
使用github-hexo-域名绑定（阿里云）搭建个人博客_狍子的情书的博客-程序员宅基地
重点参考博客,在此，对博主进行崇高的敬意。
本文来自博客园，作者：我的前进日志，转载请注明原文链接：https://www.cnblogs.com/sunshinewang/articles/15515295.html
