typecho美化文件管理界面

DelLevin — Mon, 25 Aug 2025 15:49:00 +0800

后台界面太丑陋，我就自己在这里改了改。添加文件预览以及预览图片放大。

添加接口

因为后台接口少了统计接口，所以这里需要手动后台添加。目录在安装目录下面的/var/Widget/Contents/Attachment这个目录，然后编辑Admin.php。复制以下代码即可。

parameter->setDefault('pageSize=20');
        $this->currentPage = $this->request->get('page', 1);

        /** 构建基础查询 */
        $select = $this->select()->where('table.contents.type = ?', 'attachment');

        /** 如果具有编辑以上权限,可以查看所有文件,反之只能查看自己的文件 */
        if (!$this->user->pass('editor', true)) {
            $select->where('table.contents.authorId = ?', $this->user->uid);
        }

        /** 过滤标题 */
        if (null != ($keywords = $this->request->filter('search')->keywords)) {
            $args = [];
            $keywordsList = explode(' ', $keywords);
            $args[] = implode(' OR ', array_fill(0, count($keywordsList), 'table.contents.title LIKE ?'));

            foreach ($keywordsList as $keyword) {
                $args[] = '%' . $keyword . '%';
            }

            call_user_func_array([$select, 'where'], $args);
        }

        /** 给计算数目对象赋值,克隆对象 */
        $this->countSql = clone $select;

        /** 提交查询 */
        $select->order('table.contents.created', Db::SORT_DESC)
            ->page($this->currentPage, $this->parameter->pageSize);

        $this->db->fetchAll($select, [$this, 'push']);
    }

    /**
     * 输出分页
     *
     * @return void
     * @throws Exception|\Typecho\Widget\Exception
     */
    public function pageNav()
    {
        $query = $this->request->makeUriByRequest('page={page}');

        /** 使用盒状分页 */
        $nav = new Box(
            false === $this->total ? $this->total = $this->size($this->countSql) : $this->total,
            $this->currentPage,
            $this->parameter->pageSize,
            $query
        );

        $nav->render('«', '»');
    }

    /**
     * 所属文章
     *
     * @return Config
     * @throws Exception
     */
    protected function ___parentPost(): Config
    {
        return new Config($this->db->fetchRow(
            $this->select()->where('table.contents.cid = ?', $this->parentId)->limit(1)
        ));
    }

    /**
     * 获取附件的 URL 地址
     *
     * @return string
     */
    protected function ___attachmentUrl(): string
    {
        if (!empty($this->attachment) && !empty($this->attachment->path)) {
            // 从 path 字段构建 URL
            $path = $this->attachment->path;
            // 移除开头的斜杠（如果有的话）
            $path = ltrim($path, '/');
            return $this->options->siteUrl . $path;
        }
        
        // 如果 path 不存在，尝试从 text 字段解析
        if (!empty($this->___attachment())) {
            $attachment = $this->___attachment();
            if (!empty($attachment['path'])) {
                $path = ltrim($attachment['path'], '/');
                return $this->options->siteUrl . $path;
            }
        }
        
        return '';
    }

    /**
     * 解析附件信息
     *
     * @return array
     */
    protected function ___attachment(): array
    {
        if (!empty($this->text)) {
            $attachment = @unserialize($this->text);
            if (is_array($attachment)) {
                return $attachment;
            }
        }
        return [];
    }

    /**
     * 重写 permalink 方法，使用解析后的 URL
     *
     * @return string
     */
    protected function ___permalink(): string
    {
        return $this->___attachmentUrl();
    }

    /**
     * 获取统计信息
     *
     * @return array
     * @throws Exception
     */
    public function getStats(): array
    {
        $select = $this->select()->where('table.contents.type = ?', 'attachment');
        
        /** 如果具有编辑以上权限,可以查看所有文件,反之只能查看自己的文件 */
        if (!$this->user->pass('editor', true)) {
            $select->where('table.contents.authorId = ?', $this->user->uid);
        }

        // 总文件数
        $total = $this->size(clone $select);

        // 图片文件数
        $imageSelect = clone $select;
        $imageSelect->join('table.fields', 'table.contents.cid = table.fields.cid', Db::LEFT_JOIN)
                   ->where('table.fields.name = ?', 'mime')
                   ->where('table.fields.str_value LIKE ?', 'image/%');
        $imageCount = $this->size($imageSelect);

        // 未归档文件数
        $unattachedSelect = clone $select;
        $unattachedSelect->where('table.contents.parent = ?', 0);
        $unattachedCount = $this->size($unattachedSelect);

        return [
            'total' => $total,
            'images' => $imageCount,
            'unattached' => $unattachedCount
        ];
    }

    /**
     * 获取总文件数
     *
     * @return int
     * @throws Exception
     */
    public function getTotalCount(): int
    {
        $select = $this->select()->where('table.contents.type = ?', 'attachment');
        
        /** 如果具有编辑以上权限,可以查看所有文件,反之只能查看自己的文件 */
        if (!$this->user->pass('editor', true)) {
            $select->where('table.contents.authorId = ?', $this->user->uid);
        }

        return $this->size($select);
    }

    /**
     * 获取图片文件数
     *
     * @return int
     * @throws Exception
     */
    public function getImageCount(): int
    {
        $select = $this->select()->where('table.contents.type = ?', 'attachment');
        
        /** 如果具有编辑以上权限,可以查看所有文件,反之只能查看自己的文件 */
        if (!$this->user->pass('editor', true)) {
            $select->where('table.contents.authorId = ?', $this->user->uid);
        }

        // 通过 MIME 类型过滤图片
        $select->where('table.contents.text LIKE ?', '%image/%');
        
        return $this->size($select);
    }

    /**
     * 获取未归档文件数
     *
     * @return int
     * @throws Exception
     */
    public function getUnattachedCount(): int
    {
        $select = $this->select()->where('table.contents.type = ?', 'attachment');
        
        /** 如果具有编辑以上权限,可以查看所有文件,反之只能查看自己的文件 */
        if (!$this->user->pass('editor', true)) {
            $select->where('table.contents.authorId = ?', $this->user->uid);
        }

        // 未归档文件（parent = 0）
        $select->where('table.contents.parent = ?', 0);
        
        return $this->size($select);
    }
}

更改后台文件界面

通过查看后台路径可以得知是manage-medias.php这个文件，所以更改一下这个文件就可以了。更改前注意文件备份。

getTotalCount();
$imageCount = $attachments->getImageCount();
$unattachedCount = $attachments->getUnattachedCount();

// 获取PHP上传限制
$phpMaxFilesize = function_exists('ini_get') ? trim(ini_get('upload_max_filesize')) : 0;
if (preg_match("/^([0-9]+)([a-z]{1,2})$/i", $phpMaxFilesize, $matches)) {
    $phpMaxFilesize = strtolower($matches[1] . $matches[2] . (1 == strlen($matches[2]) ? 'b' : ''));
}
?>



    
        
        
            

                
                
                    媒体文件统计
                    
                        
                            
                            总文件数
                        
                        
                            
                            图片文件
                        
                        
                            publishedPostsNum; ?>
                            文章数
                        
                        
                            
                            未归档文件
                        
                    
                

                
                
                    
                        
                            
                            
                                
                                
                                    
                                    
                                
                                
                                
                                
                                
                                
                                 
                                
                                
                
                            
                        
                        
                            keywords): ?>
                                
                            
                            keywords): ?> onclick="value='';name='keywords';"  name="keywords"/>
                            
                        
                    
                

                    
                
                
                    
                    
                        
                        
                            
                            
                        
                        
                    
                    
                        
                            
                        
                        
                            ', ''); ?>
                        
                    
                    
                    
                    
                        
                            
                        
                        0%
                    
                    
                    
                    
                

                    
                
                    
                        have()): ?>
                                next()): ?>
                                    attachment->mime);
                                        $isImage = strpos($attachments->attachment->mime, 'image/') === 0;
                                        $fileUrl = $attachments->attachmentUrl;
                                    ?>
                                    
                            
                                
                                
                                 
                                
                                
                                
                                
                            
                            
                            
                                
                                
                                
                                
                                
                                
                                
                            
                            
                            
                            
                                        
                                            
                                        
                                        commentsNum(); ?>
                                        
                                        
                                            
                                                " 
                                                     class="media-preview-img" 
                                                     alt="title(); ?>"
                                                     data-full-src=""
                                                     data-title="title(); ?>">
                                            
                                                
                                            
                                        
                                        
                                            
                                            title(); ?>
                                            
                                                
                                            
                                        
                                        author(); ?>
                                        
                                            parentPost->cid): ?>
                                                parentPost->title(); ?>
                                            
                                                
                                            
                                        
                                        dateWord(); ?>
                                    
                                
                            
                                
                                    
                                    
                                
                            
                            
                        

                    

                


                
                    
                        
                            
                            
                                
                                
                                    
                                    
                                
                            
                            
                        
                        have()): ?>
                            
                                pageNav(); ?>
                            
                        
                    
                


            
        

    




    ×


	commentsNum(); ?>	" class="media-preview-img" alt="title(); ?>" data-full-src="" data-title="title(); ?>">	title(); ?>	author(); ?>	parentPost->cid): ?> parentPost->title(); ?>	dateWord(); ?>

linux mint22.1安装on my zsh

DelLevin — Sun, 24 Aug 2025 15:42:00 +0800

更新系统并安装必要工具

sudo apt update && sudo apt upgrade -y
sudo apt install zsh git curl wget -y

安装 Oh My Zsh

sh -c "$(curl -fsSL https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"

安装 Powerlevel10k 主题

git clone --depth=1 https://github.com/romkatv/powerlevel10k.git ${ZSH_CUSTOM:-$HOME/.oh-my-zsh/custom}/themes/powerlevel10k

配置 Oh My Zsh 使用 Powerlevel10k

编辑 ~/.zshrc：

vim ~/.zshrc

注释掉 ZSH_THEME="robbyrussell"

添加 ZSH_THEME="powerlevel10k/powerlevel10k"

安装 Nerd Fonts（解决图标乱码）

# 下载
wget https://github.com/ryanoasis/nerd-fonts/releases/download/v3.2.1/FiraCode.zip
# 解压
unzip FiraCode.zip -d ~/.local/share/fonts/
# 刷新缓存
fc-cache -fv
# 删除
rm FiraCode.zip

安装插件（自选）

Zsh 自动建议（输入历史建议）

git clone https://github.com/zsh-users/zsh-autosuggestions ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-autosuggestions

Zsh 语法高亮

git clone https://github.com/zsh-users/zsh-syntax-highlighting.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting

编辑配置文件

vim  ~/.zshrc

文件-代表删除+代表新增

- plugins=(git)
+ plugins=(
+   git
+   zsh-autosuggestions
+   zsh-syntax-highlighting
+ )

配置完毕后输入
exec zsh
重启终端

持久化配置

which zsh 查看安装位置

2. 永久修改默认 Shell（需要输入密码）

chsh -s $(which zsh)

安装后重启电脑即可

如果想要重新配置可以输入即可

p10k configure

白荼日记 - 美化