你想批评指点四周风景,你首先要爬上屋顶。

0%

hexo搭建博客时遇到的问题

hexo g 执行后不生成index.html

  这里也只是提出几种可能性:

  • 我当时执行 npm install 之后重新执行一遍就可以了
  • 朋友发现自己多包含了一个头文件

修改背景图片

  next主题更新后,就没有了custom.styl文件,当时网上很多教程都是使用这个文件设置背景图片,但是新版本的next也提供了用户自定义的文件,首先需要在next主题的配置文件中启用:

1
2
3
4
5
6
7
8
9
10
11
custom_file_path:
#head: source/_data/head.swig
#header: source/_data/header.swig
#sidebar: source/_data/sidebar.swig
#postMeta: source/_data/post-meta.swig
#postBodyEnd: source/_data/post-body-end.swig
#footer: source/_data/footer.swig
#bodyEnd: source/_data/body-end.swig
#variable: source/_data/variables.styl
#mixin: source/_data/mixins.styl
style: source/_data/styles.styl

  将最后一个的注释取消,然后到blog的source文件夹下(注意,是blog的source,不是next的source)创建这个文件,将设置背景图片的css放进去,

1
2
3
4
5
6
7
body {
background-image:url(/images/header.jpg);
background-repeat: no-repeat;
background-attachment:fixed;
background-position:50% 50%;
background-size:cover;
}

  还有注意将图片放在next的source的images中,至于为什么这么迷我也不清楚….
  这里顺便说一下,设置背景透明度的css也直接放在这个文件中就可以了,透明度的效果可以根据自己的喜好调节,1是不透明,0是全透明,我是小透明,不是很聪明。

1
2
3
 .main-inner { 
opacity: 0.9;
}

点击头像回到主页

  确实哈,鼠标放在头像上就想去点,虽然卵用不大,但这个功能必须得有啊。
  网上教程用不了,在sidebar.swig文件中没有头像的标签,于是我就把附近的文件找了找,反正思路就是加个跳转,管他在哪里,只要能找到,加上看他跳不跳。
  终于,在\next\layout_partials\sidebar下找到了site-overview.swig文件,找到

1
<img class="site-author-image" itemprop="image" alt="{{ author }}" src="{{ url_for(theme.avatar.url or theme.images + '/header.jpg') }}">

  在这段代码的开始前面和结束后面分别加上第一行和第二行:

1
2
<a href="/">
</a>

  记得将img标签的src改成自己头像路径。

----------------------------本文已结束,感谢阅读。----------------------------