blog/README.zh.md
2025-04-14 17:31:27 +01:00

4.7 KiB
Raw Blame History

Cover Image Cover Image

重新编排

Retypeset 是一款基于 Astro 框架的静态博客主题,中文名为重新编排。本主题以 活版印字 为设计灵感,通过建立全新的视觉规范,对所有页面进行重新编排,打造纸质书页般的阅读体验,再现版式之美。所见皆为细节,方寸尽显优雅。

预览

特征

  • 基于 Astro 与 UnoCSS 开发
  • 支持 SEO、Sitemap、OpenGraph、TOC、RSS、MDX 和 LaTeX
  • i18n 多语言
  • 亮色/暗色模式
  • 优雅的过渡动画
  • 丰富的主题配置
  • 中文排版优化
  • 响应式设计
  • 评论系统

性能


Retypeset Lighthouse Score

开始

  1. Fork 此仓库,或使用此模版创建新仓库。

  2. 点击 Code 按钮,复制 HTTPS 地址,在终端执行:

    # 克隆仓库
    git clone 仓库地址
    
    # 进入项目目录
    cd 仓库名称
    
    # 全局安装 pnpm如果未安装
    npm install -g pnpm
    
    # 安装依赖
    pnpm install
    
    # 启动开发服务器
    pnpm dev
    
  3. 在浏览器中打开 localhost:4321,查看网站的实时预览。

  4. 参考 主题上手指南,自定义你的博客并创建新文章。

  5. 参考 Astro 部署指南,将博客部署至 Netlify、Vercel 等平台。

Deploy to Netlify Deploy to Vercel

更新

  • 参考 GitHub 文档,在仓库中执行 Sync fork 同步复刻。

  • 不要点击 Discard Changes,否则会丢失你的更改。

指令

以下指令均需要在项目根目录执行:

指令 作用
pnpm install 安装依赖
pnpm dev localhost:4321 启动本地开发服务器
pnpm build 构建网站至 ./dist/
pnpm preview 本地预览已构建的网站
pnpm astro ... 执行 astro add, astro check 等命令
pnpm astro -- --help 获取 Astro CLI 帮助信息

鸣谢

Star History

Star History Chart