Ⅰ. 二创Astro模仿主题
看我的网站底部Footer右下角标注了 Powered by Typecho & Astro-Theme-Thought-Lite
https://github.com/tuyuritio/astro-theme-thought-lite 项目是 ttio.cc 博主制作的 Astro主题,我垂涎已久,但是迫于 不想使用Astro^(构建很慢|under),所以打算在制作完成Vue3Admin后台面板插件后替换回Typecho+类移植到我自己的博客,所以绝大多的样式来自 Thought-Lite 。
Ⅱ. 谈谈跟普通Typecho主题的不同之处
就是因为不同,所以这个主题仅可能让我使用,其他Typecho博主就不用问我:开源吗?
1. 不同的永久链接设定
你们都是 xxx.com/archives/xxx.html,而这个主题我设计成 多分类/xxx,例如:/posts/short/college-realization-fewer-friends。
而不同于单个文章,我分为了博文、手记,根据分类分为博文的分类和手记的专栏。
2. 不同的markdown解析
除了简单文本、链接、图片、代码块、引用块,我添加了来自 Thought-Lite的ruby、under、tooltip、spoiler
比如:LOGO^(徽标)、Markdown^(轻量标记语言|tooltip)、Markdown^(轻量标记语言|under)、!!Markdown!!
3. 不同的评论区结构
不同于层层缩进全部显示的评论区,我改为了树状评论结构,分为主评论块和子评论块,将回复评论的评论扁平化。
总结:类似APP的评论区
Ⅲ. 主题介绍
主题一开始命名 HansJack^(并没有思考是否参考其他项目|tooltip),然后身边心仪的主题有Thought-Lite和Shiro,其中后台面板Vue3Admin就是参考mx-space写的样式,而主题hero是参考Shiro写的样式,其他就是参考Thought-Lite写的了。
1. 图片样式

2. 文本
- 序号
- 序号
- 序号
- 序号
引用框
//代码块1
2
3
4
5
6
7
8
9
10
11
12
这是可以折叠的代码块(超出10行即可折叠,并且支持滚动)3. 额外渲染功能
- 添加ruby渲染:
Logo^(Logo)Logo^(徽章) - 添加tooltip渲染:
Logo^(Logo|tooltip)Logo^(Logo|tooltip) - 添加under渲染:
Logo^(Logo|under)Logo^(Logo|under) - 添加spoiler渲染:
!!Logo!!!!Logo!!
Ⅳ. 适合自己的博客
我总是觉得适合自己的博客应该是静态的,但是很快啪啪打脸,因为太喜欢这要那要,幸好PHP可以尽可能实现全部需求,但每一个作者的主题都使用一段时间就会出现功能杂、数据污染、样式疲劳、阅读难。所以样式我决定抄写符合我审美的主题,然后功能再抄写,在不影响文章结构、影响数据库的前提下,去从零开始写一个主题。
Ⅴ. 结论
虽然这个博客主题并非完全出自我的原创设计,但这里的每一篇内容都真实属于我。
或许它还不够完美、不够协调,但在一次次修改与折腾中,它终会变成我心中理想的模样。