hexo瞎猴日记一

前言

这个blog其实大一就做了一下,弄到hello world和学习了一下markdown之后就没再弄过了,至于为什么要重新来弄这个是因为这个CSDN真的是emmmmm

于是这里顺便发一下前任博客的链接https://blog.csdn.net/qkoqhh

当时搭这博客的细节也忘得差不多了,流程大概是按照官方文档来的,记得是装某个东西的时候有点问题?


主题

主题选的是Aria,实用性很强,界面也非常舒服,而且,文档写得超详细!真是用心了,感谢作者AlynxZhou

跟着文档把自己能够看懂的部分稍微设置了一下,然后根据自己的需求做了点修改。


#号

第一个是标题前面的#,这个的作用其实已经和文章目录有点重复了,反而可能会有点比较突兀,所以就想去掉

直接查看#的元素,发现他的类是headerlink,于是用grep在模板里面找到包含headerlink的文件,发现只有aria/source/css/post.styl有,于是删掉如下代码段就可以去掉了:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
  .post-main {
a.headerlink {
border: none;
&:hover {
border: none;
}
&:active {
top: 0;
}
&::before {
content: "#";
margin-right: 0.3em;
}
}
}

当然其实应该可以做得更好,比如用好看一点的图片来代替#可能效果会更加不错,以后有时间可以来改改

(话说这个hexo没有css的高亮么。。明明在typora下有的说)


Tag页面

另一个比较大的问题是hexo自身的问题(这个问题差点让窝弃了hexo),关于分类的,由于hexo不支持同级分类,所以今后窝如果要写一些类别有交叉的文章可能就会比较尴尬。

由于这是hexo自身的特性根本就没有办法改变,所以分类功能只能弃用。代替他的是标签,用标签的话就可以不用拘泥于严格的类别次序,但是这些标签是不能确定主次或者包含关系的,这个缺点比分类的好接受多了,毕竟大部分博客也是都这样的。

主题默认使用的tag-cloud窝认为是比较华而不实的,散乱的排列,仅靠大小来判定该分类的大小实在是emmmm

所以还是想弄成传统的标签,然而缺少知识的窝并不造怎么弄。决定去学一手tokitsukaze的博客,发现可以用tag-list(这个在手册上的辅助函数里有可窝当时并没有看懂?),而通过grep命令很容易知道tag-cloud是在/themes/aria/layout/tags.njk​里面生成的,然后仿照原来的tag-cloud的格式生成了tag-list。然后发现标签和数目并在一起相当难看,所以又去学了一首调节字体颜色大小,等调节完发现只能改数字,不能改标签,因为标签是个链接?!之后试了很多方法都没用。。只能妥协。。最后仿造了分类的配色方案将数字的颜色调了一下。。这个问题其实还是没有完全解决qaq

然后标签的顺序问题默认是按name​排序,如果想按文章数量排序要把​orderby设置成length,其他的就按手册上写就行。。

代码如下:

1
2
3
4
5
     <font size="5" face="Verdana" color="black">
<div class="tag-list">
{{list_tags({orderby:"length",order:-1,show_count:true,class:tag,amount:0,style:"list"}) }}
</div>
</font>


生成摘要

另外有个小问题就是,文章摘要貌似只能按字数来算,然后不巧有篇文章开头就是图片,再加上图片大小的调整窝现在也没解决,所以那篇文章的前100字数已经占据了一页。。仔细一想其实窝好像从来就没有看过或者写过摘要(标题党),所以摘要对窝来说确实无关紧要(而且以后的文章中摘要说不定是题意= =),所以直接把摘要去了,把theme里面的_config.yml的auto_excerpt改成如下:

1
2
3
auto_excerpt:
enable: true
length: 0


图片

还有一个小问题就是图片的引用问题,有2种姿势:

  1. 绝对路径,将图片统一放在source/images中,通过![](/images/image.jpg)访问他们

  2. 相对路径,通过将_config.yml的post_asset_folder选项修改为true后,以后执行hexo new post_name,还会额外生成post_name同名文件夹,然后可以直接引用文件夹。例如![](image.jpg)

一开始是想用相对路径的,然而发现每次建文件夹都没用就很难受,所以就把post_asset_older关了,然而之前的图片引用也一并失效了囧~~

所以考虑自己没多少图片的情况下就选择用绝对路径了