美文网首页HexoHexo
hexo使用心得

hexo使用心得

作者: 闲逛 | 来源:发表于2014-09-15 22:10 被阅读370次

先来说说为什么我会用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/ ,我会把一些自我感觉良好的文章也发到简书,希望能与更多的人分享。

相关文章

  • Hexo使用心得

    新建文章 hexo new "Hexo使用心得" 上传图片到github并使用 将_config.yml中有的po...

  • hexo博客搭建汇总

    以下是我搭建hexo博客的一些方法与心得,记录一下。 hexo基础教程 hexo的使用直接参考: hexo 中文网...

  • hexo使用心得

    先来说说为什么我会用hexo写博客 因为最近对node.js产生了兴趣,通过学习一些node源码来了解node开发...

  • 博客系统hexo yelee搭建历程

    使用hexo搭建博客 什么是 Hexo?Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdow...

  • 使用Hexo搭建个人博客网站

    使用Hexo搭建个人网站 首先,介绍下什么是Hexo Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 ...

  • Blogging On Github

    使用Hexo+Github配置博客 初步使用Hexo+Github配置博客 进阶最详细的Hexo Next主题配置...

  • 使用hexo+github搭建个人博客

    本次使用hexo+github搭建个人博客,使用Linux平台。 一.准备工作 1.了解Hexo Hexo是高效的...

  • Hexo博客框架—轻量、一令部署

    为什么要使用Hexo Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎...

  • Hexo 新手记

    准备使用 hexo 来写博客 自定义主题 hexo-theme-3-hexo 是个很棒的主题,要使用它,可以按以下...

  • 树莓派Hexo博客配置

    树莓派Hexo博客配置 关于Hexo Hexo是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(...

网友评论

    本文标题:hexo使用心得

    本文链接:https://www.haomeiwen.com/subject/ggfutttx.html