我的博客又又又更新了!

Ⅰ. 二创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-Literubyundertooltipspoiler

比如:LOGO^(徽标)、Markdown^(轻量标记语言|tooltip)、Markdown^(轻量标记语言|under)、!!Markdown!!

3. 不同的评论区结构

不同于层层缩进全部显示的评论区,我改为了树状评论结构,分为主评论块和子评论块,将回复评论的评论扁平化。

总结:类似APP的评论区

Ⅲ. 主题介绍

主题一开始命名 HansJack^(并没有思考是否参考其他项目|tooltip),然后身边心仪的主题有Thought-LiteShiro,其中后台面板Vue3Admin就是参考mx-space写的样式,而主题hero是参考Shiro写的样式,其他就是参考Thought-Lite写的了。

1. 图片样式

主题的首页图

2. 文本

  1. 序号
  2. 序号
  • 序号
  • 序号
引用框
//代码块
1
2
3
4
5
6
7
8
9
10
11
12
这是可以折叠的代码块(超出10行即可折叠,并且支持滚动)

3. 额外渲染功能

  1. 添加ruby渲染:Logo^(Logo) Logo^(徽章)
  2. 添加tooltip渲染:Logo^(Logo|tooltip) Logo^(Logo|tooltip)
  3. 添加under渲染:Logo^(Logo|under) Logo^(Logo|under)
  4. 添加spoiler渲染:!!Logo!! !!Logo!!

Ⅳ. 适合自己的博客

我总是觉得适合自己的博客应该是静态的,但是很快啪啪打脸,因为太喜欢这要那要,幸好PHP可以尽可能实现全部需求,但每一个作者的主题都使用一段时间就会出现功能杂、数据污染、样式疲劳、阅读难。所以样式我决定抄写符合我审美的主题,然后功能再抄写,在不影响文章结构、影响数据库的前提下,去从零开始写一个主题。

Ⅴ. 结论

虽然这个博客主题并非完全出自我的原创设计,但这里的每一篇内容都真实属于我。
或许它还不够完美、不够协调,但在一次次修改与折腾中,它终会变成我心中理想的模样。