zoukankan      html  css  js  c++  java
  • 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();
      });
    }
    
    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>
    

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

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

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

    关注我,每天都有小惊喜哦!

  • 相关阅读:
    dotnet 新项目格式与对应框架预定义的宏
    dotnet 线程静态字段
    dotnet 线程静态字段
    dotnet 通过 WMI 拿到显卡信息
    dotnet 通过 WMI 拿到显卡信息
    dotnet 通过 WMI 获取指定进程的输入命令行
    dotnet 通过 WMI 获取指定进程的输入命令行
    dotnet 通过 WMI 获取系统信息
    dotnet 通过 WMI 获取系统信息
    PHP show_source() 函数
  • 原文地址:https://www.cnblogs.com/Super-Lee/p/12685229.html
Copyright © 2011-2022 走看看