H20-AC (1.0.2)

Download Source Code: Jekyll-H2O-AC

技术栈:

  1. 引入jQuery类库,使用Sass编写样式,使用Gulp来编译Sass、合并压缩css、js,开源在Github上。但是我的版本抛弃了用gulp来编译sass,更贴合jekyll上面的教程(其实是自己看不懂所以决定见按照教程的来)
  2. 现在是支持两个主题配色,估计如果未来有戏的话多加几个配色,搞点花里胡哨的
  3. 现在有个侧边栏,我总是不太喜欢这个设计,但是如果去掉的话搜索栏也得去掉,先这样吧,以后想个办法直接在navbar下面放搜索栏,这样搜起来也会方便点
  4. Cover 这个参数是用来配置文章封面图的,就会弄【主题色+底纹】这样,感受一下应该就是gogogo(在footer那个连接)里面的样子吧
  5. 代码高亮是用Prism.js的,见到不要删除了,用’<pre>‘元素和’' 元素来标记代码:

     <pre><code class="language-css">p { color: red }</code></pre>
    

    在Markdown中你可以这样写:

     ```css
     p { color: red }
     ```
    

    支持语言:

    • HTML
    • CSS
    • Sass
    • JavaScript
    • CoffeeScript
    • Java
    • C-like
    • Swift
    • PHP
    • Go
    • Python
  6. 第三方评论,由于多说关闭,又对国内其他第三方评论插件无感,所以将Disqus列为首选(目前模板也只提供了这个)(啊原来是干这个的啊,我删掉了),请自备梯子。

  7. 响应式设计,修改了点参数,看起来顺眼点了

TODO

最后想要说一下要增加和修改的地方吧。想添加一个专为记录生活照片的一个页面,技术栈还没想好,实现瀑布流的效果,然后因为源文件或许有点大,弄一下缩略图的设计,这样页面加载起来也快一点。