一个轻量、快速、可爱（自认为）的 Hexo 主题： Yun
YunYouJun · YunYouJun · 2020-03-26 03:28:53 +08:00 · 6604 次点击这是一个创建于 1485 天前的主题，其中的信息可能已经有所发展或是发生改变。
- GitHub: https://github.com/YunYouJun/hexo-theme-yun
- Docs: https://yun.yunyoujun.cn
- Example: https://www.yunyoujun.cn
协议
SATA License，笑。
你不知道这代表什么？简单来说，就是如果你使用了该主题，你需要马不停蹄地点一个 Star，接下来你便可以随意使用它。
关于
优势
- 文档！（咱觉得还算详细，膨胀）
- 自定义程度高，且方便按需配置（约定大于配置）
- 小且速度快（无 jQuery 依赖，尽可能使用 CDN 与最新的 API ）
- 因为还没什么人用，所以基本不用担心撞衫！（这是重点对不对！）
- 一些奇怪的功能（譬如生成老婆名单？）
使用说明大致都在文档里了。
其他
其实此前发过一次初版在 Hexo 节点，但是只收到一条回复，所以再尝试一次。
总之欢迎使用，Star，PR，PY，谢谢！
 |
1
kaiki 2020-03-26 03:54:28 +08:00  1
chrome 滚动体验不流畅，其他浏览器没试
|
 |
2
soli 2020-03-26 05:31:10 +08:00
Safari 同样滚动不丝般顺滑。
另外，标题下真的需要显示那么多信息么？ 创建时间、更新时间（有时候还没有）、字数、阅读时间，单页里还有阅读数、目录、标签（一坨）。。。 |
 |
3
daimiaopeng 2020-03-26 06:56:45 +08:00 via Android
安卓 夸克浏览器 主页滑动有点卡
|
 |
4
lmoon 2020-03-26 07:39:51 +08:00 via Android
滑动卡卡的
|
 |
5
gaobh 2020-03-26 08:38:31 +08:00
卡的我网都掉线了……
|
 |
6
youngce 2020-03-26 08:59:12 +08:00 1
挪威的森林，好评
|
 |
7
chanshiyu 2020-03-26 09:23:50 +08:00 via Android 1
大师球捕捉... 我喜欢首页那个设计，还挺好看的
|
 |
8
oott123 2020-03-26 09:44:05 +08:00 via Android
我倒是没觉得卡。
这个主题手机上看，首页的文章摘要截断是每个段落单独截断的，导致内容看起来不连贯，有点奇怪… |
 |
9
ShuangChenyue 2020-03-26 09:56:21 +08:00
首页不错
但是滚动起来有点卡 |
 |
10
Geeker 2020-03-26 10:24:48 +08:00 1
风格不错
|
 |
11
xiri 2020-03-26 10:28:02 +08:00 1
你这个“喜欢的女孩子”挺秀的
|
 |
12
malusama 2020-03-26 10:29:38 +08:00
EDGE 滑动卡卡的
|
 |
13
ResidualWind 2020-03-26 11:13:03 +08:00 1
感觉还不错 是我喜欢的风格！加油！页面在优化优化，搞流畅点就完美了！
|
 |
14
YunYouJun OP @kaiki
@soli @daimiaopeng @lmoon @gaobh @ShuangChenyue @malusama @ResidualWind 请问大家都指的是移动端吗？（自己测试没感觉到，所以不大清楚原因。） 对于滚动优化有什么建议吗？谢谢！（菜鸡无从下手） |
 |
17
Vegetable 2020-03-26 15:34:16 +08:00
打开实例，等了 20s，点了半天才发现时下拉的！
|
|
18
YunYouJun OP 1
@oott123 因为直接用的 css 截断，以及用的 markdown 解析器，只要换行就同样解析换行。自己觉得还算可以接受。
或者请问有什么相关实现建议吗？ |
|
20
Vegetable 2020-03-26 15:50:26 +08:00
@YunYouJun 就是打开看到的是标题，没有发现文章列表在哪里。还以为会自动跳转到下一个页面。
产品设计上有个 tip 就是，如果一个页面的长度大于单个屏幕长度，你必须要告诉用户当前屏幕下边还有别的内容，提示用户往下看。比如有一些显示不全的元素，或者明显的提示，比如手机 H5 常见的翻页提示。而你这个打开之后是一个完美的欢迎页，中间的动画非常吸睛，我盯着看了半天。然后页面不动了，我鼠标点了点发现又特效，中间每个字都点了一次发现并没有看到文章在哪。这时候我已经有点困惑了。尝试了一下鼠标滚轮之后才发现内容在下边。 你左上角和右上角的按钮，会被忽视掉。不是说我瞎，而是因为你整个页面的内容高度集中在中间，大部分用户打开都是先看中间。这两个按钮和页面中心之间基本上是纯色，没有吸引实现的元素。按钮的颜色与背景色的差异也不够大，又在人眼能注意到的角度之外，直接就被大脑忽略了。 |
|
21
YunYouJun OP @Vegetable 谢谢你的解释和建议！我将打算添加一个向下的指示箭头。
> 其实还有侧边栏的滚动条可能些许提示。hhh ![[email protected]]( https://i.loli.net/2020/03/26/UjBwAIR8Qck1Tua.png) |
 |
22
dycc2010 2020-03-26 16:23:50 +08:00
滑动好卡
|
 |
23
jiejiss 2020-03-26 16:24:22 +08:00
滚动优化应该是 util.js 的 debounce 函数的锅。感觉 scroll 事件完全不需要 debounce 啊……
|
|
24
YunYouJun OP 哇，刚换到 Cloudflare，发现原来是 Github Pages 出问题了……
> [Github pages 的 HTTPS 是不是出问题了？]( https://www.v2ex.com/t/656367)) |
|
25
YunYouJun OP @kaiki
@soli @daimiaopeng @lmoon @gaobh @ShuangChenyue @malusama @ResidualWind @dycc2010 @jiejiss ！！！我好像找到原因了，应该是背景 `filter: blur` 加上我的卡片是半透明对性能影响太大了。 听大家一说，我用 safari 测试了一下，果然很卡，现在用模糊好的图片作为背景，去掉 filter 再测试，就顺滑了。 大家有空的话，能否再给咱一个反馈，谢谢！ 还有今天 GitHub Pages 炸了，国内 CDN 无法使用，现在速度可能很慢，多多见谅。 |
|
26
YunYouJun OP @jiejiss 当初加入 debounce 就是为了优化滚动来着。不过似乎不是 `debounce` 的原因。
翻了下 hexo-theme-next 的源码，发现也没有用 debounce，咱现在也就顺便去掉了。hhh 谢谢。 |
|
27
jiejiss 2020-03-26 22:23:44 +08:00
还是有一点点卡，比之前好一些。
主要体现在滑动刚开始和接近结束的时候，有轻微卡顿感。 通感到听觉上的话，大概是轻微的『笃笃笃』的声音 |
|
28
YunYouJun OP @jiejiss 好的，谢谢。这个可能就是我的背景动画和卡片半透明的影响，以及其他方面还需要优化。
形象的比喻，hhh 。对了，请问使用的是指移动端吗？ |
|
29
kaiki 2020-03-26 22:39:37 +08:00
鼠标点击产生的特效 z-index 不是最高吗，在列表中，列表背景半透明的情况下还是可以看到的，文章页只有侧边栏和内容中间没有被覆盖的一段可以显示了，那么这个东西就感觉很意义不明了
|
 |
31
acechao 2020-03-26 22:46:20 +08:00 1
是我喜欢的风格，好棒！加油！
|
 |
32
0312birdzhang 2020-03-26 22:54:05 +08:00
不错，界面很可爱（迫真
|
 |
33
supercaizehua 2020-03-26 22:59:06 +08:00
chrome 最新 stable 不卡,很流畅 手机没试, 感觉你这个主题可能更适合小清新
|
|
34
jiejiss 2020-03-26 23:36:47 +08:00 1
|
 |
36
waler 2020-03-27 03:15:20 +08:00 via Android
你好，可以问一下，文档站用的是什么么？
|
 |
37
wispx 2020-03-27 07:29:50 +08:00
老二刺猿了
 |
|
38
ResidualWind 2020-03-27 09:51:06 +08:00 1
PC 端：360 急速浏览器流畅，谷歌浏览器运行较之前流畅很多（基本 OK ）
|
|
39
YunYouJun OP |
 |
42
alphardex 2020-03-27 16:13:54 +08:00
同老二刺螈握个手
|
 |
44
txhsj 2020-03-27 16:59:14 +08:00
太可爱 太粉了，让吾等糙汉子无从下手
|
 |
45
lovedebug 2020-03-27 17:00:48 +08:00
非二次元客户劝退= = 哈哈哈
|
|
46
YunYouJun OP |
|
47
YunYouJun OP @lovedebug ！等等，咱不就自带了个老婆页面。（还是默认关闭，不打包入生成文件的那种。）其他还是挺正常小清新的吧（自认为
|
 |
48
wework 2020-03-28 14:34:46 +08:00
好像也没那么可爱...特效和头像 icon 是有点二次元的感觉。我觉得可以加多点圆角，字体要卡哇伊一些，美工和 UI 增加多一些二次元元素、整体色调要偏向粉色，再加以一个 live2d 板娘部件
|
|
49
YunYouJun OP @wework hhh，是希望能更通用一点。
色调可以自选配置，有主色调选项，live2d 文档也有提及，可自行配置开启。https://yun.yunyoujun.cn/guide/additional-package-support.html#live2d |
|
50
YunYouJun OP ……我找到卡顿的罪魁祸首了。
我的 `v0.1.0`, `v0.2.0` 等版本都是使用伪元素 `::before` 实现，有一天我把 `::before` 改为使用 `div` 实现，发了一帖。（没错，就是现在这个。）发现改回 `::before` 实现，即便开启 `blur` 滤镜也依然滚动流畅。 https://www.zhangxinxu.com/wordpress/2015/11/css3-will-change-improve-paint/ |
Select Language