「CS」今日的改动

CS
| | 0 | 总字数 546 | 期望阅读时间 2 min
  1. 1. 「CS」今日的改动

「CS」今日的改动

添加了评论系统。

貌似还有一些 bug,不过我先懒得管了。已经将近一年没摸过 CSS 和 HTML 了,还能改改前端也是不容易。先说起因吧。起因就是考试考的太差,跑去吃包子,吃完包子路上看到优衣库,想着自己缺🕊衬衫,逛了半天结果买了条浅蓝色的衬衫,不过因为我腿短看起来一般般。回家后完全无心学习。于是就开始搞博客。

Valine 的设计风格还是很舒适的,添加起来也比较简单。搞好 LeanCloud,然后加一发 appId 和 appKey 就好。然后就出问题了,头像部分没有对齐。看了看 F12,这个 theme 自带的 CSS 规定了 img 的对齐,于是 Valine 的头像对齐就歪了。说来老早之前我添加 gitment 的时候也出现了这个问题。然后加句 :not(img.vimg),就解决了。

q姐提到说 Valine 国内版本需要备案,于是最好用国外版,需要注意。

之后又听说 Valine 出了阅读量统计功能,窝又加上了。一开始 id 项我用的 post.title,结果可能是编码的缘故(?),一直 404。改成 url_for(post.path) 之后就好了哎。趁机也熟悉了一下 hexo 的渲染机制。

<span id="<%- url_for(post.path) %>" class="leancloud_visitors" data-flag-title="文章阅读量统计">
  <em class="post-meta-item-text"> 阅读量 </em>
  <i class="leancloud-visitors-count">0</i>
</span>

后来想着添加字数统计功能,查了一圈,只查到 hexo-wordcount,我也懒,就干脆用现成的。结果一 npm,整个 node_modules 莫名其妙挂了,各种报错,然后又只能重新 npm install。想了想,添加在了 meta 部分,但是分隔符没做好?折腾 CSS 失败。也总算折腾结束了。

上周瞎构思了一下无后端博客系统。我记得冰河姐用 github api v3 做过一个?高考结束了我也开个坑吧。

代码块渲染貌似还有问题。暂时不解决了。

嘛,晚安。