博客从Jekyll迁移Hexo

遇到的问题

搭建教程参考:GitHub+Hexo 搭建个人网站详细教程

npm install g hexo 没有反应

执行 npm config set registry “https://registry.npm.taobao.org" 将npm包源指向淘宝,就不需要翻墙安包了:npm install g hexo 总是失败

可供参考的资料:
使用Hexo+Github一步步搭建属于自己的博客(进阶)

Hexo+Next主题 文章添加阅读次数,访问量等

hexo+github 搭建个人博客及美化

设置 SSH 使用 hexo deploy 时免输用户名密码

细数用hexo搭建github博客踩过的坑(windows版)

hexo d 出错

Busuanzi 统计浏览失效解决方法点这

Hexo使用攻略-添加分类及标签

添加评论方法

本来想用来必力,但是网页打开很慢,遂放弃。
为你的Hexo加上评论系统-Valine

Hexo Next下添加版权声明模块

下面文章含有“提交百度谷歌站点验证出错”的解决方法:
如何避免 Hexo 编译 HTML 文件
由于hexo会在生成编译文件的过程中,修改html文件内容,导致百度验证失败,因此,不建议再踩一遍这个坑。可参考下文:
Hexo:Github部署站点的SEO优化教程
Hexo博客Next主题SEO优化方法

另外一个错误是不要私自去往自己的博客仓库里面添加文件,导致hexo本地的库和远程库内容不一致,这样在新推送日志或其他东西时,会推送失败。

显示每篇文章的更新时间

修改头像实现旋转

更换头像,打开站点配置文件,找到avatar字段,可以使用网络路径,也可以将头像存放在source/images/中。如果头像是椭圆的,是因为图片不是一个正方形的图片,找到一个宽高像素一样的的图片即可。

avatar: /images/head.jpg
打开\themes\next\source\css_common\components\sidebar\sidebar-author.styl,在里面添加如下代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
.site-author-image {
display: block;
margin: 0 auto;
padding: $site-author-image-padding;
max-width: $site-author-image-width;
height: $site-author-image-height;
border: $site-author-image-border-width solid $site-author-image-border-color;
/* 头像圆形 */
border-radius: 80px;
-webkit-border-radius: 80px;
-moz-border-radius: 80px;
box-shadow: inset 0 -1px 0 #333sf;
/* 设置循环动画 [animation: (play)动画名称 (2s)动画播放时长单位秒或微秒 (ase-out)动画播放的速度曲线为以低速结束
(1s)等待1秒然后开始动画 (1)动画播放次数(infinite为循环播放) ]*/

/* 鼠标经过头像旋转360度 */
-webkit-transition: -webkit-transform 1.0s ease-out;
-moz-transition: -moz-transform 1.0s ease-out;
transition: transform 1.0s ease-out;
}
img:hover {
/* 鼠标经过停止头像旋转
-webkit-animation-play-state:paused;
animation-play-state:paused;*/
/* 鼠标经过头像旋转360度 */
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
/* Z 轴旋转动画 */
@-webkit-keyframes play {
0% {
-webkit-transform: rotateZ(0deg);
}
100% {
-webkit-transform: rotateZ(-360deg);
}
}
@-moz-keyframes play {
0% {
-moz-transform: rotateZ(0deg);
}
100% {
-moz-transform: rotateZ(-360deg);
}
}
@keyframes play {
0% {
transform: rotateZ(0deg);
}
100% {
transform: rotateZ(-360deg);
}
}

参考该文

hexo d 卡住半天没反应

首先不要作死,私自去往自己的博客仓库里面添加文件,这样会导致hexo本地的库和远程库内容不一致,这样再hexo d新推送日志或其他东西时,会失败。
如果没有作死,可以参考下文:
hexo d 卡住问题

如果使用hexo s都能正常预览网页,这种情况可能是网络问题,ping一下github.com如果超时,那就要用到下面的方法了。

路径 C:\Windows\System32\drivers\etc\hosts

用记事本打开,在末尾添加内容:

1
2
3
4
5
6
7
8
192.30.253.113    github.com
192.30.252.131 github.com
185.31.16.185 github.global.ssl.fastly.net
74.125.237.1 dl-ssl.google.com
173.194.127.200 groups.google.com
192.30.252.131 github.com
185.31.16.185 github.global.ssl.fastly.net
74.125.128.95 ajax.googleapis.com

保存(以管理员身份),重新运行 cmd 再ping,可以通。

其他问题待续…

参考资料

GitHub+Hexo 搭建个人网站详细教程
npm install g hexo 总是失败
迁移
Github绑定域名
GitHub Pages 绑定来自阿里云的域名

如果你觉得本文对你有帮助,欢迎打赏