Weekly潮流周刊：记录工程师的不枯燥生活

项目概述

Weekly（潮流周刊）是由twa（也是Pake、Kaku、Mole的作者）创建的个人周报项目，核心定位是记录工程师Tw93的不枯燥生活。这个项目已经持续更新了263期，每一期都是一篇精心撰写的博客文章，记录旅行、美食、摄影和生活感悟。

官方网站：https://weekly.tw93.fun

官方定位：🩴 Trendy Weekly records my non-boring life. 记录工程师Tw93的不枯燥生活，欢迎订阅，也欢迎推荐你的好东西，Fork自用可见。

为什么存在Weekly？

在这个信息爆炸的时代，我们每天都在消费大量的技术内容、新闻资讯。但很少有人记录真实的个人生活——那些旅行中的风景、偶然发现的小店、旅途中的思考。

Tw93选择用Weekly来记录他的生活：

• 不是技术教程
• 不是产品评测
• 而是真实的生活片段

这种独特的定位让Weekly在GitHub上脱颖而出，成为一股清流。

内容特色

263期标题赏析

Weekly的标题独具诗意，每一期都像一首短诗：

内容结构

每一期Weekly通常包含：

## 📍 地点/主题

- 🖼️ 照片故事
- 🍜 美食体验
- 💭 思考感悟
- 🔧 技术相关（偶尔）
- 📱 工具推荐（偶尔）

特色元素

技术架构

框架选择：Astro

Weekly使用Astro作为静态网站框架：

// astro.config.mjs
import { defineConfig } from 'astro/config';

export default defineConfig({
  // SSG模式，生成静态HTML
  output: 'static',
  
  // Markdown/MDX支持
  integrations: [...],
  
  // Tailwind CSS集成
  tailwind: {...},
});

为什么选择Astro：

Astro的Island Architecture非常适合内容主导的网站：

• 静态HTML优先
• 按需加载JavaScript
• 极快的首屏加载速度

样式方案：Tailwind CSS

<!-- 使用Tailwind编写样式 -->
<div class="max-w-2xl mx-auto px-4 py-8">
  <article class="prose prose-lg">
    {{ content }}
  </article>
</div>

Tailwind CSS的优势：

• 🚀 无需编写自定义CSS
• 📦 极小的CSS体积（Tree-shaking）
• 🎨 一致的设计系统
• ⚡ 开发体验极佳

内容管理：Markdown/MDX

---
title: "第263期 - 硬件之美"
date: 2026-04-06
location: 杭州
weather: 晴
---

# 硬件之美

今天去看了一个新的硬件展览...

![硬件照片](hardware.jpg)

## 几个印象深刻的展品

1. 最新的M4芯片演示
2. 机械键盘展区
3. 奇怪的无人机

优势：

• 📝 写作体验极佳（Markdown）
• 🔍 易于搜索
• 📦 内容与代码分离
• 🔄 版本控制友好

图片处理

// rehype-image.js - 自定义图片处理
import { visit } from 'unist-util-visit';

export function rehypeImage() {
  return (tree) => {
    visit(tree, 'element', (node) => {
      if (node.tagName === 'img') {
        // 添加懒加载
        node.properties.loading = 'lazy';
        // 添加渐进式加载
        node.properties.className = ['blur-load'];
      }
    });
  };
}

图片优化策略：

• 懒加载（Native lazy loading）
• 渐进式加载（Blur-up效果）
• WebP格式自动转换
• 响应式图片（srcset）

部署架构

GitHub Repository
     ↓ Push/Merge
GitHub Actions
     ↓ 自动构建
Vercel/GitHub Pages
     ↓ CDN分发
全球用户

自动化部署：

• 每次更新自动构建
• 500+次部署记录
• 生产环境自动同步

功能设计

响应式设计

/* Mobile First */
.weekly-card {
  @apply p-4 mb-4 bg-white rounded-lg shadow;
}

/* Tablet+ */
@media (min-width: 768px) {
  .weekly-card {
    @apply p-6 mb-6;
  }
}

夜间模式

// 自动跟随系统主题
const theme = window.matchMedia('(prefers-color-scheme: dark)').matches 
  ? 'dark' 
  : 'light';

document.documentElement.classList.toggle('dark', theme === 'dark');

搜索功能

// posts.json - 所有文章索引
[
  {
    "slug": "263",
    "title": "硬件之美",
    "date": "2026-04-06",
    "tags": ["硬件", "杭州"],
    "excerpt": "今天去看了一个新的硬件展览..."
  },
  // ...
]

评论区：Giscus

// giscus.json
{
  "repo": "tw93/Weekly",
  "repoId": "xxx",
  "category": "Announcements",
  "mapping": "pathname",
  "reactionsEnabled": true,
  "commenting": "public"
}

Giscus基于GitHub Discussions，支持：

• 💬 评论
• 👍 reactions
• 📝 讨论帖

使用指南

订阅Weekly

方式一：GitHub Watch

# 在GitHub上Watch项目
https://github.com/tw93/Weekly

方式二：RSS订阅

<!-- RSS feed URL -->
https://weekly.tw93.fun/rss.xml

方式三：邮件订阅

• 访问官网提交邮箱
• 每周自动推送新期

Fork自建

如果你想定制自己的周报：

# 1. Fork项目
git clone https://github.com/YOUR_USERNAME/Weekly.git

# 2. 安装依赖
pnpm install

# 3. 本地开发
pnpm dev

# 4. 部署
# 连接Vercel或GitHub Pages

自定义配置

// 修改个人信息
const author = {
  name: 'Your Name',
  bio: '你的简介',
  avatar: '/avatar.jpg',
  links: {
    twitter: 'https://twitter.com/xxx',
    github: 'https://github.com/xxx',
  }
};

// 修改网站信息
const site = {
  title: '我的周刊',
  description: '记录我的生活',
  url: 'https://my-weekly.vercel.app',
};

与同类项目对比

Weekly的独特价值

1. 真实生活：不是技术内容，是真实的生活记录
2. 诗意表达：每期标题都精心设计
3. 长期坚持：263期，持续多年
4. 个人品牌：成为Tw93的标志性项目

运营分析

发布频率

// 263期的时间跨度分析
const startDate = new Date('2020-01-01');
const endDate = new Date('2026-04-07');
const totalDays = (endDate - startDate) / (1000 * 60 * 60 * 24);
const weeks = totalDays / 7;

// 实际发布频率
const publishRate = 263 / weeks; // ~75%的周数有更新

统计：

• 发布频率：约75%（不是每周必更）
• 平均字数：约800-1500字
• 更新周期：通常1-2周一期

社区互动

社区贡献：

• 3位 Contributors
• 多人通过Fork创建自己的周报
• 定期有读者反馈

商业化探索

可能的变现方式

虽然Weekly目前是纯个人项目，但类似的模式可以探索：

Weekly的可持续性

Tw93的其他项目（Pake、Mole等）都是开源免费项目。Weekly更像是一个个人品牌建设：

• 展示写作能力
• 建立读者信任
• 为其他项目导流

成功因素分析

为什么Weekly能持续263期？

1. 热爱驱动：不是为了流量，是真的喜欢记录
2. 低门槛创作：每期不需要很长
3. 正向反馈：读者喜欢，Star支持
4. 时间投资：每周几小时，可持续

可以借鉴的地方

总结

Weekly是一个独特的个人项目，它证明了：

1. 内容比技术更重要：好的内容不需要复杂的技术
2. 坚持是核心竞争力：263期的积累是壁垒
3. 个人品牌需要载体：Weekly成为Tw93的名片

推荐关注：

• ✅ 喜欢生活方式内容的人
• ✅ 想要建立个人品牌的人
• ✅ 寻找创作灵感的人

项目地址：https://github.com/tw93/Weekly 官方网站：https://weekly.tw93.fun

本文基于Weekly项目编写，发布时间：2026-04-07