<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>建站 &#8211; 安静</title>
	<atom:link href="https://llzi.cc/tag/%e5%bb%ba%e7%ab%99/feed/" rel="self" type="application/rss+xml" />
	<link>https://llzi.cc</link>
	<description></description>
	<lastBuildDate>Tue, 30 Jun 2026 15:00:25 +0000</lastBuildDate>
	<language>zh-Hans</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://llzi.cc/wp-content/uploads/2025/09/cropped-y2-32x32.jpg</url>
	<title>建站 &#8211; 安静</title>
	<link>https://llzi.cc</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>acme.sh 申请通配符证书</title>
		<link>https://llzi.cc/blog/998.html/</link>
					<comments>https://llzi.cc/blog/998.html/#respond</comments>
		
		<dc:creator><![CDATA[安静]]></dc:creator>
		<pubDate>Wed, 02 Oct 2024 14:06:04 +0000</pubDate>
				<category><![CDATA[博客]]></category>
		<category><![CDATA[建站]]></category>
		<guid isPermaLink="false">https://kshar.cn/?p=998</guid>

					<description><![CDATA[阿里 DNS API 申请通配符证书并自动续期。
]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">1.下载安装 acme.sh</h2>



<pre class="wp-block-code"><code>curl https://get.acme.sh | sh -s email=邮箱
source ~/.bashrc
#查看版本
acme.sh -v</code></pre>



<p class="wp-block-paragraph">acme.sh默认安装在/root/.acme.sh，使用 ll -a查看</p>



<h2 class="wp-block-heading">2.获取阿里云DNS api</h2>



<p class="wp-block-paragraph">其他云厂商 api 获取方式参考：<a href="https://github.com/acmesh-official/acme.sh/wiki/dnsapi#dns_ali">https://github.com/acmesh-official/acme.sh/wiki/dnsapi#dns_ali</a></p>



<p class="wp-block-paragraph">控制台搜索“访问控制”</p>



<p class="wp-block-paragraph">创建用户组并添加权限：AliyunDNSFullAccess</p>



<p class="wp-block-paragraph">创建用户并勾选 Open API 调用访问，添加到刚才创建的用户组中</p>



<p class="wp-block-paragraph">用户——认证管理——创建 AccessKey</p>



<pre class="wp-block-code"><code>#声明环境变量
export Ali_Key="AccessKey ID"
export Ali_Secret="AccessKey"</code></pre>



<p class="wp-block-paragraph">在第一次申请证书后 <code>Ali_Key</code> 和 <code>Ali_Secret</code> 将会自动保存在 <code>~/.acme.sh/account.conf</code> 并在以后需要时重新使用。</p>



<h2 class="wp-block-heading">3.申请通配符证书</h2>



<pre class="wp-block-code"><code>acme.sh --issue --dns dns_ali -d 域名 -d *.域名</code></pre>



<p class="wp-block-paragraph">acme会自动创建一个 cronjob, 在每天 0:00 点自动检测所有的证书, 如果快过期了, 需要更新, 则会自动更新证书。</p>



<pre class="wp-block-code"><code>crontab -l  #查看
crontab -e  #编辑</code></pre>



<h2 class="wp-block-heading">4.copy 证书</h2>



<p class="wp-block-paragraph">生成的证书都放在安装目录下:&nbsp;<code>~/.acme.sh/</code>, 不要直接让 nginx/apache 的配置文件使用这下面的文件. 这里面的文件都是内部使用, 而且目录结构可能会变化。</p>



<p class="wp-block-paragraph">两种方法：</p>



<p class="wp-block-paragraph">1.将证书 copy 到自定义的目录下，在nginx/apache配置文件中引用此目录下的证书。</p>



<pre class="wp-block-code"><code>#nginx
acme.sh --install-cert -d 域名 --key-file       /blog/ssl/域名.key  --fullchain-file /blog/ssl/fullchain.cer --reloadcmd     "service nginx force-reload"

#apache
acme.sh --install-cert -d 域名 \
--cert-file      /path/to/certfile/in/apache/cert.pem  \
--key-file       /path/to/keyfile/in/apache/key.pem  \
--fullchain-file /path/to/fullchain/certfile/apache/fullchain.pem \
--reloadcmd     "service apache2 force-reload"</code></pre>



<p class="wp-block-paragraph">2.使用软连接(推荐)</p>



<pre class="wp-block-code"><code>ln -s /root/.acme.sh/kshar.cn_ecc/fullchain.cer fullchain.cer 
ln -s /root/.acme.sh/kshar.cn_ecc/kshar.cn.key kshar.cn.key</code></pre>



<p class="wp-block-paragraph">Nginx 的配置&nbsp;<code>ssl_certificate</code>&nbsp;使用&nbsp;<code>/etc/nginx/ssl/fullchain.cer</code>&nbsp;，而非&nbsp;<code>/etc/nginx/ssl/域名.cer</code></p>



<h2 class="wp-block-heading">5.查看已安装证书的信息</h2>



<pre class="wp-block-code"><code>acme.sh --info -d 域名</code></pre>



<h2 class="wp-block-heading">6.升级</h2>



<pre class="wp-block-code"><code>#升级acme
acme.sh --upgrade
#开启自动升级
acme.sh --upgrade --auto-upgrade
#关闭自动升级
acme.sh --upgrade --auto-upgrade  0
#更新证书
acme.sh --renew -d 域名 --force</code></pre>



<h2 class="wp-block-heading">7.更改acme的 ca 服务器</h2>



<p class="wp-block-paragraph">acme.sh目前默认的ca服务器是zerossl，可能会出现出错：</p>



<p class="wp-block-paragraph">Pending, The CA is processing your order, please just wait.</p>



<pre class="wp-block-code"><code>#更改acme的ca服务器为letsencrypt
acme.sh --set-default-ca --server letsencrypt</code></pre>
]]></content:encoded>
					
					<wfw:commentRss>https://llzi.cc/blog/998.html/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>接入 Redis 缓存与开启 PHP Opcache 扩展</title>
		<link>https://llzi.cc/blog/939.html/</link>
					<comments>https://llzi.cc/blog/939.html/#respond</comments>
		
		<dc:creator><![CDATA[安静]]></dc:creator>
		<pubDate>Thu, 05 Sep 2024 11:15:54 +0000</pubDate>
				<category><![CDATA[博客]]></category>
		<category><![CDATA[建站]]></category>
		<guid isPermaLink="false">https://kshar.cn/?p=939</guid>

					<description><![CDATA[为 Wordpress 接入 Redis 缓存与开启 PHP Opcache 扩展，大幅提高网站访问速度。]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph"><div class='admonition shadow-sm admonition-success'><div class='admonition-title'>注意</div><div class='admonition-body'>系统环境不一样操作可能会有细微的差别</p>



<p class="wp-block-paragraph">此次环境：Rocky Linux 9.4 PHP 8.3</p>



<p class="wp-block-paragraph"></div></div></p>



<p class="wp-block-paragraph"><strong>前言：</strong>使用 Redis 缓存与使用插件比如 Wp Super Cache、WP Fastest Cache 缓存有什么不同？</p>



<p class="wp-block-paragraph">Redis缓存是一种内存数据结构存储，它可以作为数据库、缓存或消息队列使用。Redis允许你在内存中缓存和存储数据，当其他用户访问网站时，将从缓存中提供请求，而不是直接访问 MySQL 服务器。减少数据库查询，从而提高网站响应速度。</p>



<p class="wp-block-paragraph">Wp Super Cache、WP Fastest Cache等缓存是用来生成静态界面的，它可以从动态的 WordPress 博客中生成静态页面文件。访问网站会直接使用静态文件来提供服务，而无需处理 PHP 脚本。</p>



<h2 class="wp-block-heading">接入redis缓存</h2>



<h3 class="wp-block-heading">1.安装php-redis扩展</h3>



<pre class="wp-block-code"><code>yum install php-redis -y</code></pre>



<h3 class="wp-block-heading">2.安装redis</h3>



<pre class="wp-block-code"><code>yum install redis -y</code></pre>



<h3 class="wp-block-heading">3.为redis设置密码</h3>



<pre class="wp-block-code"><code>vi /etc/redis/redis.conf
#随便找一行添加
requirepass 你的密码

#重启redis
systemctl restart redis</code></pre>



<h3 class="wp-block-heading">4.修改wp-config.php配置文件</h3>



<pre class="wp-block-code"><code>vi /你的wordpress安装路径/wordpress/wp-config.php
## 在差不多106行添加以下代码
define('WP_REDIS_HOST', '127.0.0.1'); // Redis服务器地址  
define('WP_REDIS_PORT', '6379');      // Redis端口  
define('WP_REDIS_PASSWORD', '你的redis密码'); // Redis密码  
define('WP_REDIS_DATABASE', '0');     // Redis数据库索引（默认为0）  
define('WP_CACHE', true);             // 启用WordPress缓存</code></pre>



<h3 class="wp-block-heading">5.安装 <strong>Redis Object Cache</strong> 插件</h3>



<p class="wp-block-paragraph">如图显示 大功告成</p>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img decoding="async" src="https://img.llzi.cc/posts/redis.PNG" alt=""/></figure>
</div>


<h3 class="wp-block-heading">6.如果报错</h3>



<p class="wp-block-paragraph">启用插件后报错崩溃或者提示无法访问redis ，首先把wp-config.php添加的内容注释掉，重启服务器后卸载插件，然后按照上面的顺序操作，启动插件一定要在最后，按照顺序一般不会有问题。</p>



<h2 class="wp-block-heading">开启 PHP Opcache 扩展</h2>



<p class="wp-block-paragraph">在PHP 5.5.0及后续版本中，PHP已经将Opcache功能以拓展库形式内嵌在发布版本中了，无需安装。</p>



<h3 class="wp-block-heading">1.编辑配置文件</h3>



<p class="wp-block-paragraph">根据自己服务器配置修改具体参数</p>



<pre class="wp-block-code"><code>vi /etc/php.ini
#在顶部添加如下内容
; 启用Opcache  
opcache.enable=1  
  
; 启用Opcache for CLI  
opcache.enable_cli=1  
  
; 对于2G内存的服务器，建议分配128MB到256MB  
opcache.memory_consumption=128  
  
; 每个PHP脚本可以缓存的字节码数量  
; 这个值依赖于你的应用大小，但默认通常足够  
opcache.interned_strings_buffer=8  
  
; 最大加速缓存的文件数  
; 默认值可能足够，但你可以根据网站大小进行调整  
opcache.max_accelerated_files=10000  
  
; 重新验证脚本的时间间隔（秒）  
; 设置为0表示始终验证脚本时间戳  
opcache.revalidate_freq=60  
  
; 是否在opcache的共享内存中启用快速关闭  
; 这有助于避免内存泄漏  
opcache.fast_shutdown=1  
  
; 启用Opcache黑名单  
; 例如，某些频繁变化的配置文件或临时文件  
; opcache.blacklist_filename=/path/to/blacklist.txt  
  
; 启用Opcache的自动重启  
; 当检测到脚本内存不足时，Opcache将自动重启  
opcache.enable_restart_on_abort=1  </code></pre>



<h3 class="wp-block-heading">2.重启PHP并查看是否配置成功</h3>



<pre class="wp-block-code"><code>systemctl restart php-fpm.service
#查看
php -m | grep OPcache 或 php -i | grep opcache
</code></pre>
]]></content:encoded>
					
					<wfw:commentRss>https://llzi.cc/blog/939.html/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Certbot申请ssl证书并自动续签</title>
		<link>https://llzi.cc/blog/665.html/</link>
					<comments>https://llzi.cc/blog/665.html/#respond</comments>
		
		<dc:creator><![CDATA[安静]]></dc:creator>
		<pubDate>Tue, 25 Jun 2024 09:56:58 +0000</pubDate>
				<category><![CDATA[博客]]></category>
		<category><![CDATA[建站]]></category>
		<guid isPermaLink="false">https://kshar.cn/?p=665</guid>

					<description><![CDATA[Certbot 是一个由 Let's Encrypt 开发的免费开源工具，用于自动化部署和管理 SSL/TLS 证书，并使用crontab自动续期。]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">1.安装epel源与certbot</h2>



<pre class="wp-block-code"><code>yum install epel-release -y
yum -y update &amp;&amp; yum -y install certbot</code></pre>



<h2 class="wp-block-heading">2.申请证书</h2>



<p class="wp-block-paragraph">停止nginx</p>



<pre class="wp-block-code"><code>systemctl stop nginx
certbot certonly --standalone -d 域名 --email 邮箱 --agree-tos --no-eff-email --force-renewal</code></pre>



<p class="wp-block-paragraph">证书存放目录目录为：/etc/letsencrypt/live/</p>



<h2 class="wp-block-heading">3.编写自动续签脚本</h2>



<p class="wp-block-paragraph">内容自行修改</p>



<pre class="wp-block-code"><code>cat auto_cert_renewal-1.sh 
# 定义证书存储目录
certs_directory="/etc/letsencrypt/live/"

days_before_expiry=5  # 设置在证书到期前几天触发续签

# 遍历所有证书文件
for cert_dir in $certs_directory*; do
    # 获取域名
    domain=$(basename "$cert_dir")

    # 忽略 README 目录
    if &#91; "$domain" = "README" ]; then
        continue
    fi

    # 输出正在检查的证书信息
    echo "检查证书过期日期： ${domain}"

    # 获取fullchain.pem文件路径
    cert_file="${cert_dir}/fullchain.pem"

    # 获取证书过期日期
    expiration_date=$(openssl x509 -enddate -noout -in "${cert_file}" | cut -d "=" -f 2-)

    # 输出证书过期日期
    echo "过期日期： ${expiration_date}"

    # 将日期转换为时间戳
    expiration_timestamp=$(date -d "${expiration_date}" +%s)
    current_timestamp=$(date +%s)

    # 计算距离过期还有几天
    days_until_expiry=$(( ($expiration_timestamp - $current_timestamp) / 86400 ))

    # 检查是否需要续签（在满足续签条件的情况下）
    if &#91; $days_until_expiry -le $days_before_expiry ]; then
        echo "证书将在${days_before_expiry}天内过期，正在进行自动续签。"

        # 停止 Nginx
        systemctl stop nginx

        # 续签证书
        certbot certonly --standalone -d $domain --email 1172338990@qq.com --agree-tos --no-eff-email --force-renewal

        # 启动 Nginx
        systemctl start nginx

        echo "证书已成功续签。"
    else
        # 若未满足续签条件，则输出证书仍然有效
        echo "证书仍然有效，距离过期还有 ${days_until_expiry} 天。"
    fi

    # 输出分隔线
    echo "--------------------------"
done</code></pre>



<p class="wp-block-paragraph">添加执行权限并测试</p>



<pre class="wp-block-code"><code>chmod +x auto_cert_renewal-1.sh

sh auto_cert_renewal-1.sh 
检查证书过期日期： kshar.cn
过期日期： Sep 23 07:56:22 2024 GMT
证书仍然有效，距离过期还有 89 天。
--------------------------</code></pre>



<h2 class="wp-block-heading">4.设置定时任务</h2>



<pre class="wp-block-code"><code>echo "0 0 * * * cd ~ &amp;&amp; ./auto_cert_renewal-1.sh" | crontab -</code></pre>
]]></content:encoded>
					
					<wfw:commentRss>https://llzi.cc/blog/665.html/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Hugo Stack搭建美化</title>
		<link>https://llzi.cc/blog/769.html/</link>
					<comments>https://llzi.cc/blog/769.html/#comments</comments>
		
		<dc:creator><![CDATA[安静]]></dc:creator>
		<pubDate>Mon, 03 Jun 2024 04:05:00 +0000</pubDate>
				<category><![CDATA[博客]]></category>
		<category><![CDATA[hugo]]></category>
		<category><![CDATA[建站]]></category>
		<guid isPermaLink="false">https://kshar.cn/?p=769</guid>

					<description><![CDATA[使用hugo stack主题时的一些css美化代码]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">安装hugo(windows)</h2>



<pre class="wp-block-code"><code>winget install Hugo.Hugo.Extended</code></pre>



<h2 class="wp-block-heading">创建网站</h2>



<pre class="wp-block-code"><code>hugo new site blog
cd blog</code></pre>



<h2 class="wp-block-heading">下载stack主题</h2>



<pre class="wp-block-code"><code>git clone https://github.com/CaiJimmy/hugo-theme-stack/ themes/hugo-theme-stack</code></pre>



<h3 class="wp-block-heading">拷贝D:\hugo\themes\hugo-theme-stack\exampleSite目录下的content目录与hugo.yaml到根目录</h3>



<p class="wp-block-paragraph">根目录创建\scss\custom.scss<br><br>以下操作路径为\根目录\assets\scss\custom.scss</p>



<pre class="wp-block-code"><code>## 全局样式调整
// 页面基本配色
:root {
  // 浅色模式配色
  --body-background: #EBEBEB;
  // 全局顶部边距
  --main-top-padding: 30px;
  // 全局卡片圆角
  --card-border-radius: 25px;
  // 标签云卡片圆角
  --tag-border-radius: 8px;
  // 卡片间距
  --section-separation: 40px;
  // 全局字体大小
  --article-font-size: 1.8rem;
  // 行内代码背景色
  --code-background-color: #f8f8f8;
  // 行内代码前景色
  --code-text-color: #e96900;
  // 暗色模式下样式
  &amp;&#91;data-scheme="dark"] {
    // 行内代码背景色
    --code-background-color: #ff6d1b17;
    // 行内代码前景色
    --code-text-color: #e96900;
  }
}

//------------------------------------------------------
// 修复引用块内容窄页面显示问题
a {
  word-break: break-all;
}

code {
  word-break: break-all;
}

//---------------------------------------------------
// 文章内容图片圆角阴影
.article-page .main-article .article-content {
  img {
    max-width: 96% !important;
    height: auto !important;
    border-radius: 8px;
  }
}

//------------------------------------------------
// 文章内容引用块样式
.article-content {
  blockquote {
    border-left: 6px solid #358b9a1f !important;
    background: #3a97431f;
  }
}
// ---------------------------------------
// 代码块基础样式修改
.highlight {
  max-width: 102% !important;
  background-color: var(--pre-background-color);
  padding: var(--card-padding);
  position: relative;
  border-radius: 20px;
  margin-left: -7px !important;
  margin-right: -12px;
  box-shadow: var(--shadow-l1) !important;

  &amp;:hover {
    .copyCodeButton {
      opacity: 1;
    }
  }

  // keep Codeblocks LTR
  &#91;dir="rtl"] &amp; {
    direction: ltr;
  }

  pre {
    margin: initial;
    padding: 0;
    margin: 0;
    width: auto;
  }
}

// light模式下的代码块样式调整
&#91;data-scheme="light"] .article-content .highlight {
  background-color: #fff9f3;
}

&#91;data-scheme="light"] .chroma {
  color: #ff6f00;
  background-color: #fff9f3cc;
}

//-------------------------------------------
// 设置选中字体的区域背景颜色
//修改选中颜色
::selection {
  color: #fff;
  background: 	#1E90FF;
}

a {
  text-decoration: none;
  color: var(--accent-color);

  &amp;:hover {
    color: var(--accent-color-darker);
  }

  &amp;.link {
    color: #4288b9ad;
    font-weight: 600;
    padding: 0 2px;
    text-decoration: none;
    cursor: pointer;

    &amp;:hover {
      text-decoration: underline;
    }
  }
}

//-------------------------------------------------
//文章封面高度更改
.article-list article .article-image img {
  width: 100%;
  height: 150px;
  object-fit: cover;

  @include respond(md) {
    height: 200px;
  }

  @include respond(xl) {
    height: 305px;
  }
}

//---------------------------------------------------
// 全局页面布局间距调整
.main-container {
  min-height: 100vh;
  align-items: flex-start;
  padding: 0 15px;
  gap: var(--section-separation);
  padding-top: var(--main-top-padding);

  @include respond(md) {
    padding: 0 37px;
  }
}

//--------------------------------------------------
//页面三栏宽度调整
.container {
  margin-left: auto;
  margin-right: auto;

  .left-sidebar {
    order: -3;
    max-width: var(--left-sidebar-max-width);
  }

  .right-sidebar {
    order: -1;
    max-width: var(--right-sidebar-max-width);

    /// Display right sidebar when min-width: lg
    @include respond(lg) {
      display: flex;
    }
  }

  &amp;.extended {
    @include respond(md) {
      max-width: 1024px;
      --left-sidebar-max-width: 25% !important;
      --right-sidebar-max-width: 20% !important;
    }

    @include respond(lg) {
      max-width: 1280px;
      --left-sidebar-max-width: 20%;
      --right-sidebar-max-width: 30%;
    }

    @include respond(xl) {
      max-width: 1453px; //1536px;
      --left-sidebar-max-width: 15%;
      --right-sidebar-max-width: 25%;
    }
  }

  &amp;.compact {
    @include respond(md) {
      --left-sidebar-max-width: 25%;
      max-width: 768px;
    }

    @include respond(lg) {
      max-width: 1024px;
      --left-sidebar-max-width: 20%;
    }

    @include respond(xl) {
      max-width: 1280px;
    }
  }
}

//全局页面小图片样式微调
.article-list--compact article .article-image img {
  width: var(--image-size);
  height: var(--image-size);
  object-fit: cover;
  border-radius: 17%;
}
```
## 归档页面调整
```
/*-----------归档页面-------------------*/
/*归档页面卡片缩放*/
.article-list--tile article {
  transition: .6s ease;
}
.article-list--tile article:hover {
  transform: scale(1.03, 1.03);
}

// 归档页面两栏-------------------------
@media (min-width: 1024px) {
    .article-list--compact {
      display: grid;
      grid-template-columns: 1fr 1fr;
      background: none;
      box-shadow: none;
      gap: 1rem;
  
      article {
        background: var(--card-background);
        border: none;
        box-shadow: var(--shadow-l2);
        margin-bottom: 8px;
        border-radius: 16px;
      }
    }
  }
```
## 友情链接页面调整
```
// 友情链接三栏---------------------------------
@media (min-width: 1024px) {
    .article-list--compact.links {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      background: none;
      box-shadow: none;
      gap: 1rem;
  
      article {
        background: var(--card-background);
        border: none;
        box-shadow: var(--shadow-l2);
        margin-bottom: 8px;
        border-radius: var(--card-border-radius);
  
        &amp;:nth-child(odd) {
          margin-right: 8px;
        }
      }
    }
  }
```
## 右侧导航栏动画
```
/*------------------右侧导航栏----------------------*/
//归档小图标放大动画
.widget.archives .widget-archive--list {
  transition: transform .3s ease;
}
.widget.archives .widget-archive--list:hover {
  transform: scale(1.05, 1.05);
}
  //右侧标签放大动画
  .tagCloud .tagCloud-tags a {
    border-radius: 10px;
    font-size: 1.4rem;
    transition: transform .3s ease;
  }
  
  .tagCloud .tagCloud-tags a:hover {
    transform: scale(1.1, 1.1);
  }
```
## 头像动画
```
// 头像旋转动画------------------------------------
.sidebar header .site-avatar .site-logo {
  transition: transform 1.65s ease-in-out; // 旋转时间
}

.sidebar header .site-avatar .site-logo:hover {
  transform: rotate(360deg); // 旋转角度为360度
}
```
## 修改代码块样式
```
//为代码块顶部添加macos样式----------------------------
.article-content {
  .highlight:before {
    content: "";
    display: block;
    background: url(/img/code-header.svg);
    height: 32px;
    width: 100%;
    background-size: 57px;
    background-repeat: no-repeat;
    margin-bottom: 5px;
    background-position: -1px 2px;
  }
}
```
## 修改左侧头像大小及间距
路径：\assets\scss\sidebar.scss &lt;/br&gt;
35行添加
```
/*头像大小--------------------*/
    @include respond(2xl) {
        --sidebar-avatar-size: 108px;
        --sidebar-element-separation: 20px;
        --emoji-size: 40px;
    }</code></pre>
]]></content:encoded>
					
					<wfw:commentRss>https://llzi.cc/blog/769.html/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>Docker compose部署wordpress</title>
		<link>https://llzi.cc/docker/302.html/</link>
					<comments>https://llzi.cc/docker/302.html/#respond</comments>
		
		<dc:creator><![CDATA[安静]]></dc:creator>
		<pubDate>Mon, 20 May 2024 13:21:53 +0000</pubDate>
				<category><![CDATA[docker]]></category>
		<category><![CDATA[建站]]></category>
		<guid isPermaLink="false">http://120.26.40.36/?p=302</guid>

					<description><![CDATA[学习记录 系统版本：rocky Linux 9.3 镜像版本： mysql：8.0 wordpress：6.5 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="has-medium-font-size wp-block-paragraph"><strong>学习记录</strong></p>



<p class="wp-block-paragraph">系统版本：rocky Linux 9.3</p>



<p class="wp-block-paragraph">镜像版本：</p>



<p class="wp-block-paragraph">mysql：8.0</p>



<p class="wp-block-paragraph">wordpress：6.5.3</p>



<h2 class="wp-block-heading">配置yum源</h2>



<pre class="wp-block-code"><code>wget -O /etc/yum.repos.d/docker-ce.repo https://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo</code></pre>



<p class="wp-block-paragraph">安装docker及相关插件</p>



<pre class="wp-block-code"><code>yum install -y docker-ce docker-ce-cli containerd.io docker-buildx-plugin docker-compose-plugin
systemctl enable docker --now</code></pre>



<p class="wp-block-paragraph">具体可参考 <a href="https://docs.docker.com/engine/install/rhel/" target="_blank" rel="noreferrer noopener">官方文档</a></p>



<h2 class="wp-block-heading">编写compose清单文件（数据库密码等信息自行修改）</h2>



<pre class="wp-block-code"><code>vi docker-compose.yml 

下面的复制进去

services:
  mysql:
    image: mysql:8.0
    restart: always
    environment:
      MYSQL_ROOT_PASSWORD: docker123@com  ##数据库root密码 
      MYSQL_DATABASE: wordpress           ##数据库名称
      MYSQL_USER: docker                  ##创建用户docker设定密码
      MYSQL_PASSWORD: docker@wp           
    networks:
      - blog_net
    volumes:
      - mysql_data:/var/lib/mysql    ##使用mysql_data卷持久化容器的/var/lib/mysql数据目录

  wordpress:
    depends_on:
      - mysql
    image: wordpress:6.5.3
    environment:
      WORDPRESS_DB_HOST: mysql:3306  
      WORDPRESS_DB_NAME: wordpress
      WORDPRESS_DB_USER: docker   
      WORDPRESS_DB_PASSWORD: docker@wp
    ports:
      - 80:80
    networks:
      - blog_net
    volumes:
      - /data/wordpress:/var/www/html   ##wordpress数据存储位置

##自定义容器网络名称blog_net、驱动类型为bridge、地址段范围为172.16.0.0/24。
networks:
  blog_net:
    driver: bridge                    
    ipam:
      config:
        - subnet: 172.16.0.0/24

##使用volumes创建卷 mysql_data      
volumes:
  mysql_data:</code></pre>



<h2 class="wp-block-heading">启动容器  -d后台运行</h2>



<pre class="wp-block-code"><code>docker compose up -d</code></pre>



<p class="wp-block-paragraph">docker ps 查看容器运行状态</p>



<p class="wp-block-paragraph">浏览器输入你的公网ip或者域名看到这个页面配置成功</p>



<h2 class="wp-block-heading">浏览器访问配置</h2>



<p class="wp-block-paragraph">填写相关信息后登录网站后台</p>



<h2 class="wp-block-heading">删除博客及容器镜像</h2>



<p class="wp-block-paragraph">如果想删除博客依次执行以下命令</p>



<pre class="wp-block-code"><code>##停止容器
docker compose stop
##删除容器
docker rm root-wordpress-1 &amp;&amp; docker rm root-mysql-1</code></pre>



<p class="wp-block-paragraph">删除镜像</p>



<pre class="wp-block-code"><code>docker rmi wordpress:6.5.3
docker rmi mysql:8.0</code></pre>



<p class="wp-block-paragraph">彻底删除数据</p>



<pre class="wp-block-code"><code>##wordpress数据
rm -rf /data/wordpress/*
##mysql
docker volume rm root_mysql_data</code></pre>
]]></content:encoded>
					
					<wfw:commentRss>https://llzi.cc/docker/302.html/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
