个人网站项目开源啦

原文地址:https://pengfeixc.com/blogs/website/site-opensource

先看网站效果:https://www.pengfeixc.comhttps://pengfeiw.github.io/hellolinearalgebra/

之前就考虑把我的个人网站开源,但是因为我的网站比较复杂,包括个客户端页面、后台页面和服务器端,所以一直没有开源。

所以最近花了些时间,整理了下网站,写了一个独立的只有客户端的项目:你好,线性代数,这个项目是完全开源的,并且前端代码几乎是一样的,只不过去掉了服务端和后台的代码,你可以直接fork然后利用它搭建自己的个人博客。

介绍

项目采用的是nextjs+chakra-ui,和我目前的个人网站风格完全一致,而且这个项目利用了github page + github action实现了自动部署,并且github page相当于一个完全免费的静态资源服务器,所以搭建这个网站不需要花费一分钱,只需要一个github账号即可。

每次有更新内容,我只需要将代码或者文章push到github,然后github action会自动执行任务:打包 + 部署。

另外,在项目中我使用了mdx写文档,mdx可以看作markdownjsx的合体,集合了两者的优势,既有markdown编写文档的速度,又可以在markdown中添加组件,什么叫组件呢,就是我可以在markdown文档中加入程序代码,例如你好,线性代数主页的那个可操控的坐标系和切换网站主题色的按钮,都是通过导入程序组件实现的。

代码仓库

github地址:https://github.com/pengfeiw/hellolinearalgebra

项目online地址:https://pengfeiw.github.io/hellolinearalgebra/

有疑问,可以在文章下方留言。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值