先来说说为什么我会用hexo写博客
- 因为最近对node.js产生了兴趣,通过学习一些node源码来了解node开发
- 之前一直没有用过git,hexo基于github来写博客同时可以用git来对hexo源码进行跟进和改进,感觉可以让自己对git的实际运用有所帮助
- 还有一个就是最根本的原因,我本来就想自己搞一个独立博客,恰巧发现hexo的方案非常优雅(之前我本来用JavaEE+vps方案,整体的设计和现在的hexo博客差不多,代码都写好了,只是一直感觉网站备案问题比较麻烦就没去搞)
如何开始hexo搭建,可以参照这篇文章hexo你的博客。照着这篇文章去做,基本上就没问题了,我也不想重复发明轮子,写一些类似hexo入门的文章。
当然,我还是要说说我在使用hexo的过程中获得了什么,以及我建立这个博客的方式是怎样的。
因为我一直以来几乎是JavaEE全栈式开发,所以我也会负责前端的开发工作,在前端页面渲染的时候经常会写类似于如下的代码:
var html = "";
html+="<h1>"+data.title+"</h1>";
html+="<ul>";
for(i=0; i<data.o.length; i++) {
html += "<li><a href='" + data.o[i] + "'>";
html += data.o[i]+"</a></li>";
}
html += "</ul>";
hexo使用了EJS模板引擎,那么上面的代码就如下:
<h1><%= title %></h1>
<ul>
<%
for(i=0; i<o.length; i++) {
%>
<li>
<a href='<%= o[i] %>'>
<%= o[i] %>
</a>
</li>
<% } %>
</ul>
可以发现这几乎和Jsp一样,也就是说hexo使用EJS模板引擎让静态的html开发变成了类似于我所熟悉的动态Jsp开发一样。当然EJS不仅仅用于后端node开发,同样可以放到前端的html中(毕竟是js,放到浏览器就可以执行),这让我不再如以前的前端开发时写一些难于维护的js代码了,现在写一个.ejs文件的模版即可。
hexo使用了stylus的css预处理器,我之前也有了解到如sass和less这样的预处理器,但毕竟习惯一旦养成改起来困难,一直以来我前端开发都是习惯直接写css,在制作我现在您所看到的博客主题时并没有用到stylus相关的东西。不过css预处理器的出现是有其道理的,在今后对hexo的探索中我想我会逐渐转到使用stylus中。
既然说到css,那当然是和制作主题相关了。一开始我也不知道该如何对主题进行更加个性化的修改,因为我发现下载下来的主题大都是stylus写成,上面我也说了我习惯直接写css,直到我看到这篇文章:从零开始定制hexo主题。与其修改其他的主题里面自己不熟悉的东西(因为你不知道改一个地方会不会改出其他问题),不如直接自己来做主题。通过上面这篇文章和参考官方文档,最终如您所见,主题就是这个样子了。
基础的东西该搭建的都搭建完了,是时候开始写文章了。我是直接用记事本写文章的,我觉得用markdown写文章真的是我见过最优雅的方式,这赋予了像记事本这种纯文本编辑器强大的排版功能,因为像写html/js/css这些东西我一直以来也都是用记事本,也许正因为这样,从用html这种复杂的排版到用markdown排版的时候,我突然觉得从未有过的畅快。至于markdown,我觉得不用学,每当我不知道怎么排版的时候我都会打开Cmd Markdown这个网站,然后找到想要的照着做就行了。markdown还算简单,用多了就熟了。
hexo心得目前暂时就这些,对于我这个程序猿来说,喜欢追求优雅的去实现各种程序和功能,而hexo用一种很优雅的方式让你建立博客、写博客,我对hexo的作者tommy351表示非常敬佩。
注:原文地址来自于我的博客http://xxgg.co/2014/08/17/my-hexo-experience/ ,我会把一些自我感觉良好的文章也发到简书,希望能与更多的人分享。
网友评论