hojun

完善侧边栏 上一篇教程我们已经把侧边栏成功的加入到我们的story主题中了，但是该侧边栏还是写死的数据。所以开始把它和我们的主题目录绑定起来。有用过hexo主题的朋友应该知道在config中一般有个menu配置项，用来配置博客的模板页。今天我们就来实现这一过程。 在此之前，有一样东西必须要了解一下（

代码解释 首先在循环外部定义了两个变量teamYear和posts。其中tempYear用来保存临时的年份信息，posts则是保存了按时间排序的所有文章数组。接下来循环posts，第一次循环的时候用currentYear来保存当前这篇文章的创建的年份，此时tempYear肯定和currentYear

继续完善主题，老实说能从一跟着练习到这里的人，开发一个自己的hexo主题已经不是什么难事了。（前题有html、js、css[学习这三最快的地方首推w3cshool]）。开发到这里其实已经讲的差不多了。剩下一些功能都是类似或可有可无的。比如分类和标签是类似的，单页面都是一样的，今天我个就来开发一个单页

继续完善文章详情页 现在的页面右边留空太多了，整体看上去不够居中。所以调下css: 接着图片和代码块超出了范围： hexo-helper-tocbot添加文章目录t 如果觉得目录有需要的继续往下看，这里直接安利我之前开发的hexo插件 hexo-helper-tocbot 及教程 hexo-help

继续接上篇完善详情页 添加文章标签 打算在hr的上边添加文章的标签，用f2开发者工具调试如下： 先到css的8551行吧margin调为0： 接着在hr上面添加html元素，先写好再调样试： 再写css，可以自行添加一些交互效果，自由发挥： 当然现在的标签不是文章设置的标签，来到官网可以看到： 所以

继续接上篇完善详情页 添加阅读次数 阅读次数采用不蒜子来实现 复制这两行代码，引入js的那段放到footer.ejs中，span的那段放在文章详情页中。 添加valine评论 前往valine.js.org官网，查看文档： 关于valine和leandcloud一些配置项请参考另一篇文章 《hexo

美化详情页 上篇文章已经可以跳转到文章详情页了，这篇教程先来美化下详情页的样式。 首先打开我们从html5up上下载的story网页，浏览器上打开index-demo.html那个，在演示完图标之后有“Additional Elements” 可以看到这部份用来当文章详情页的容器挺合适。修改代码如下

前天借了个wacom数位板想折腾下手绘的乐趣，因为是纯新手，对数位板和画画软件的功能不是很了解。在网上下了个驱动就开始看视频画画了。一开始从虎课（每天能免费学一个视频，挺好的，一个视频够学了）上选了个简单点的教视频——《SAI-转手绘-唯美风格人物眼睛刻画》，这个教程只是把眼睛转了手绘，是比较简单的

添加分页 上篇教程已经把首页内容给填充上去了，接下来继续给首页添加上分页。在文档辅助函数里有关如下 直接复制这段代码到index.ejs最下面: 为了看到效果将根目录下config中的per_page改为三，表示每页三篇文章，这样我们八篇文章就会有三页了 hexo s后的效果如下： 样式有点不能忍受

教程二我们已经搭建好了首页，上篇教程已经引入了css和js，接下来还是引入网站上的一些图标。 引入图标 上篇教成叫自行引入图片其实是不用的，因为我们建立的图片文件夹正好是images，和原来的html5up模板刚好一致。让我们看下代码： 但是也和之前的问题一样，用这种的话一定要把网站放到根目录访问，