注意:此项目废止,因为我已不再使用 typecho
前几天在 Typecho.me 这个主题站提交了这个主题,最近有很多人下载使用这个主题。首先这个主题使用上是完全没有问题的,本人从 7 月开发完成后使用至今并没有碰到功能上的 Bug。但是最近却有很多人产生了无数个 Bug。
仓库:
首先请阅读文档。仔细的跟着去做。

文档说明

浏览器兼容性

至少需要支持 ES6 的现代浏览器, 推荐使用 Chrome

⚠️ 注意

  1. PHP > 7.1
  2. 评论使用了 Ajax 提交,测试发现发送评论和回复均无异常,但是监视评论的插件如评论邮件提醒将会失效。
  3. 使用 AppNode 或者 其他面板 的小伙伴请注意,请把网站的PHP设置 allow_url_fopen = On
  4. 是否安装了 PHP cUrl 模块,SSL支持模块。可以通过 phpinfo() 查看。
  5. 音乐页未填写正确后,可能会出现 400 报错和 foreach 的警告

特点和实现

  • 日记
  • 语录
  • 主页
  • 文章页
  • 作品页
  • 评论与回复,不一样的输入框
  • 点赞, 浏览量
  • 播放器
  • 音乐页
  • ajax 加载更多文章
  • 全站无刷新体验 (可能只有 Chrome 支持)
  • 评论 ajax 提交
  • 文章内图片懒加载 (Safari 未通过测试)
  • ajax 登陆后台
  • ajax 前台提交新文章,带来不一样的体验
  • GitHub 开源页

故事

前往 .

快速开始

Clone 此项目,在 设置 中使用此主题。在设置主题中填写相关字段。

使用方法

首页

首页顶部导航将会有4个选项,分别是 首页,关于,捐赠,心愿,除了首页默认显示,其余的根据以下设置,否则不显示。
关于页: 你需要建立独立页面,模版选择 首页模版 ,内容自定。
心愿页: 你需要建立独立页面,模版选择 首页模版 ,内容自定。
捐赠页: 你需要建立独立页面,模版选择 首页模版 ,内容自定。
主页有4个栏,分别是个人信息,最新博文,最近日记,作品。
个人信息在设置中填写。最新博文根据 RSS 获取。可以链接另一个 Typecho 博客。
最近日记将显示最近4篇日记的简略形式。
作品根据是否存在判断是否显示。

日记页

日记页是本主题的重中之重,请务必正确设置。
日记页: 你需要建立独立页面,模版选择 日记页面 ,内容无需填写。日记显示的数量在主题设置中设置,默认为最近5篇,其余不显示。可以通过 Ajax 加载更多,也可以设置暗号限制用户查看。

其他页

作品页可选,解析成功后将会在一级导航显示作品页,首页显示作品栏。

作品页

你需要建立独立页面,模版选择 作品页面 ,内容采用以下 JSON 格式。
1[{
2"name": "项目一",  // 名称
3"img": "",       // 图片地址, 不填为空则为默认图片
4"url": "https://i.shizuri.net/" // 跳转地址
5},
6{"name": "项目二",
7"img": "",
8"url": "https://i.yiny.me/"
9}]
Copy
注意: 如果不指定 JSON, 如果有独立页面使用了作品介绍页模板, 也会解析输出.

作品介绍页

使用作品介绍页模板, 将会在作品页输出, 并且在首页输出作品, 格式如下
1{
2"project_img": "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1560445631540&di=73e3469b88d6fae728aae976e3bf0a53&imgtype=0&src=http%3A%2F%2Fpic.51yuansu.com%2Fpic3%2Fcover%2F02%2F39%2F53%2F59c2b016635b3_610.jpg",  // 作品图标
3"body": "一个简单的主题", // 介绍正文
4"imgs": ["https://user-images.githubusercontent.com/41265413/59440870-39bd7900-8e2a-11e9-879b-04e7a792235c.png","https://user-images.githubusercontent.com/41265413/59440890-40e48700-8e2a-11e9-8b71-3d1b4c5479b9.png"], // 作品图片, 可多个
5"info": "this is a simple theme",
6"url": "//shizuri.net", // preview website
7"doc_url": "//github.com/Innei/typecho-theme-paul" // document url
8}
Copy
注意: 作品名字为文章标题

语录页

你需要建立独立页面,模版选择 语录页面 ,内容采用以下格式。 (内容 -- 名字, 每句之间都空行, 支持 CSS 样式)
1可能,是命运的安排,让我们自愿走上了这条艰难的道路,然后,在这条布满荆棘的曲折小路上慢慢去寻找人生的乐趣。然而,此时,我才发现,真正美妙而有意义的人生,大概就从我坚定不移地追求自己梦想的时候,才正式开始。———— 《愿你历经千帆,归来仍是少年》
2
3生命的本质是苦难的。我不追求天赐荣华富贵,那会让我诚惶诚恐,消受不起,只是觉得,每天睁开眼睛发现自己还活着,没有缺胳膊少腿,还可以通过自己的努力和命运的黑色幽默较量搏斗,还可以勇敢的有尊严地与困难较量,这种感觉很踏实。———— 《愿你历经千帆,归来仍是少年》
Copy
底部播放器列表: 编辑 /src/Paul.js ,
1var paul_music = new function () {
2    var that = this;
3    this.list = ["520570570", "541432715"];  // 更换为你的歌曲 ID, 网易云
4    this.action = {};
5    var status = {playing: 0, lyric: [], lyric_index: 0};
6    this.setList = function () {
7        var newList = [];
8        ks("[data-sid]").each(function (item, key) {
9            newList.push(item.dataset["sid"]);
10            item.onclick = function (t) {
11                if (that.list !== newList) that.list = newList;
12                document.body.classList.add("has-player");
13                status.playing = key;
14                that.play();
15            }
16        });
17    };
18}
Copy

音乐页

注意: 由于网易云限制, 解密过程较为繁琐, 所以采用自行获取token key cookie par
格式如下: (注意,仅仅是示例,无法使用此内容)
1{
2"par": "KQlmV7JqpyE+v/SyvueeMNxe3+D8kLxcHulXTM5hpb9v5W4pApGbt+scMt22anE+RkQRUo6BqSPjrHBOGLeupj37azQooH837IgyFEl53mVcN3+GMZd9NRnQia0KJfgORbKbxAtercSGMmU0=",
3"key": "73d262099e16a6a929b877c2306de2052ce8672c22a767d9807b5a7b0ef8a727f7b58b728e5041fdd180402c9c844ced49e7bf413ac31de4bb3ebfa15031b38d31fcc992314056516bebbb3b700da572f45c959e62b",
4"token": "0ffcae938ce56b5ccf3833452b",
5"cookie": "_iuqxldmzr_=32; _ntBcfAzNCT4p1hxpzkwEv; __utma=187553192.2048158810.1535955082.1535955082.1535959925.2; usertrack=ezq0pFvQf8mQPpjRDbkvAg==; _ga=GA1.2.2048158810.1535955082; __utma=94650624.892957808.1535686861.1542513934.1542787057.58; mail_psc_fingerprint=d0ea7e74138959611e1b07e5c0eb01ec; P_INFO=sisi062840628cm@163.com|1543396067|0|urs|00&99|zhj&1543396040&163#zhj&330300#10#0#0|&0|163|sisi062840628cm@163.com; vinfo_n_f_l_n3=bba4c658daa3f963.1.0.1549370539457.0.1549370906136; __remember_me=true; JSESSIONID-WYYY=AyCuuq9H%2FgYMBTTmkOh2s%5CQFWWA1jBqmXDqeBJab86NoIAFS3FIfAQJ8xsc8JWpC38Fhz1ugvyg1Wc0jAgfhgfW%5CY98ey22tG6hqSxC46kr6yueHQOyS9Fi0RXdgdwa5hqlFNAznV%2BUhEHqhrQP0fidc7Jc60SNtX16Z2Q%2FWAwv1nT2K%3A1560508623731; WM_NI=bg9lWN%2Bc6Rrg2JRPhHy3YXKMlF%2BWMv9xpjo988Pb97ArgTkR5DESzW0LMIjaHb1IL5uPh8Gzbv1tHRZOKAJ2RvHfRL4FYkuTa%2B2Ve6eZj7R5RXDn8glk23SWHdFDJzm4STI%3D; WM_NIKE=9ca17ae2e6ffcda170e2e6ee97d85e8d8e9d9bd93b939a8bb7c55b968a8bbabb73f2bca2b0f95fb794aba2aa2af0fea7c3b92aa2b9f78dd646e9bdfab3f16df2969eb1eb44bbed97b9ca47b09ae5b8d07efba8c08bee33fce8a083bc3d83aea9b5ea5af79c8bb4f95df49483aae96b8cbeffaacf3fb790a8d9c672a2aaff95cb5a9a9185a2c93a92aa8887d148f89a978cf860a3f5feb7e83ea786a6d8d13f92888c8fbb6db0b5fed4d25d8cbc8aa5c972afec9db5cc37e2a3; MUSIC_U=408c20031ba79321895033c45da31203091430c9e20ac9aa21aafd3328975a88ce3af6f259a118934c02c7efe60b561d114f327788dd6fe3; __csrf=0ffcae938ce56b5ccf3833452bb8045a"
6}
Copy
将上方内容直接填入文章内容即可。

友链页

一行名称 一行地址
1静之林
2https://blog.yiny.ml
3静之森
4https://shizuri.net
5监测中心
6https://stat.shizuri.net
7许建华博客
8https://www.xujianhua.com/
9猫与向日葵
10https://imjad.cn/
11森の色
12https://yumoe.com/
13保罗的小宇宙
14https://paugram.com/
15IT草根
16http://codepub.cn/
17空気の彼方
18http://kuukikun.tk/
19rxliuli's Blog
20https://blog.rxliuli.com
21一站之星
22https://www.izstar.cn/
23海上的宫殿
24https://soha.moe
25Eller Page Home
26https://eller.tech
27辰信博客 - 专注分享
28https://www.vftz.co/
Copy

追番页

你只需要建立独立页面-追番,并正确填写了哔哩哔哩的 ID,数字的 ID。如 1234556。不需要其他操作。

Q & A

Q:追番页报错,foreach()报错,连接博客报错
A:请检查 PHP 版本和 cUrl是否支持。是否安装 openSSL
Q:输出文章报错
A:尝试先建立一篇文章。

关于维护和更新

本人最近在全力开发全新的博客系统,基于 Vue + Express,更加现代化的博客,让我们拭目以待。
其实说了这么多就是最近没时间,除非有 Bug。有 Bug 也懒得修,我怎么用的好好地

支持

如果此主题对你有帮助,或者你想支持作者做出更好的作品。欢迎捐赠。
当然此主题免费,心愿就看你的了。
目前已有 7 位大佬打赏支持。鼓掌

亲亲留个评论再走呗

正在加载评论区...