站点开发 Note-1

摘要

  1. 首页颜色调整
  2. 独立目录页面搭建
  3. 修正了格式文件,解决了正文段落内不换行的问题

详细内容

今天的主要内容是给首页进行了颜色修改,把两个栏目分别设置为深于和浅于背景底色,以此更明确地区分了两个相对独立的栏目。现在这个配色一是眼睛看着不疼,二是除了灰色实在是没什么更好调控的颜色了。

2025-04-22T20:56:26.png

在此基础上,两个对应的独立目录页面也完成了搭建。除了检索上了便利之外也给了每个人更大的独立发挥空间,比较一整个页面的装修代码写起来比用各种container来调控半个页面要容易多了。

2025-04-22T20:58:56.png
2025-04-22T20:59:08.png

搭建过程还是比较波折,原本觉得就只需要从主页的php代码里抓半截出来就可以直接完活,结果报了奇怪的错。

Widget\Base\Contents::size(): Argument #1 ($condition) must be of type Typecho\Db\Query, null given, called in /var/www/easytool.blog/var/Widget/Archive.php on line 564

排查后是文章列表翻页部分的变量控制出了问题,脱离了index.php后 $this 失去了原生的上下文,进而导致了失效。在独立页面中需要使用自己创建的文章列表变量来构建页面导航。虽然折腾了一阵但是也算是解决了问题,顺带也对于PHP这个语言的代码书写有了一些初步的认识。在此之前真是一点都没明白整个代码的结构,只看到了和HTML的相似之处;现在能捋明白整个代码在做什么了。循环,赋值,调用,方法,熟悉的感觉都回来了。

非常新奇的体验,期待下次继续。

补充:

刚发布就发现了新问题。
2025-04-22T21:20:35.png
这正文内不换行整出个滚动条也太诡异了,紧急修正。发现是原始格式内设置会把每一个文字块都单独打包成一个pre-code,然后这个格式内部没有设置 white-space:normal,导致了每个块体内部都不换行。在格式文件中把pre下的white-space设置为pre-wrap之后算是解决了这个问题,但是依然没有正常进行缩进。下回再想办法一块解决吧。
下一轮开发应该会着重优化文章页,准备把整篇文章装进容器里统一底色等。

添加新评论