Hexo开篇 | 易学教程

【今日推荐】：为什么一到面试就懵逼！>>>

在之前有段时间使用过 Hexo，当时是把内容放到 Github 上的，国内。。。都懂得，慢的一匹，所以就放弃了，自己买了域名，租了阿里云服务器，搭了个博客网站，当时可真的是开心的不行，对自己来说这可是人生第一次，是值得记念的一次。这值得记念的一次，就在我打算重新构建博客网站的时候莫得了，自己把代码备份了一遍，数据库却没有，就这样，灰飞烟灭，当然网站还在，就是打算改成别的了。

最近又重拾 Hexo，免费嘛不是，挺适合我这种穷苦的程序男猿的，记录工作学习中遇到的问题，生活中的一些琐事都挺方便。

这玩意下载很简单，就是挑选主题的时候，我这重度选择困难症患者又发病了，最终选择了Meadow，兄弟，记得给钱呐，打广告了都，当然，每个人的审美不同，我又把这个主题的部分内容改了一下，改动如下：

搜索部分。
原有主题在点击 Search 图标后输入框是不会主动获取焦点的，觉得不是很友好，所以在 meadow.js 中加入了下面的代码：

$$('#toolbar [mdui-dialog]')[0].onclick = function () {
  let input = $$('#search .search-form-input')[0];
  // 这里使用 setTimeout 是因为 js 的执行顺序问题，最开始这个输入框是隐藏的
  setTimeout(function () {
    input.focus();
  });
}

阅读更多。
这个在最开始的时候是有 bug 的，如果没有删除 Hello World 这篇文章就会发现，改动：将 achieve.ejs 中的摘要部分改为：

<div id="achieve-abstract" class="mdui-card-content mdui-p-x-4">
<div class="post-abstract mdui-typo ">
  <% if (post.excerpt) { %>
    <%- strip_html(trim(post.excerpt)).replace(/\$/g, '') %>
  <% } else { %>
    <% let content = strip_html(trim(post.content)).replace(/\$/g, ''); %>
    <%- truncate(content, {length: theme.excerpt_length}) %>
  <% } %>
  </div>
  <%# 阅读更多%>
  <div style="text-align:center;">
    <a class="post-readmore mdui-btn mdui-ripple mdui-btn-raised" href="<%-url_for(post.path)%>"%>><%= __('more') %></a>
  </div>
</div>

有个地方的颜色我也改了，但是这里就不写了，这个是个人审美问题。至此，全剧终。

(添上我的博客地址：Bruce's Blog(Gitee)，Bruce's Blog(Github))

我是不是应该放两张图片的。。。
PC端：
PC端博客样式
移动端：
移动端博客样式