Hexo开篇

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

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

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

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

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

2. 阅读更多。
   这个在最开始的时候是有 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端：

移动端：

关注我，天天都有小惊喜哦！