Hexo + Next踩坑

前前后后搞了快有一个星期的时间终于把这个博客给搭起来了…

用的是hexo + Git pages + Next theme 现在回过头来看其实这些都并不是很难

真正麻烦的地方就在于next的theme的一些配置都已经更新了(主要是他们人多力量大)

但是很多教程并没有随着更新尤其是各种插件这一块所以还是踩了不少的坑

Next theme 的config文件配置

用Alternate Theme Config

因为next他们这个theme的更新速度是很快的如果直接从repo上面拉代码下来很容易产生conflict

所以所有theme的主题配置推荐使用Alternate Theme Config

主要的逻辑就是用根目录下的

1	_config.next.yml

代替原本的theme里面的config文件具体参照下面的官方博客链接

使用Alternate Theme Config

配置暗黑风格的scheme

最新的next theme支持了暗黑风格主题这个很赞

我的博客用了 Gemini + Dark 看上应该是舒服多了

Dark scheme config

Next theme 的插件优化

使用不蒜子显示访客人数

next theme的最新版已经在配置中集成了显示访客人数的功能

不需要你再费劲的去改.njk文件了

但是网上能找的教程目前很多还都是让你去改动layout里面的footer.ejs

这实在是画蛇添足的举动具体可以直接看下面官方博客的链接

使用不蒜子

使用Gitalk的评论系统

Next theme内置支持很多评论系统然而我试了一下其中很多跟暗黑主题风格不搭配

另外说一句虽然它官方博客上也写了支持国内的几个评论系统

但是我研究了一下发现都需要实名注册实在是感觉不怎么安全说不定以后就会给你因为各种理由停掉…

所以最后还是选用了Gitalk这一套虽然说管理的体验一般但是好看呀！

使用Gitalk

本地预览与上传更新

这里我写了一个.sh文件集成了几个简单的hexo命令

在root目录下创建deploy.sh

1	yourname.github.io/deploy.sh

echo -e "清除旧文件"
hexo clean
echo -e "\t\t......OK\n正在【生成】静态页面"
hexo g
if [ $1 == 'p' ]
then
    echo -e "\t\t......OK\n正在【预览】静态页面"
    hexo s
    echo "预览完成"
fi
if [ $1 == 'g' ]
then
    echo -e "\t\t......OK\n正在【发布】静态页面"
    hexo d
    echo "发布完成"
fi

这样只要在run命令的时候输入不同的参数就可以完成本地预览或者部署到git

$./deploy.sh [Location]
Location Options:
 --p local preview
 --g deploy to the GitHub

更多配置文件和插件请参考官方博客 Next Them Official