更适合英文的自适应博客

项目 https://github.com/markhorn-dev/astro-sphere
原站 https://astro-sphere-demo.vercel.app/

感觉这玩意还是英文原版好看点 改中文字号影响审美 适合英文站用
另外 搜索是即时的 试了下不支持中文

预览

修改

public 更换站标和logo等svg

src/components/Blog.tsx 汉化修改 博客显示多少条帖子

src/components/Footer.astro 修改页脚

src/components/Projects.tsx 汉化修改 项目显示多少条帖子

src/layouts/ArticleBottomLayout.astro 上一页 下一页

src/components/layouts/ArticleTopLayout.astro 一个返回 两个参阅

src/pages/index.astro 首页卡片链接 首页标题 描述 简介 两个按钮 最近文章 所有文章等项目

src/consts.ts 站点标题 站点描述 作者 等等吧 首页菜单和社交链接也在这

文章

博客文章MD抬头

---
title: "一级标题"
summary: "总结？咋不叫中心思想呢"
date: "Mar 17 2024" 这个时间格式多少有些操蛋
draft: false
tags:
- 标签1
- 标签91
- 标签X
---

工作文章MD抬头

---
company: "一级标题"
role: "角色？玩扮演呢"
dateStart: "01/01/2020" 开始时间
dateEnd: "11/27/2022" 结束时间
---

项目文章MD抬头

---
title: "一级标题"
summary: "就写简介描述吧"
date: "Mar 16 2022"
draft: false
tags:
- 标签
- 标签签
- 标标签
---

独立页面MD抬头

---
title: "一级标题"
date: "03/07/2024"
---

命令

All commands are run from the root of the project, from a terminal:

Replace npm with your package manager of choice. npm, pnpm, yarn, bun, etc

Command	Action
npm install	Installs dependencies
npm run dev	Starts local dev server at localhost:4321
npm run sync	Generates TypeScript types for all Astro modules.
npm run build	Build your production site to ./dist/
npm run preview	Preview your build locally, before deploying
npm run astro ...	Run CLI commands like astro add, astro check
npm run astro -- --help	Get help using the Astro CLI
npm run lint	Run ESLint
npm run lint:fix	Auto-fix ESLint issues

看看效果

看看效果