Skip to content

panic-3170/FollowMe

BranchesTags

Repository files navigation

王哪走都是上坡 · 独立开发者博客（FollowMe）

一个面向中文开发者的独立开发者技术博客与个人主页：深耕 Python/ Golang / Flutter / TypeScript / Nuxt.js / Flutter 实战教程与 AI 编程（Cursor / Claude Code）实战，分享独立产品出海、远程开发与团队协作、期货趋势跟踪与移动止损策略、程序员副业变现与个人成长方法论。

Vue 3 Nuxt TypeScript Tailwind CSS License GitHub Pages

在线访问：https://apppss.com · RSS：https://apppss.com/rss.xml · Sitemap：https://apppss.com/sitemap.xml · llms.txt：https://apppss.com/llms.txt

目录

项目简介

FollowMe 是独立开发者 王哪走都是上坡 的个人技术博客与作品集站点，专注于"用代码创造有价值的数字产品"。站点采用 Nuxt 3 + Vue 3 + TypeScript + Tailwind CSS 构建，纯静态生成（SSG） 后通过 GitHub Pages + 自定义域名 apppss.com 上线，无需服务器即可承载全文检索、RSS、Sitemap、llms.txt、Schema.org 结构化数据等一整套现代博客能力。

站点内容覆盖五大方向：

方向 关键词
前端 / 移动端技术 Vue 3 组合式 API、TypeScript 类型体操、React Native 性能优化、Flutter 跨平台
独立开发与产品 独立开发者、创业心得、副业变现、出海、个人成长、产品设计
工具 / 教程 Git 工作流、Telegram 86 号码找回、海外 VPS 的 CDN 加速与网站防探测
交易 / 投资 期货交易、趋势跟踪、移动止损、看大做小、RSI 临界点入场
AI 编程 Cursor、Claude Code、GitHub Copilot、Prompt 工程、AI Agent、代码评审自动化、Vibe Coding

适合正在学习 Vue 3 / TypeScript / React Native / Flutter 的前端与移动端工程师、希望转型的在职程序员、对独立产品出海感兴趣的创业者、研究期货趋势跟踪的交易者，以及探索 AI 编程提效的全栈开发者阅读与收藏。

核心特性

  • 🚀 Nuxt 3 静态站点生成 — nuxt generate 一键产出纯静态 HTML，托管在 GitHub Pages 零成本运行
  • 🎨 Tailwind CSS 4 + 现代极简 UI — 响应式设计，桌面 / 平板 / 手机三端一致体验
  • 🔍 完整 SEO 套件 — 自动生成 sitemap.xml / rss.xml / robots.txt / llms.txt，每个页面独立的 meta、OG、Twitter Card、JSON-LD 结构化数据
  • 📝 Markdown 内容管理 — 文章存放在 content/articles/，支持 frontmatter 元数据自动解析
  • ⚡ 预渲染所有路由 — nitro.prerender.crawlLinks: true 自动发现并预渲染所有内链
  • 🤖 LLM 友好 — 内置 llms.txt（遵循 llmstxt.org 规范），便于 ChatGPT、Claude 等 AI 抓取与引用
  • 🐙 GitHub Actions 自动化部署 — push 到 main 分支即触发构建与发布
  • 🌓 暗色模式 / 中英双语 — UI 自适应系统主题
  • 🧠 AI 编程加持 — 文章与项目从构思到实现，全流程借助 Cursor / Claude Code 提效
  • 📡 RSS / Sitemap / JSON-LD — 三件套齐备，搜索引擎与订阅器全兼容

技术栈

层级 选型 版本
框架 Nuxt ^3.21.7
视图层 Vue ^3.5.13
类型系统 TypeScript ^5.8.2
样式 Tailwind CSS ^4.1.12
Markdown 解析 marked ^18.0.4
图标 lucide-vue-next ^0.379.0
存储抽象 unstorage ^1.17.5
AI 编程助手 Cursor / Claude Code —
构建工具 Vite（Nuxt 内置） —
部署 GitHub Pages（NITRO_PRESET=github_pages） —
CI/CD GitHub Actions（Node 24） —

精选项目

数据源：data/projects.ts。每个项目都有专属详情页 /projects/:id/。

📅 TimeCalendar · 时光日历

  • 简介：移动端时间管理应用，主打时间规划、事件记录、AI 复盘
  • 技术栈：Flutter · GetX · Dart · sqflite · fl_chart · sticky_headers · AI 对话复盘
  • 状态：已上线 v1.0
  • 用户量：1K+ 用户
  • 核心功能：一年时间轴可视化、AI 对话自动生成复盘报告、任务优先级与分类标签、离线模式
  • 源码：github.com/panic-3170/date

📡 趋势雷达 · TrendRadar

  • 简介：面向自媒体人与求职者的全网趋势信息聚合导航页
  • 技术栈：Nuxt.js 3 · Vue 3 · Tailwind CSS · GitHub Pages · 51.la · Google Analytics
  • 状态：已上线
  • 访问量：公开访问
  • 核心功能：7 大分类聚合 30+ 精选站点、智能搜索、一键收藏、深色模式、中英双语、响应式
  • 在线：apppss.com · 源码：github.com/panic-3170/TrendRadar

📲 WiFi 传输助手 · webflow

  • 简介：局域网 P2P 文件传输 / 即时通讯工具，无需联网，扫码即连
  • 技术栈：Flutter 3.x · Dart 3.7+ · GetX 4.6 · dart:io HttpServer · WebSocket · shelf · mobile_scanner · qr_flutter · qrcode.js
  • 状态：开发中 v1.0（内部测试）
  • 核心功能：零依赖传输、二维码扫码连接、32 字符 Token 鉴权（30 分钟自动失效）、WebSocket 实时通信、Material Design 3、深色模式、跨 6 平台
  • 源码：github.com/panic-3170/wifi-transfer-assistant

写作专栏（全部文章）

数据源：content/articles/ 下的 Markdown 文件（frontmatter 驱动）。按发布日期倒序。

工具教程

交易心得

创业人生

  • 从零到一：我的独立开发之路 · 2026-05-15 · 8 分钟

    2023 年从大厂辞职转型独立开发者的真实历程：第一款产品 TaskFlow 的诞生、Product Hunt 推广、用户从 0 到 1 万+ 的突破，以及五条核心经验总结。 标签：独立开发 · 创业 · 个人成长

技术教程

  • Vue 3 Composition API 完全指南 · 2026-04-28 · 12 分钟

    深入理解 Vue 3 Composition API 的核心概念：ref / reactive / computed / watch / watchEffect，组合式函数复用逻辑，最佳实践与 TypeScript 类型支持。 标签：Vue · JavaScript · 前端

  • React Native 性能优化实战 · 2026-04-15 · 10 分钟

    列表渲染优化（FlatList + React.memo）、FastImage 图片加载、内存泄漏排查、定时器与异步清理、帧率监控 — 真实项目里踩过的坑。 标签：React Native · 性能 · 移动端

  • TypeScript 实用技巧 · 2026-02-25 · 7 分钟

    类型守卫与类型断言、泛型 / 条件类型 / 映射类型进阶、Partial / Pick / Omit 工具类型实战，写出更类型安全、更优雅的代码。 标签：TypeScript · 前端 · 编程技巧

开发工具

  • Git 工作流最佳实践 · 2026-03-10 · 5 分钟

    Git Flow vs Trunk Based Development 分支策略、约定式提交规范（feat / fix / docs / style / refactor / test / chore）、PR 审查流程与审查要点。 标签：Git · 团队协作 · 版本控制

AI 编程（筹备中）

🚧 AI 编程专栏筹备中，即将更新 Cursor / Claude Code 实战、Prompt 工程、AI Agent 工作流、代码评审自动化等系列内容。

  • Cursor + Claude Code 双引擎实战 · 筹备中

    用 Cursor 做行内补全与 Composer，用 Claude Code 跑 Agent 任务（修 Bug、写测试、批量重构），从需求拆解到 PR 提交的全流程提效经验。 标签：AI 编程 · Cursor · Claude Code · AI Agent · 效率工具

  • Vibe Coding 与 AI 代码评审 · 筹备中

    用自然语言驱动 AI 写代码，再用 AI 帮自己 review、找 bug、写测试，覆盖 Vue 3 / TypeScript / Flutter 实战场景。 标签：AI 编程 · Vibe Coding · 代码评审 · 测试自动化

  • 独立开发者的 AI 全链路提效清单 · 筹备中

    从产品设计、UI 出图、文案撰写到客服回复，独立开发全链路的 AI 工具栈与 Prompt 模板。 标签：AI 编程 · 独立开发 · Prompt 工程 · 副业变现

💡 小贴士：每篇文章在博客详情页 https://apppss.com/writing/{id}/ 都有完整正文、目录、阅读时长与相关标签。也可以通过 RSS（/rss.xml）或 llms.txt（/llms.txt）订阅。

项目结构

FollowMe/
├── .github/
│   └── workflows/
│       └── deploy.yml          # GitHub Pages 自动部署工作流
├── assets/
│   └── css/main.css            # 全局样式
├── components/                 # Vue 组件
│   ├── AppHeader.vue
│   ├── AppFooter.vue
│   └── Breadcrumb.vue
├── composables/
│   └── usePageSeo.ts           # 统一 SEO meta + JSON-LD 注入
├── content/
│   ├── TEMPLATE.md             # 新文章 frontmatter 模板
│   └── articles/               # 所有 Markdown 文章
├── data/
│   ├── articles.ts             # 文章列表数据源
│   └── projects.ts             # 项目列表数据源
├── layouts/
│   └── default.vue
├── pages/                      # 路由
│   ├── index.vue               # 首页
│   ├── about.vue               # 关于我
│   ├── writing/
│   │   ├── index.vue           # 文章列表
│   │   └── [id].vue            # 文章详情
│   ├── projects/
│   │   └── [id].vue            # 项目详情
│   └── [...slug].vue           # 兜底动态路由
├── public/
│   ├── CNAME                   # 自定义域名 apppss.com
│   └── robots.txt
├── server/
│   ├── api/                    # 服务端 API（构建期生成）
│   └── routes/                 # sitemap.xml / rss.xml / llms.txt
├── nuxt.config.ts              # Nuxt 配置（SEO meta、prerender 等）
├── package.json
└── tsconfig.json

本地开发

环境要求：Node.js ≥ 24、pnpm（或 npm / yarn）。

# 1. 克隆仓库
git clone https://github.com/panic-3170/FollowMe.git
cd FollowMe

# 2. 安装依赖
npm install
# 或 pnpm install

# 3. 启动开发服务器（默认 http://localhost:3000）
npm run dev

# 4. 构建生产版本（静态站点输出到 .output/public）
npm run build

# 5. 预渲染生成全站静态文件
npm run generate

# 6. 本地预览生成结果
npm run preview

新增文章：在 content/articles/ 下新建 Markdown，参考 TEMPLATE.md 的 frontmatter 格式（id / title / date / category / readTime / tags），保存后 npm run dev 即热更新。

新增项目：编辑 data/projects.ts 追加对象，重启 dev server 即可。

🤖 AI 编程提示：本仓库鼓励使用 Cursor / Claude Code 辅助开发，新文章与新项目都可让 AI 先生成初稿，再人工 review 合并。

部署与 CI/CD

部署由 .github/workflows/deploy.yml 全自动完成：

  1. 触发条件：push 到 main 分支 或 手动 workflow_dispatch
  2. 构建环境：ubuntu-latest · Node.js 24
  3. 构建步骤：
    • npm ci 安装依赖
    • npm run generate + NITRO_PRESET=github_pages 生成静态站点到 .output/public
  4. 发布：通过 actions/upload-pages-artifact@v5 + actions/deploy-pages@v4 发布到 GitHub Pages
  5. 域名：public/CNAME 配置自定义域名为 apppss.com

📌 仓库默认是 GitHub Pages project page（仓库名 FollowMe），通过 public/CNAME 升级为 custom domain + apex（即 https://apppss.com，不出现 /FollowMe/ 前缀）。

SEO 优化

本仓库内置了一整套面向搜索引擎与 AI 爬虫友好的能力：

  • ✅ Meta 标签 — 每个页面独立的 title / description / keywords / robots / author
  • ✅ Open Graph & Twitter Card — 社交分享卡片完整支持
  • ✅ JSON-LD 结构化数据 — Person / Organization / WebSite / AboutPage / ProfilePage 全套 Schema.org
  • ✅ Sitemap — server/routes/sitemap.xml.ts 自动生成
  • ✅ RSS — server/routes/rss.xml.ts 自动生成
  • ✅ robots.txt — public/robots.txt
  • ✅ llms.txt — server/routes/llms.txt.ts，符合 llmstxt.org 规范，便于 ChatGPT / Claude / Gemini 抓取
  • ✅ Canonical URL — 防止重复内容
  • ✅ hreflang / 多语言 — og:locale: zh_CN / en_US
  • ✅ 预渲染 — nitro.prerender.crawlLinks: true 确保所有内链页面被静态化
  • ✅ 关键词矩阵：Vue 3、TypeScript、React Native、Nuxt 3、Flutter、Cloudflare、Cursor、Claude Code、AI 编程、Prompt 工程、AI Agent、Vibe Coding、期货交易、趋势跟踪、移动止损、独立开发、副业变现、出海、TypeScript 类型体操 等

作者

王哪走都是上坡 — 独立开发者 / 全栈工程师 · 期货交易爱好者 · AI 编程实践者

  • 🎓 开封大学 · 计算机科学
  • 💼 10+ 年互联网开发经验，2023 年转型独立开发者
  • 🚀 独立开发并上线 15+ 个项目，累计服务 30K+ 用户
  • ✍️ 持续输出技术、交易、AI 编程、个人成长类长文

技术专长：Vue 3、React Native、TypeScript、Flutter、Nuxt.js、Node.js、PostgreSQL / MongoDB / Redis、Docker、Cloudflare、GitHub Actions

交易专长：期货趋势跟踪、移动止损、品种深耕、心态管理

AI 工作流：日常使用 Cursor 做行内补全与 Composer，Claude Code 跑 Agent 任务（修 Bug、写测试、批量重构），配合自定义 Prompt 模板提效 3-5 倍。

联系与订阅

渠道 链接
个人主页 https://apppss.com
邮箱 panic3170@gmail.com
GitHub @panic-3170
X (Twitter) @theruoshui3000
RSS /rss.xml
Sitemap /sitemap.xml
llms.txt /llms.txt

欢迎就技术、交易、AI 编程、独立产品、远程工作、副业变现等话题交流。

许可证

本仓库源代码采用 MIT 许可证 开源。 博客文章版权归作者所有，转载请保留原文链接。

Built with ❤️ by @panic-3170 · Nuxt 3 · Vue 3 · TypeScript · Tailwind CSS · AI 编程加持 · Deployed on GitHub Pages

About

FollowMe 是一个独立开发者的技术博客与个人主页，专注前端（Vue 3 / Nuxt 3 / TypeScript / Flutter）、独立产品、期货交易与 AI 编程（Cursor / Claude Code）。

apppss.com/

Topics

personal-growth indie-developer futures-trading ai-coding writing-life

Resources

Readme
Activity

Stars

0 stars

Watchers

0 watching

Forks

0 forks
Report repository

Releases

No releases published

Packages

 
 
 

Contributors

Languages