hexo搭站日志

添加版权声明

最主要的一步是在themes\next\layout_macro\post-copyright.swig 中修改样式

<!-- JS库 clipboard 拷贝内容到粘贴板-->
<script src="https://cdn.bootcss.com/clipboard.js/2.0.1/clipboard.min.js"></script>

<!-- JS库 sweetalert 显示提示信息-->
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>

<ul class="post-copyright">
  <!-- 本文标题 -->
  <li>
    <strong>{{ __('post.copyright.title') + __('symbol.colon') }} </strong>
    {{ post.title }}
  </li>

  <!-- 本文作者 -->
 <li class="post-copyright-author">
    <strong>{{ __('post.copyright.author') + __('symbol.colon') }}</strong>
    {{ post.author | default(config.author) }}
  </li>
  <!-- 创建时间 -->
  <li>
    <strong>{{ __('post.created') + __('symbol.colon') }} </strong>
    {{ post.date.format("YYYY年MM月DD日 - HH时MM分") }}
  </li>


  <!-- 引用链接 -->
  <li class="post-copyright-link">
  <strong>{{ __('post.copyright.link') + __('symbol.colon') }}</strong>
  <a href="https://liicanmt.github.io/{{ post.path | default(post.permalink) }}" title="{{ post.title }}">https://liicanmt.github.io/{{ post.path | default(post.permalink) }}</a>
    >
    <span class="copy-path" title="点击复制引用链接"
      ><i
        style="cursor: pointer"
        class="fa fa-clipboard"
        data-clipboard-text="[{{ post.author | default(author) }}'s Blog | {{ post.title }}]({{ post.permalink }})"
        aria-label="{{ __('post.copy_success') }}"
      ></i
    ></span>
  </li>

  <!-- 版权声明 -->
  <li class="post-copyright-license">
    <strong
      >{{ __('post.copyright.license_title') + __('symbol.colon') }}
    </strong>
    {{ __('post.copyright.license_content', theme.post_copyright.license) }}
  </li>
</ul>

<script>
  var clipboard = new ClipboardJS(".fa-clipboard");
  clipboard.on("success", function(target) {
    var message = document.createElement("div");
    message.innerHTML =
      '<i class="fa fa-check-circle message-icon"></i><span class="message-content">' +
      target.trigger.getAttribute("aria-label") +
      "</span>";
    swal({
      content: message,
      className: "copy-success-message",
      timer: 1000,
      button: false
    });
  });
</script>

在应用链接的部分一定要把两个站名改成自己的！！！
其余部分可以参考http://yearito.cn/posts/hexo-advanced-settings.html
2020.4.2

修改字体大小

之前一直认为字体设置在主题内的config.yml文件内。在搜索font以后发现没有这个设置选项
查找之后发现字体文件设置在这个地址内

/themes/next/source/css/_variables/base.styl

打开配置文件以后搜索font，找到如下配置：

// Font Weight
$font-weight-lighter      = 200
$font-weight-light        = 300
$font-weight-normal       = 400
$font-weight-bold         = 600
$font-weight-bolder       = 700


// Font size
#主要是调整下面这个数值
$font-size-base           = 15px  #这个默认是14，我改成了15   
$font-size-base           = unit(hexo-config('font.global.size'), px) if hexo-config('font.global.size') is a 'unit'
$font-size-small          = $font-size-base - 2px
$font-size-smaller        = $font-size-base - 4px
$font-size-large          = $font-size-base + 2px
$font-size-larger         = $font-size-base + 4px


// Headings font size  #这两个数值是标题的大小
$font-size-headings-step    = 2px
$font-size-headings-base    = 24px

再部署一下就可以看到效果了
2020.4.4

macOS系统下Safari和Chrome预览效果不一样（未解决

在修改完字体后，终端输入hexo s本地预览，没有问题
接着hexo d -g部署后用Safari打开，发现字体依旧变大，没有修正
尝试以下途径进行修正

清楚本地缓存

可能是由于本地缓存造成的这个问题。解决方法：

hexo clean&&hexo d -g

清除缓存后重新生成部署。发现问题未解决

从其他配置文件修改字体

我接着怀疑是不是因为我修改的配置文件不对。找了许多资料，也在许多配置文件处进行了修改
其实这是不对的。因为我localhost里的字体是正确的，所以我肯定是配置成功了的

用其他浏览器打开

于是我猜测这个可能是Safari的问题。用Chrome打开，内容和本地部署后的Safari内容一致
尚不清楚是什么原因造成的
总之排除了源码问题
Chrome🐮🍺️

2020.4.4