最近的各种笔记(友链+盘古之白)

  最近解锁了用wacom数位板的按键输入中文行首缩进的两个全角空格的新技能……简直太爽啦!!!!
  然后就是添加了友链界面,修正了盘古之白在省略号末尾加空格的问题。
  还有一个待解决的问题是分类页面的数字也被加了空格,而且这个数字加的空格没有识别到左右端的括号,导致出现了各种不对称的问题,非常难看……
  三个解决思路:1.修改盘古的js代码屏蔽categories界面;2.修改next主题的渲染文件让分类界面的括号可以识别并删除数字两边的空格;3.直接把括号去掉用css样式圆角+描边当括号用【这是什么邪道解决方法啊!


.+†+.

  当然,这三个解决思路以我现在的水平都做不到【手动二哈
  新买的玩具键盘到啦!买前好几个县民劝告我说圆点键盘手感很奇怪不建议买,但是我实际到手之后感觉手感还挺好的,打字也很流畅,大概是因为我手小所以按圆点没什么压力。又是一个小马过河的故事23333
  当然缺点还是有的,毕竟79包邮送鼠标的无限键盘,品控有点堪忧,比如4个脚贴居然是tm不一样高的……我……
  不过目前键盘是搁在笔记本电脑的touch pad上用的,下面的两个脚贴悬空了,暂时不会晃【对,我终于成功把这个sb touch pad禁用了……
  然后需要提一下的是这个键盘上的*号居然都印成了五角星☆,一时半会还没太反应过来233

  写这篇笔记的时候遭遇了一个小插曲,突然接到一个陌生电话说充话费的时候号码写错了给我充了200,让我发个红包还给他。
  我看了一下来电显示:呃,你这号码好像跟我差得有点多啊……
  他:哎呀这不是我的手机,我借别人手机打的。
  最后的协商结果是我把话费充到他借的这个朋友的号码上,然后他的朋友再把话费给他充回去。挂了电话的第一反应是:卧槽这该不会是什么新型骗局吧???我给他发了红包他转手再投诉订单申请退款,然后我话费也没了白给他200?
  看了一眼短信提醒又上营业厅确认了一波,确实多了200话费。紧张兮兮地百度了一圈话费充错怎么办,发现似乎只有微信充值有投诉渠道,普遍还是建议打给到账的手机号请人退还。放心了一半去咨询母上,母上表示你既然收到了钱就充回给人家呗,这200话费妈妈转给你。
  最后我还是用微信给他充了200话费。其实还是留了个心眼的,看网上的搜索结果这个话费退还的概率和实效都比较感人,但是如果他能退款成功那我肯定也能退款嘛,最后打不了大家各自把钱拿回去就当无事发生过。
  充完以后对方发了短信表示感谢。我又发现正好移动有个活动,余额大于100可以再领100话费,这么一想我好像还赚了哎233333

友链笔记

  这次尝试了直接在md文件里挂css样式,总体上来说感觉文件整洁了很多,当然这也可能是我个人习惯造成的错觉……
  不过如果把相册也用这种方式实现的话,好像就可以直接打包完整的demo了?你特么不是说sample不更新吗 真香

html部分

1
2
3
4
5
<div class="link-list">
<div class="link-item">
<a href="【友链地址】" title="【小伙伴的昵称】"><img src="【头像url】"></a>
</div>
</div>

  复制上面代码加入到\link\index.md说起来我突然发现之前的笔记里我是不是把斜杠都敲反了……尴尬然后复制link-item元素修改成需要的内容即可。

css部分

  这次直接把css样式写在了md文件里,管理起来应该会方便一点?
  但是本来想做鼠标移动到图片上显示昵称和网站描述的特效的,无奈百度了一圈都没有找到实现的方法,只能暂时用tittle来实现文字提示了。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<style>
.link-list {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.link-item {
flex-basis: 26%;
margin: 0 3%;
}
.link-item img {
width: 500px;
height: auto;
object-fit: cover;
max-width: 100% !important;
margin:0 !important;
border-radius: 50% !important;
transition: all 0.5s ease !important;
}
.link-item img:hover {
border-radius: 10% !important;
}
.link-item a {
display: inline-block;
border-bottom: 0px !important;
}
}
</style>

  复制如上代码加到div标签之前即可。
  用了一堆important是因为主题的css样式优先级要高于md文件里写入的样式,想要生效只能用important覆盖。不过写在md文件里的话只对当前的页面生效,管理起来还是比较方便的。
  一个玄学小贴士:如果css样式不显示的话需要在style和div标签之间加一个空行,如下↓

1
2
3
</style>

<div class="link-list">

  不要问我是啥原理,我也不知道啊【扶额

盘古之白笔记

  我依稀记得我好像还跑到github上给作者留了issue的,自己捣鼓了一下才发现原来这么简单……难怪人家不理我
  看我自己关的issue,只有一句话:

  在两个js文件里搜索\u2026(省略号的字符编码),两个js.map文件里搜索\\u2026(多一个斜杠),全部删除,问题就解决了。
  所以我那天晚上为什么没有直接去掉呢……好像是因为只改了其中的一个js文件?
  说起来……我好想再开个issue问怎么屏蔽hexo的其中一个界面啊……【都不好意思了呜呜呜呜呜(;ω;)

  更新:空格添加只在本地生效了,部署之后依然被加了空格,为什么啊……
  再次更新:把swig文件里的js文件版本号去掉之后莫名其妙地就显示正常了,由于操作过于玄学,我决定这次不自己关issue,等原作者回复我【。

工作计划

针对hexo中文标点的字体设计

  微软雅黑的傻逼标点缩进和傻逼大写I折磨我很久了……
  目前唯一可行的解决标点缩进的方案就是前置一个英文字体。然后尝试替换各种字体的时候又发现,绝大多数非衬线字体的双引号都是两个长条三角形(直的),引号样式符合中文习惯而且能分清I和l的又大多数是衬线字体,取舍了很久才终于确定了现在的字体方案,还是用了一套衬线字体……
  结果今天一看wrnm这个字体的(半)(角)(括)(号)怎么这么丑啊!!!!!(╯‵□′)╯︵┻━┻这tm不仔细看谁分得清你是[方括号]还是(圆括号)啊!!!设计这个括号的人是心理有什么疾病吗!??
  总结:自己设计一套针对中英文混排+标点优化的字体势在必行。
  如果web字体支持字符缩进的话我也许还能努努力把盘古之白的功能包括进去,在中英文字符之间自动加一个缩进?当然要是搞不出缩进继续配合盘古之白使用也挺好的……
  但是,你要问我这个计划啥时候开始实行……那可能就要等草莓象重构以后再说了哈哈哈哈哈x

实现盘古之白分页渲染

  直觉告诉我这是添加一行代码就能解决的问题。
  但更大的问题是,加在哪,怎么加。
  总结:先鸽着吧。