typecho修改站点logo图标

先准备logo素材。
typecho修改站点logo图标_第1张图片

我将其放在typecho代码的主目录下。

分析typecho目录结构,站点logo应在header.php文件中修改。文件目录如下:

/var/www/html/blog/usr/themes/default/header.php

使用IDE自带的插入图片功能,会自动生成代码。插入图片的代码如下:

<img src="../../../imgs/yixzm_title_logo.png" width="48" height="48" alt="">

图片插入位置在如下div中:

<div class="site-name col-mb-12 col-9"> 
    <img src="../../../imgs/yixzm_title_logo.png" width="48" height="48" alt="">
    <a id="logo" href="options->siteUrl(); ?>">
         if ($this->options->logoUrl): ?>
        <img src="options->logoUrl() ?>" alt="options->title() ?>" />
         endif; ?>
         $this->options->title() ?>
    a>
    <p class="description"> $this->options->description() ?>p>
div>

效果如下:

typecho修改站点logo图标_第2张图片

虽然已经达到了插入logo的目的,但总感觉这样做欠优化。后续有想法再改进吧。

你可能感兴趣的:(前端,Web全栈开发学习笔记)