chrisvrakas/chrisvrakas.github.io

# CHRIS VRAKAS — 个人网站 一个从零开始构建的个人作品集和数字阵地，零依赖、零追踪、零妥协。纯 HTML、CSS 和原生 JavaScript。 **[→ 在线网站：chrisvrakas.com](https://chrisvrakas.com)** ## 🧠 关于 大多数个人网站都是静态的宣传册。而这个网站是一份活的文档。 我是一个拥有无尽好奇心和终身学习精神的人——技术专家、Bitcoin 爱好者、隐私倡导者以及多学科的探索者。我不仅与他人不同，而且与昨天的自己也不同。本站正是这种哲学理念的数字化表达：不断进化、精心设计，并以我认为软件应有的构建方式打造——极简、快速且无监控。 没有 WordPress。没有分析工具。没有 Cookie。没有臃肿。只有代码和思想。 ## ✨ 特性 - **5 个页面** — 首页、关于我、资源、联系、隐私政策 - **600+ 精选资源** — 软件、书籍、电影、播客和书签 - **终端美学** — 等宽字体、暗黑主题、刻意为之的设计 - **原生技术栈** — 无框架、无依赖，纯 HTML/CSS/JS - **完全响应式** — 桌面端、平板端和移动端 - **隐私至上** — 无分析、无 Cookie、无第三方追踪器 - **自托管字体** — 本地加载 Sometype Mono，不使用 Google Fonts - **PGP 联系** — 因为加密理应是默认选项 ## 🎨 设计哲学 ### 零臃肿 每一个字节都经过深思熟虑： - 全局使用 Sometype Mono — 使用等宽字体是因为清晰度 > 装饰性 - `#1a1a1a` 背景、`#ddc18a` 文本、`#ff3333` 强调色 — 这就是全部调色板 - 除了滚动箭头的弹跳外没有其他动画 - 没有 JavaScript 库 — 如果原生 JS 做不到，那它就不属于这里 ### 隐私即美学 设计反映了哲学： - 没有外部字体调用（Google Fonts 会追踪用户） - 除了用于社交图标的 Font Awesome 外，不使用其他 CDN - 标记中没有隐藏的追踪像素 - 隐私政策页面不是千篇一律的法律条文 — 它是一份宣言 ### Copyleft，而非 Copyright 这个项目是开源的，因为信息渴望自由。如果这里的某些内容能帮助你构建出更好的东西，那正是它的意义所在。 ## 🛠️ 技术栈 - **HTML5** — 语义化标记，拒绝“div炎”（过度使用 div） - **CSS3** — Flexbox 布局，CSS 自定义属性，响应式断点 - **原生 JavaScript** — 汉堡菜单、滚动行为，仅此而已 - **GitHub Pages** — 静态托管，推送即部署 - **Cloudflare** — CDN、DNS 和 SSL（设置为 Custom 模式 — 见下文） - **Sometype Mono** — 自托管的可变字体 ### ⚠️ Cloudflare SSL 注意事项 SSL/TLS 模式必须保持为 **Custom**（不要选 Automatic 或 Full Strict）。Full Strict 会导致 GitHub Pages 出现 Error 526。如果网站因 526 错误而宕机，请首先检查此设置。 ## 📂 项目结构 ``` chrisvrakas.github.io/ ├── index.html # Landing page — hero, preface, quotes ├── whoami.html # About / bio page ├── resources.html # 600+ curated tools, books, films, podcasts, bookmarks ├── connect.html # Contact page with PGP key ├── privacy.html # Privacy policy (not legal boilerplate — a manifesto) ├── robots.txt # SEO: search engine instructions ├── sitemap.xml # SEO: site structure for indexing ├── favicon.ico # Classic favicon ├── favicon-16x16.png # Small favicon ├── favicon-32x32.png # Standard favicon ├── apple-touch-icon.png # iOS home screen icon ├── android-chrome-192x192.png ├── android-chrome-512x512.png └── assets/ ├── fonts/ # Sometype Mono (Regular, Medium, Bold — self-hosted) └── images/ # All PNGs: hero graphics, logos, quote images, arrows ``` ## 📚 资源页面 资源页面（`resources.html`）被镜像为一个独立的 GitHub 仓库，以便在开源生态系统中更容易被发现： **[→ awesome-polymathic-resource-stack](https://github.com/chrisvrakas/awesome-polymathic-resource-stack)** 跨越以下类别的 600 多项手工精选资源： - **软件 (SOFTWARE)** — 隐私工具、安全、加密钱包、CLI、AI/LLMs、开发工具 - **书籍 (BOOKS)** — 涵盖 Bitcoin、赛博朋克、黑客、商业、哲学、真实犯罪的 150 多本书籍 - **电影 (MOVIES)** — 值得你花时间观看的精心挑选的电影 - **播客 (PODCASTS)** — 提取有效信号，摒弃噪音 - **书签 (BOOKMARKS)** — 网络上非显而易见的精品 ## 🎨 调色板 ``` --background: #1a1a1a /* Near-black */ --text: #ddc18a /* Warm tan / gold */ --accent: #ff3333 /* Red — links, headings, highlights */ --font: 'Sometype Mono', monospace ``` ## 📄 许可证 **当所有人都主张版权时，我们选择 Copyleft。** 本项目是开源的，并在 [MIT License](LICENSE) 下发布 — 随意 Fork、修改和学习。只需在适当的地方注明出处即可。 ## 🙏 致谢 - **Sometype Mono** — 这个网站唯一需要的字体 - **GitHub Pages** — 简单好用且免费的静态托管 - **Cloudflare** — 出色的 DNS、CDN 和 SSL - 每一位证明了独立思考具有复利效应的哲学家、黑客和反传统者 ## 📬 联系方式 **Chris Vrakas** - 网站: [chrisvrakas.com](https://chrisvrakas.com) - GitHub: [@chrisvrakas](https://github.com/chrisvrakas) - X: [@chris_vrakas](https://x.com/chris_vrakas) - Medium: [@chrisvrakas](https://medium.com/@chrisvrakas) - PGP: [connect@chrisvrakas.com](mailto:connect@chrisvrakas.com) ## ⚡ 速览 - **零外部依赖** — 没有 npm，没有 webpack，没有构建步骤 - **零追踪** — 没有 Google Analytics，没有 Cookie，没有浏览器指纹追踪 - **零 JavaScript 框架** — 全程使用原生开发 - **100% HTML** — GitHub 这么说了，而且 GitHub 从不说谎

标签：PGP加密, Sometype Mono, Syscall, Vanilla JS, Web开发, 个人网站, 作品集, 前端工程, 原生JavaScript, 原生开发, 去中心化, 后端开发, 响应式设计, 密码学, 手动系统调用, 技术博客, 数字游民, 数字花园, 数据可视化, 无Cookies, 无框架, 无追踪, 暗色主题, 极简主义, 极简设计, 比特币, 等宽字体, 纯CSS, 纯HTML, 终端美学, 网络安全, 网络安全, 自托管字体, 自由开源, 资源导航, 隐私保护, 隐私保护, 零依赖, 静态网站