Hexo開篇

在以前有段時間使用過 Hexo,當時是把內容放到 Github 上的,國內。。。都懂得,慢的一匹,因此就放棄了,本身買了域名,租了阿里雲服務器,搭了個博客網站,當時可真的是開心的不行,對本身來講這但是人生第一次,是值得紀念的一次。這值得紀念的一次,就在我打算從新構建博客網站的時候莫得了,本身把代碼備份了一遍,數據庫卻沒有,就這樣,灰飛煙滅,固然網站還在,就是打算改爲別的了。javascript

最近又重拾 Hexo,免費嘛不是,挺適合我這種窮苦的程序男猿的,記錄工做學習中遇到的問題,生活中的一些雜事都挺方便。html

這玩意下載很簡單,就是挑選主題的時候,我這重度選擇困難症患者又發病了,最終選擇了Meadow,兄弟,記得給錢吶,打廣告了都,固然,每一個人的審美不一樣,我又把這個主題的部份內容改了一下,改動以下:java

  1. 搜索部分。
    原有主題在點擊 Search 圖標後輸入框是不會主動獲取焦點的,以爲不是很友好,因此在 meadow.js 中加入了下面的代碼:
$$('#toolbar [mdui-dialog]')[0].onclick = function () {
  let input = $$('#search .search-form-input')[0];
  // 這裏使用 setTimeout 是由於 js 的執行順序問題,最開始這個輸入框是隱藏的
  setTimeout(function () {
    input.focus();
  });
}
  1. 閱讀更多。
    這個在最開始的時候是有 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>

有個地方的顏色我也改了,可是這裏就不寫了,這個是我的審美問題。至此,全劇終。git

(添上個人博客地址:Bruce's Blog(Gitee)Bruce's Blog(Github))github

我是否是應該放兩張圖片的。。。
PC端:
PC端博客樣式
移動端:
移動端博客樣式數據庫

關注我,天天都有小驚喜哦!服務器

相關文章
相關標籤/搜索