Kratos主题修改版-PJAX

就是现在我在用的这个主题啦~ 做的修改呢,应该算是比较多的了,也花了不少心思在里面 :yinxian:

使用须知

本主题为 Kratos 2.5.8 的二次开发版本,原作者 Vtrois 。个人希望各位使用者能够保留主题相关版权说明,这是对作者最起码的尊重。只是删除海星,全改成自己的名字是几个意思???(当然此言论不只是对于Kratos项目而言)

十条盟约:
1. 遇到问题请先查看下面 [帮助文档] 部分。
2. 如果上一条无法解决您的问题,请核查您的插件,确认是否为最新版主题(如果还是不行的话请联系我)。
3. 如果您使用了此主题,我可能会从API调用记录中找到您的站点URL。如果介意请自行从主题文件中删除本站相关内容或取消使用此主题。
4. 欢迎反馈bug以及提出有建设性意义的建议/Pull Requests。(虽然我可能会拒绝=。=
5. 不要提诸如 "我想修改下xxx,怎么修改" 等带有很强个人因素的问题;删改版权者有问题一律自己解决,提问性评论一律删除
6. 千万别问我有关添加广告的事情。
7. 这是自用性质的主题,所以有些锅我是不接的;同时如有侵权请联系我删除。
8. 我知道修改后有很多锅子,但是都是些不影响正常使用的玩意,所以并没有打算修,使用时请关闭PHP报错
9. 我保留拒绝用户(特别是版权问题严重的站点)调用API服务(一言,二维码,bing每日图 等)的权利。
10. 我只是只菜狗而已...修改所用的代码全靠复制粘贴,大佬请放过我...

修改项

点击查看所有修改项
二次元风格
顶部Banner优化
添加博客小人spig,且可在主题设置中关闭(可在Kratos/js/spig.js中修改小人的提示内容
无图片的文章特色图片(新式布局)随机化(Kratos/images/thumb/下的20张图片)
置顶文章加上了文字和图标标记
在post-meta中加入作者信息
在分享按钮中添加分享到QQ空间选项
评论区评论嵌套样式修改(参考Ravenclaw主题样式)
添加评论框中"扑街"图片
更换表情面板为DIYgayOwO,支持更多表情
底部社交组件中添加EMAIL
底部添加建站时间统计
修改鼠标指针样式
添加复制站点内容时的弹窗提示
添加了登录/注册页面样式
添加友链模板
非Admin用户评论中可使用img标签
支持文章内容的+展开/-收缩
后台编辑器功能增强
表情/图片样式的调整
后台用户页面显示用户最近一次登录IP
添加雪花效果,添加更多设置项目(可在主题设置中找到)
文章右下角添加最后修改时间(PC页面)
重写打赏功能,将打赏页改为弹窗(参考Ravenclaw主题样式)
不再强制文章中图片width:100%显示,可调整图片显示大小
菜单栏样式修改
去掉部分功能与代码
右下角添加搜索,去除搜索小工具
手机页面的优化-良好阅读体验
支持站点显示图片背景(PC)
管理员登录站点后一些地方的调整
集成回复可见功能
登陆注册页的背景可在设置直接更改了
集成用户注册可用的邮箱域名限制功能
主页/文章页/单独页面可分别设置侧边栏位置(左/右/NONE)
重构PC页顶部菜单,不再借助superfish实现
侧边栏-最近评论小工具优化
评论回复通知邮件中的表情符号:xxx:将会转义为表情图片
侧边栏-个人简介小工具优化
用户可上传本地头像,不依赖Gravatar
集成登录限制功能
可设置直接输入密码注册,无需邮件链接激活
添加文章归档模板
修复WordPress中文标签错误(多出现在Windows主机)
美化用户注册提示邮件,密码重置邮件(同时修复WP密码重置错误问题)
Nav Bar 支持半透明
评论者站点链接改为新窗口打开
FontAwesome/Bootstrap/jQuery可直接自定义链接(免费CDN 2333)
(FontAwesome也可以使用下面的:
https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css
https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css
https://cdnjs.loli.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css)
评论者UA显示
*支持PJAX
*代码高亮
*允许从URL导入媒体至媒体库
*默认关闭PJAX,需在主题设置启用
*Sitemap
*全局音乐播放器
*更新bilibili为H5播放器

最后编辑于2018.08.06

另,看板娘可使用Live2D版:https://www.fczbl.vip/946.html PJAX版已内置此模型,IIS用户需要添加下列MIME类型才可以正常使用:.json/.moc/.mtn
升级主题只需要删除旧的重新上传新的就行,然后去保存一次主题设置。

帮助文档

1. 基本设置
启用主题后会自动转向主题设置页面,按照说明设置即可。
注意:
*.不管你是否进行了更改,首次启用主题后请保存一次主题设置。
1. 若文章布局为新式布局(左图右字),图片显示优先级为:文章编辑页面设置的特色图片>文章中的第一张图片>主题设置中指定的图片。其中,若主题设置中不指定特色图片,则将随机使用Kratos/images/thumb/下20张图片中的一张。
若文章布局设置为上图下字,默认不显示图片,若需要显示,请在文章编辑页面手动设置特色图片。
2. SEO设置中的站点统计代码请不要包括script标签。
3. 为保证移动端的评论显示正常,个人建议评论嵌套层数不要大于5。
2. 侧边栏小工具
这个没什么好说的吧... :huaji16:
3. 顶部菜单设置
1. 选择 “外观” - “菜单” ,创建并设置好菜单。
注意:二级菜单只需将菜单往右拖一个位置即可。

2 .在顶部菜单中选择刚才创建的菜单。

注意:
1. 如果觉得显示的菜单项目挨的太紧了,怎么办?敲空格啊!
2. 想在菜单项字前面显示图标怎么办?用啥子插件,看下面:

那个fa fa-怎么来的?百度一波font awesome就知道了。
4. OwO表情
*IIS需要允许.json文件扩展名
表情一多,加载速度就emmm...
这里提供一下表情的修改方法:
1. 图片位置:Kratos/images/smilies,其中非png格式的表情(特指gif)请截图一张同名的png放进去,jpg格式直接转png就行。
2. 图片命名:可由字母数字构成,与短代码命名相同,如 :yinxian: 的短代码为:yinxian:,则文件名应为yinxian.png。
3. 短代码与图片的转义:编辑Kratos/inc/post.php中的//Comments face部分即可。
4. 表情面板中引入表情:编辑Kratos/inc/OwO.json即可。
具体怎么改别问我,依样画葫芦就行。
5. 友链模板
1. 新建一个页面,在右边模板一栏中选择“友情链接模板”,然后发布。

2. 在后台“链接”菜单中添加友链即可。

注意:
1. 用模板创建的页面中是可以写东西的,它会出现在链接列表的下面,可以写写友链申请要求什么的。
2. 在添加链接菜单中,模板调用到的部分有四个,分别是名称、Web地址、图像描述、图像地址,其余可不动。
6. 文章归档模板
参考上一条的 1 ,不过这个模板不会显示任何你书写的内容。
效果预览:https://www.fczbl.vip/archives.html
注意:
Tags会随机显示25个,要改的话自己去page-archives.php修改,别问我怎么改!
7. 代码高亮
1. 参考第5条发布一个代码高亮转换页面,模板选择“代码高亮转换”。
2. 进入发布的页面,粘贴你需要高亮的代码,并进行相应的设置,单击“转换”按钮,即可看到效果。
highlight.jpg
3. 将“HTML代码”框中内容复制进WordPress的文本编辑器(注意不是可视化编辑器)即可。
8. 视频短代码
部分可能需要Adobe Flash Player才可以播放

代码调用

  1. [youku]视频ID[/youku]  
  2. [vqq auto="0"]视频ID[/vqq]  
  3. [youtube]视频ID[/youtube]  
  4. [bilibili cid="视频CID" page="分P视频page"]视频AID[/bilibili]  

数据获取

  • 腾讯视频:https://v.qq.com/x/cover/yw2ytzeu2oaprea/g0024h9wcmw.html
  • 优酷视频:http://v.youku.com/v_show/id_XMTg2NDYyNDk4OA==.html
  • YouTube:https://www.youtube.com/watch?v=WrY6n0gDuAc
  • 哔哩哔哩:http://www.bilibili.com/video/av4839483

URL 中标红的内容为 视频 ID ,腾讯视频的 auto="0" 参数中的 0 为非自动播放 1 为自动播放,哔哩哔哩还需要到用到 CID ,视频 CID 请到 https://www.bilibili.com/widget/getPageList?aid=4839483 获取,这里的 4839483 替换为视频的 AID

*. 其它
1. 请不要使用带CSS/JS合并压缩功能的插件,本主题的CSS和JS我都尽可能压过了,再次压缩没什么意义,还有可能翻车。
2. 关于网易云和一些视频站的短代码,请不要尝试引用有防盗链和版权保护的内容。
3. 启用自定义页面伪静态功能后,若遇到页面链接404,去后台设置-固定链接保存一下设置即可。
4. 如果标题过长,导致文章摘要被挤出框框,可在文章中添加 more 标签指定摘要截取位置。
5. 本主题PJAX刷新的ID为content,包括侧边栏部分(因为本主题首页/文章/页面都可以分别设置侧边栏,所以为保证适配,侧边栏会一起刷新),但是此设定会导致侧边栏的音乐(如果有的话)在换页过程中中断播放(我建议把播放器什么的塞footer)。
下面是理论解决方法:如果您的主题侧边栏位置统一,可以将pjax.min.js中的#content换成#main,此操作要求关闭主题设置中的“从jsdelivr加载其它JS”选项;以及,此操作可能会导致其它一些显示问题。
6. 主题样式都是按照我的个人喜好进行修改的,所以不属于bug的修改需要自己动手。
7. 此修改版主题(先检查是不是最新)若是有bug或者有建议可以去gayhub提交。
:huaji2: 在这里,我衷心感谢各位支持者。 :huaji:

编辑器与shortcode

可视化编辑器:

文本编辑器:

下面是短代码的一些演示效果:
注意:短代码之间无法嵌套使用

感谢孟坤大佬的提示,目前已支持不同类型短代码的嵌套使用。但是同一类型的嵌套还是翻车,有点顺序执行不按括号的感觉...

内容标题

展开/收缩
测试内容
抱歉,只有登录并在本文发表评论才能阅读隐藏内容

键盘文本 内容标记

本地下载 云盘下载

绿色背景栏

标题内容

红色面板

短代码嵌套测试
测试内容

鸣谢

感谢以下开源项目的作者/维护者以及所有支持我/帮助我的dalao
Kratos
Kratos-M2
Bootstrap
Font Awesome
jsdelivr
OwO
APlayer
Simple Local Avatars
User Domain Whitelist
Limit Login Attempts
WP-UserAgent
mk-sitemap

项目地址

再问我下载地址在哪的通通拉黑!!!

非PJAX版本:
Star https://github.com/xb2016/Kratos

PJAX版本:
Star https://github.com/xb2016/Kratos-pjax

:huaji22: 求star啊!

CDN地址:https://www.jsdelivr.com/package/gh/xb2016/kratos-pjax

别问我为什么那么大!live2d模型就占了几MB,再加上一堆表情包。。。不喜欢请自己删除或者更换主题。

点赞
  1. xinxin说道:
    Google Chrome Windows 10

    博主你好!主题的特效很漂亮,我也准备试试。但是在滚动上下文的时候有种卡顿感,不知是不是个别情况。。看了看内存占用也没超,肯定不是配置问题。。emmm如何是好。

    1. 小白-白说道:
      Firefox Windows 10

      IE内核浏览器在滚动时(我没用IE所以一直没发现),背景图和侧边栏有明显卡顿,背景图刚刚已经处理好了,侧边栏等有时间会想办法。如果您指的是其他地方卡顿,那么我目前还没有发现。

  2. xinxin说道:
    Google Chrome Windows 10

    会不会主题加太多东西VPS带不动呢?

    1. 小白-白说道:
      Firefox Windows 10

      主要是几张图片,有cdn没啥明显问题。

  3. 1梦说道:
    Google Chrome Windows 10

    手机端导航是全透明的 = = :heixian:

    1. 小白-白说道:
      Firefox Windows 10

      :huaji10: 浏览器的锅,改了下CSS,现在呢

  4. 小斌博客说道:
    Google Chrome Windows 10

    好喜欢这种样式,啊啊啊啊啊啊啊啊啊啊啊啊啊!受不了,想揉博主脸

    1. 小白-白说道:
      Firefox Windows 8.1

      :huaji14: 吓得我躲了起来

  5. Yuuki说道:
    Google Chrome Windows 10

    复制信息为啥有弹窗呢。。。emmmm怎么删除呢 :han:

    1. 小白-白说道:
      Google Chrome Android 7.0

      kratos.js里面 倒数7.8行左右

      1. Yuuki说道:
        Google Chrome Windows 10

        :taikaixin: 谢谢大佬

  6. 柠檬酸说道:
    Google Chrome Windows 8.1

    播放器挂了~~ (ฅ´ω`ฅ)

    1. 小白-白说道:
      Google Chrome Android 7.0

      估计又是API的锅...

发表评论

电子邮件地址不会被公开。 必填项已用*标注