# 潮流周刊 100 期，做了个官网

> 之前潮流周刊放到了 Github 上，不是太好用，趁着国庆那几天，学习了下 Astro ，自己设计开发了一个潮流周刊的官网，终于感觉舒服一些了，分享出来给大家。

- 发布日期: 2022-10-22
- Author: Tw93
- HTML: https://tw93.fun/2022-10-22/weekly.html
- English translation: https://tw93.fun/en/2022-10-22/weekly.md
- 全部文章: https://tw93.fun/posts.md

---

## 起源

潮流周刊起源于两年前内部团队的一次讨论会中，同学反馈团队当前潮流前端技术氛围不浓，然后就给立了一个 Flag ，每周给大伙分享潮流技术，然后就有了潮流周刊，当前已经 100 期了，不过一直是内部文档呈现，问题也不大。

后面有些兄弟部门出去的朋友问有没有外部版本，于是就将其直接放到了 Github Readme 了一段时间，不过展示效果不太好，自己也有强迫症，趁着国庆那几天，学习了下 Astro ，自己设计开发了一个潮流周刊的官网，终于感觉舒服一些了，分享出来给大家，比如说有类型周刊需求或者写 Blog 找模版的同学可以 Fork 过去用也行，也欢迎大家订阅 [RSS]( https://weekly.tw93.fun/rss.xml)。

可能网站也有一些设计或者使用不好的地方，欢迎指出交流。

## 地址

- 官网：<http://weekly.tw93.fun/>
- Github：<https://github.com/tw93/weekly>

## 展示效果

### PC 效果

![1]( https://cdn.tw93.fun/blog/upic/L3aaeT.png)

![2]( https://cdn.tw93.fun/blog/upic/1gxvuQ.png)

### 手机效果

![3]( https://cdn.tw93.fun/blog/upic/Qwbbb8.png)

### RSS 效果

![4]( https://cdn.tw93.fun/blog/upic/7R9FZX.png)

## 最后

- 希望志同道合的朋友喜欢，其实写周刊更像是一个记录自己程序员不枯燥生活的一个“朋友圈”，也是一个技术观点交流的渠道。
- 使用 [Astro]( https://astro.build/) 发现这个框架很不错，学习成本低，可以理解是对于内容展示网站的 Nextjs 的感觉，打包编译使用 Vite ，对于文档的类 Node 操作处理同样也很方便，有兴趣的也可以试试。