Skip to content
Go back

astro blog 部署优化

Updated:

目录

astro blog 部署

nodejs 安装

使用主题或起始模板

pnpm create astro@latest —template satnaing/astro-paper

安装依赖项

pnpm install

启动本地开发服务器localhost:4321

pnpm run dev

构建站点

pnpm run build

Astro 版本查看和升级

npx astro —version
pnpm dlx @astrojs/upgrade

astro blog 优化

astro 底部添加文章统计

修改 Footer.astro 文件添加代码

import { getCollection } from 'astro:content';
const allPosts = await getCollection('blog');
const postCount = allPosts.length;

      <span class="hidden sm:inline">&nbsp;|&nbsp;</span>
      <span>{postCount} posts</span>

Share this post on:

Previous Post
ubuntu 24.04 IPv4+IPv6双栈部署k8s集群服务
Next Post
使用Python脚本统计每日服务器流量使用情况并发送到Telegram