修改hexo主题(Jade版本)

hexo主题虽多, 但是都没让自己完全舒服的, 真的没什么意思, 就着现在用的主题来修改吧.

用的主题是jade写的, 稍微了解了下, 就是一个模板什么的, 气氛搞起来.

插入一个js

看了下模板, 大多模板都是继承(extends)了一个叫base.pug的模板, 那么好了,找到了这个模板, 根据以下引入方式:

1	script(type='text/javascript', src='//cdn.bootcss.com/jquery/3.0.0/jquery.min.js')

1	link(rel='stylesheet', type='text/css', href=url_for(theme.css) + '/style.css' + '?v=' + theme.version)

上面这个是引入自定义样式吧, 那如果我有样式直接写里面好了, 不再引入了, 注意到他引入的时候url_for这个函数, 我并不知道是干嘛的.
所以抱着试一试的想法写了url_for(theme.js),如下:

1	script(type='text/javascript', src=url_for(theme.js) + '/main.js')

然后在对应js文件下打了一下控制台, 成功了, 还真对得起我这张脸.

官方是这么说的, 其实就是个模板的复用.
（因为英文不好看半天才明白原来这么简单的东西）

举个伪代码的例子:

//文件名: parent.pug
html
    head
        title i am title
        block script
    block body
    block foot

上面的模板出现了3个block, 如果有模板extends了这个模板, 只要改写block就可以重载这个block的部分而继承父的其他结构.
比如:

extends './parent.pug'
block script
    script(src='jquery.js')
block foot
    div.footer
        copyright 1991~2016

效果就是这个页面继承了父的内容, 并引入了jquery, 把页脚加了版权信息.

**对于我们的应用: 我在base.pug中加入了block script, 这样就可以在不同的模板中自定义引入哪些js了.

语法是include, 引入文件可以不加拓展名, 需要是jade文件.
比如tag, footer 等小模块就可以如此引入.