标签 css 下的文章

尚寂新 - 不为建站,只为折腾

手机横屏和竖屏使用不同CSS来展现1P

今天早上弄三道的Wiki,结果发现手机横屏之后悬浮目录树就被挡住了 于是百度之,搜到了如下CSS(来源于SegmentFault)

@media screen and (orientation:portrait) {
    /*  css[竖向定义样式]  */
}
@media screen and (orientation:landscape) {
    /*   css[横向定义样式]  */
}

利用del标签给文章添加一些"黑幕"1P

在浏览萌娘百科的时候 会时不时的看到文章里有个黑色的小块 当把鼠标移向它的时候 你会发现里面有新日暮里世界(手动滑稽) 这里面通常是有一些梗啊什么的 或者是Wiki编辑者调皮加上的东西 就像这样
demo

2017 04/08 22:21 闲谈杂侃

机芯现在在本站用的主题 Judgewater ,虽说这个主题是我写的...但也有很多地方的代码是搬过来的...

  • index翻页 copy自泽泽的yodu主题
  • 适配inst的浏览器滚动条 copy自泽泽的主站
  • 第三方gravatar头像加载 copy自ty官方论坛某贴
  • meta的og属性 同上
  • 大部分css使用的仍然是bootstrap提供的样式 部分样式扣自bs的演示文档
  • 电脑端返回顶部 copy自泽泽的一篇文章
  • 云终端内容创意 来自于友人C
  • ......
泽泽:......

统计了以上 还不是完全统计 ,感觉机芯真的就是一个代码的搬运工 真正自己写出来的也就只有那一丢丢html部分了吧qwq 但还是经过了这次写主题 能看懂了css和部分js php语法...
另judgewater的下一步计划已经拟定好 这周末找时间收拾收拾...

为什么起名叫JudgeWater?

其实这也是来自于 超炮 本来想围绕着Judgement(风纪委员夹击馒头),结果慢慢的不知为何就慢慢倾向于御坂妹妹们了...这次计划更新也是想借着这个机会把主题往回拉一拉 也算是比较好的想法了吧...

题外话

话说备案的幕布送的真快 (开门 顺丰快递) 两天幕布就拿到手了... 但顺丰好像貌似不给邮那种小店的自提点 结果害得我跋涉了好几条街 然后把幕布取回来...(家不在城里) 顺丰小哥真敬业...
2017 04/03 22:26 闲谈杂侃

前言

机芯这两天修改自己的主题 结果发现越来越不好改(因为自己代码习惯不好也等于说没有吧) 再加上评论系统已经有一大堆bug了 所以机芯要...

  • 毁掉现有的JudgeWater 1.0.0,重写主题为JudgeWater 2.0.0

这也是不得已的选择 原因在上面都已经提到 这次主要的变动预计可能是...

  • 使用Bootstrap 4.0虽说是预览版 感觉扁平做的要比v3好,然后一些css样式也比v3强的多 至于bug有不能太严重吧...
  • 文章卡片和评论区结合 预留功能区 如一言 社交分享
  • 御坂云终端改样式 彻底成为本站信息枢纽

好吧就是这样
另本站的备案工作也在紧锣密鼓的进行中 估计完成后会使用又拍的cdn和腾讯的cos

2017 02/24 14:26 闲谈杂侃

前言

奋斗了三天 终于用bootstrap弄出了这个主题qwq 今天实装之后效果不错 打开速度也比以前快的多了 (其实都是因为机芯把jscss全都用了bootstrap中文cdn的镜像源) 现在分享一下其中的经历

刚开始的时候

刚开始弄得时候 是因为站点卡慢,然后最近又突发奇想要以超炮为主题...于是撸起袖子开始干
忙了一晚上 弄好了主页 文章搜索页(也负担404的作用) 文章页 页面页 侧边栏 就只剩下评论区没有搞了
因为之前看到了评论等级的功能 于是不由自主的联想到了学园都市的素颜判定 于是机芯就把评论等级搞成学园都市那样 最高六级(由于要靠评论升级 故变成了升级全靠吼...)

次日操作的时候

次日正式操作的时候 发现gravatar头像没地方放qwq 四处逛了逛,又想到了学园都市的书库系统 结合方式嘛qwq 就像是那种资料卡那种 于是 头像的家的问题解决了 然后又新开了个特色
接着侧边栏原先都是评论啊文章啊标签啊什么的 机芯想万一内容多了侧边栏就毁了 故全部删掉 换成可丁可卯的内容 于是站长书库 御坂网络状态栏 分类名称 友情链接的阵容就出现了
做好之后 又考虑到了功能上的问题 于是机芯今天把所有机芯看过用过的模板的功能 全部集中到了御坂云终端上 机芯坚定这是个多功能性质的页面 一个御坂云终端 就可以搞定其他主题好几个页面的功能
于是 彻底完工了

借物表及感谢

css js来源于bootstrap
index的翻页格式来源于qqdie(泽泽)
御坂云终端情报系统的思路来源于友人c
主题创意来自于某科学的超电磁炮
多处模板函数从网络收集
评论系统适配inst要感谢于友人c的援助
感谢各位小伙伴对本主题的评价

后记:原本移动书库的能力是随机的 由于有了inst js无法施展 所以用了御坂妹妹们的缺陷电气(毕竟也有在御坂云计算)

本博使用Cloudflare家CDN经验总结0P

嗯...前两天用了cloudflare的cdn想改善一下国内的访问速度嘛QwQ 于是机芯就直接把ns指向了cloudflare开始接入cdn,用了两天之后,在机芯的博客上发现了几个问题

注:这篇文章不是喷主题作者,也不是喷cloudflare,只是这两个东西结合起来之后总结出的经验总结 就像PPAP一样
——I have a blog,I have a CDN.Oh,%$#@&^&@$#(滑稽)