Skip to content

HelloWorld20/blog-nextjs

Repository files navigation

todo

  • 主页√、文章详情√、归档√、标签√、关于页面。
  • 文章搜索功能√
  • 相册
  • 评论、访问量
  • 文章图片接入PhotoSwipe点击放大√
  • 接入google analasys√
  • markdown表格支持√
  • 所有配置抽离为配置文件
  • 图片路径转换
  • 文章目录

GitHub last commit

GitHub top language

GitHub code size in bytes

开发

  npm run dev

拉取文章

  npm run fetch

打包静态文件

  npm run generate

本地预览静态文件

  npm run preview

裁剪封面图

  minify:image

目前的笨办法是把所有封面图都裁剪成2:1的比例,然后next/image组件也写死2:1的比例,以此来获得next/image组件的自动优化

该方法会将public/assets/imgs/cover里的所有图片都裁剪成为2:1的比例,然后生成在public/assets/imgs/_cover下。next直接读取_cover文件夹下的图片。

所以如果有更新过public/assets/imgs/cover下的图片后,应该执行一次npm run minify:image来从新创建封面图片

添加搜索索引

  npm run indexed

pagefind插件基于已经打包生成的静态文件建立搜索索引。所以此命令必须是在执行完next build && next export之后执行。

About

基于Next.js的新版博客

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published