跳到主要内容

第二个博客搭建之Docusaurus

· 阅读需 3 分钟
愧怍

博客地址: 愧怍的小站

时隔近半年没好好整理文章,博客也写的不像个人样。😂

大半年没更新博客,一直忙着写项目(写到手软的那种),然后无意间在 B 站看到一个 Up 主 峰华前端工程师 基于 React 驱动的静态网站生成器搭建的个人博客。第一眼看到该站点的时候惊艳到我了,于是我在其基础上并魔改了一些页面功能,作为个人站点使用。

不过国内 docusaurus 的使用者是真的少,Vuepress 都快烂大街了...

安装

如果你想搭建一个类似的博客,可以 fork 本项目,修改个人信息,并将文章迁移过来。这里推荐使用 Vercel 部署个人博客,以下是本地安装示例。

git clone https://github.com/kuizuo/blog
cd blog
yarn
yarn start

关于主题魔改可以看 Docusaurus 主题魔改

一些页面

博客页

image-20230221120937768

  • 支持 3 种博文信息展示
  • 博客个人信息卡片
  • 可根据 sticky 字段对文章进行置顶推荐

归档页

image-20220804052418993

资源导航

image-20220804052016538

  • 在此分享所收藏的一些好用、实用网站。

评论

image-20220804052746803

  • 接入 giscus 作为评论系统,支持 GitHub 登录。

项目

image-20220804052117492

  • 存放你的项目,或是当做一个作品集用于展示。

部署

按传统的方式,你编写好一篇文章后,需要重新打包成静态文件(.html),然后将静态文件上传到服务器(需要自己准备)上,然后通过 nginx 配置域名访问。如今有了自动化部署,你只需要将代码 push 到 Github 上,然后通过 CI/CD 自动化部署到服务器上。可以参考 ci.yml 配置文件。

这里推荐使用 Vercel 部署个人博客,部署十分简单,你甚至不需要服务器,只需要有个 Github 账号,将你的博客项目添加为一个仓库中即可(也许需要科学上网)。

最后

博客的意义在于记录,记录自己的成长,记录自己的所思所想,记录自己的所学所得。希望更多的时间用在创作内容上,而不是在搭建博客上。

也就不浪费口舌了,博客搭建完毕,应该好好的去编写有意义的文章,才能够吸引他人的阅读。

Loading Comments...