前端
https://jeffhuang.com/designed_to_last/ 製作永恆的網頁
https://www.zhangxinxu.com/wordpress/2018/01/html5-details-summary-no-js-ux/ 无 js 實現下拉菜單
https://github.com/robsheldon/sscaffold-css 標準化 css
https://bansal.io/pattern-css css 背景
https://leaverou.github.io/css3patterns/ Css 背景！超好看！！！
https://www.invisionapp.com/inside-design/typography-tips/ 簡單的排版指南 英文
https://coolsymbol.com/ 特殊符號大全
smashingmagazine 前端設計師必備
https://caniuse.com/ css 兼容性查詢
https://umami.is/ 開源網站流量分析工具
https://myraah.io/visualmind AI 測試有多少人喜歡你網站的界面？
https://css-tricks.com/new-year-new-job-lets-make-a-grid-powered-resume/
github.com/microsoft/Web-Dev-For-Beginners 微软在 GitHub 开源了一份 Web 开发教程：《给初学者看的 Web 开发教程》（Web Development for Beginners）。课时为期 12 周，共 24 节，主要讲解 JavaScript、CSS、HTML 相关的基础知识，并通过开发打字游戏、浏览器扩展、太空游戏等多个项目，带你了解 Web 开发的整体流程。为了让开发者可以更为充分的吸收课程知识，每节课均附有课前课后测验、课程说明、草图笔记、项目挑战、作业任务等内容。
https://zhuanlan.zhihu.com/p/158879335 https://github.com/Hedgehog-Computing/hedgehog-lab 大家好，Hedgehog Lab 0.3 版本已经发布了（https://hedgehog-lab.github.io/），这个版本最大的改动就是babel前端更新的operator overload 插件配合 nerdamer 实现了 JavaScript 上的非常初级简单的符号计算，用户体验堪比 Matlab。
建站
Foxhole：IPFS 和博客 〔太有用了，強烈收藏！〕
https://www.ramnode.com/ 在北美的 VPS 服務商，速度還挺快
https://eclips.is 致力於數字人權的 VPS 託管平臺，好像不能註冊
https://neocities.org/ 構建、託管網站
https://writefreely.org/ 輕量網站生成工具，可以組建社區
https://github.com/knadh/listmonk 郵件發送服務
webmention.io 網頁提醒
remark42 很不錯的開源評論系統
https://github.com/walinejs/waline 評論
从零开始搭建一个免费的个人博客数据统计系统（umami + Vercel + Heroku）
https://commento.io/ 很好的評論系統。就是有點貴
網頁鏈接加密 https://jstrieb.github.io/link-lock/create/
柳千叶：vercel 是什么神仙网站？
https://sendgrid.com/pricing/ 郵件發送服務
椒盐鸵鸟 :pokemon006: @mtfront@douchi.space 1 year(s) ago 总结一下这两天折腾过的几个邮件服务（我也刚用两天，且此前没有建站/邮箱服务基础，因此有不对的地方欢迎指正）
Zoho：免费，邮件次数限制比较低，UX 处在上个世纪，管理不是特别方便。它给的限制封数我感觉不是特别准，而且无声无息就会停发，还特别难找目前的使用状况。适合个人站及小站。但是它有目前我用过觉得最准确的教程：https://blog.pullopen.workers.dev/2020/06/07/mastodon-self-instance/
Mailgun：三个月免费，之后 Flex 收费比较便宜（一定 base + “流量费”），但我跟人觉得 UI 不是很 intuitive，适合企业级用户。这是我发现 Zoho 顶不住本站流量之后换的第二个服务，平时公司就用他们印象还挺不错的，但折腾了一阵之后发现不是特别适合我。
Sendgrid：免费 tier 有 100 email/day 应该适用于小站（确认邮件一封，确认成功一封，so <50 sign up per day），需求超过这个的话下一个收费 plan 是 14.99USD/month，而且月初收费所以月中买会 prorated 很简洁。UX 很好用，有方便的 web 管理 dashboard，可以看到具体邮件发送、点击情况，还可以直接用网页编辑邮件 launch campaign. 自动转发个人邮箱，设置简单，是我照着官方教程设置 DNS 时候困难最少的一个（也有可能是我设了三遍已经熟练了）。总体来说我挺推荐这个的，但听有些象友说（没有美国的付款信息和 IP？）比较难注册到。这里有象友的教程不过他们的 UI 似乎有改动不是完全一样：https://i.nebula.moe/posts/2019-09-13-mastodon/
Sendgrid 我认为平时不在引流期本站用免费 plan 就行了，但是昨天积压了大批验证邮件所以今天 100 封一下就超了（失败的不处理的话会被 mastodon 放在 queue 里继续 retry），于是打算先买个付费的满足新站流量需求之后再降级免费。
综上，整体推荐 sendgrid（如果注册得了的话），mailgun 比较懂邮件服务的象友折腾一下可能会最大性价比地满足需求（flex plan），个人站、小站以及小白的话无脑跟第一个链接里的教程 zoho 吧。
通过 Mailcow 拥有自己的邮件服务器，2017 -10-11 這個最好
[如何在 Ubuntu 环境下搭建邮件服务器（一）](https://linux.cn/article-8071-1.html
https://yunohost.org/en/install/hardware:vps_debian
postfix
emos
基于 Linux 自己搭建邮件系统，用 postfix 是否为最好的选择？如果要支持 webmail，用什么软件搭配比较好？ - 知乎用户的回答 - 知乎 https://www.zhihu.com/question/20667903/answer/37990621
在 ubuntu16.04LTS 上用 postfix3+mysql5.7+dovecot2.2 架设邮件服务器 2018 年 4 月 10 日 BY WORKATNET·0 评论
http://www.workatnet.site/2018/04/10/cfg_mailserver_with_sw_updated/
https://www.cnblogs.com/wuyoucao/p/11136430.html 最新 ubuntu 搭建公网个人邮件服务器 (基于 postfix，dovecot,mysql)
postfix 邮件服务器部署安装（centos6.5） https://blog.csdn.net/chshgod1/article/details/88837804
非常詳細的 使用 Mastodon 搭建个人信息平台：前篇，苏洋博客
在长毛象跨实例搬家，灰色闪电⚡，2021-12
这里需要区别跳转和迁移两个概念。“跳转 (put up a redirect on your profile)”指点开旧账号后会跳转到新账号，两个账号仍然都存在。“迁移 (migrate)“指暂停掉旧账号，并将数据迁到新账号。
以下介绍的是迁移的步骤（官方文档：https://docs.o3o.ca/user/moving/ )，完成后旧账号就冷冻了。 首先，登入新账号，用新账号发表一个@了旧账号的嘟嘟——这一步叫做“引用 (The new account must first be configured to back-reference this one)”。
在新账号，Preference –> Account –> Account seetings –> Moving from a different account –> create an account alias —— 这一步叫做“将旧账户设置为新账户的别名”
回到旧账号，Preference –> Account –> Account settings –> Move to a different account –> configure it here —— 这是最终迁移的一步，输入新账号的 username@domain，再输入旧账号的密码，迁移就开始啦
介绍如何从设置开始熟悉长毛象运行逻辑的新人指北：我流长毛象中文使用指北：从调整设置开始逐步熟悉 Mastodon
我自己的站点建立流程笔记：小球飞象站建站过程及相关笔记，Docker 建站，建站时间 2021 年 11 月底
站点建立后的一系列运营及装修参考（是我参考过的文章汇总）：给新站长：建站后可参考的运维及装修相关操作
Mataroa blog 极简裸博客平台
Doks Hugo 很好的主題
为 React 书写文档
- Styleguidist
- docz
- Docusaurus
react with Hugo：
https://josemdev.com/how-to-render-a-react-component-in-hugo/
https://www.wictorwilen.se/blog/how-to-add-a-react-script-to-hugo/
- BackBlaze 静态文件托管，如图片，结合 Cloudflare 很方便
- Plausible Privacy friendly 的访问统计服务
- Fly.io 全球多节点托管 Docker，支持 PostgreSQL 数据库，适合部署后端服务
友鏈圈 網頁 RSS 訂閱項目
newsletter
可能是目前最全的 RSS 源，微信公众号也有！，奔跑中的奶酪，2022-03-09
Matter pulls everything you want to read into one beautiful place. With powerful tools, social curation, seamless audio and more, we’re building a reader for today’s internet.
https://newsletter.infomaniak.com/ 一個平台
郵箱
Jimmy Tian：将邮件服务商迁移至 Fastmail 和 Migadu，2022-03-08
Fastmail 更像是一家邮件服务提供商，为用户提供高效且出色的邮件服务，你把你的域名接入进去，就可以获得不错的邮箱体验。网页邮箱和客户端体验都算一流，但是网页邮箱和管理后台是在一起的，如果你有好几个域名用作不同的用途，想区分收件箱的话，则需要给每个独立的邮箱都交一次钱。
Migadu 更像是一家邮件服务器提供商，为用户提供高度可自定义化的邮件服务器，能想到的功能都给你塞上，管理后台用着也很舒服。管理后台和网页邮箱是分开的。网页邮箱的体验能用但不算好用，也没有提供多平台的客户端。
如果你有一打域名用在不同的地方，可能需要多用户，但实际收发信不多的话，Migadu 性价比更高，也更便宜。
如果你只是作为私人邮箱使用，没有很多个域名和用途，Fastmail 是综合体验最好的邮箱，并且对个人来说限制不算很多。
https://www.olvid.io/en/ 加密聊天软件，号称可以保护元数据，获得了法国国家网络安全局的认证。注册无需手机号和邮箱
區塊鏈
lokinet.org
mirror.xyz 和以太坊聯繫起來的博客平臺
https://www.freepn.org/ 一个点对点的 vpn，mac 平台还没开通
圖像資源
https://www.artic.edu/collection?is_public_domain=1 芝加哥艺术学院的网站提供 5 万多张艺术品图片，全部都是高分辨率，而且可以免费使用
flickr.com/photos/biodivlibrary/with/49787612338/ 動植物插圖
letters 日本一家網頁設計公司，主頁用白描線條，太吸睛了
behance 高質量插畫
bookcoverarchive 書封面
https://www.design-is-fine.org/ 一個設計史教授的個人數位收藏的展示間
圖像工具
draw.io 思維導圖
AI 图片上色 古朴
AI 图片上色 鲜艳
Zen Flowchart 流程圖
https://markmap.js.org/repl/ markdown 思維導圖
https://www.remove.bg/ AI 摳圖
https://colorize.cc/ 黑白照片上色
https://toonify.justinpinkney.com/ 把你的頭像卡通化。
Rapid weaver 一個做網頁的工具
squash3，非常好用的圖片批處理
https://anti-ocr-web.github.io/ 生成反 OCR 圖片
文字工具
bionic reading 一種神奇的技術，提高閱讀的節奏感
https://jex.im/regulex/ 正則表達式圖形化查驗
https://usememo.com/ 筆記軟件
https://github.com/ksky521/nodeppt markdown 轉換為網頁 ppt
https://web.baimiaoapp.com/ 專門針對中文的白描 OCR
在线文档协作工具：
文件分享工具
- https://file.love/ P2P
- https://wetransfer.com 文件分享平臺，沒被牆
- https://ufile.io/
- https://www.swisstransfer.com/en Files stored in Switzerland
- https://filedropper.com
- https://pdf.maitube.com/ PDF 分享，直接在線瀏覽
- https://SendGB.com
- https://dropmefiles.com
- https://dfile.app/ 基於 IPFS 的文件分享工具
- https://onionshare.org
- PrivateBin 一个极简、开源、支持阅后即焚和匿名讨论区的在线粘贴版。你可以在编辑框里输入任何敏感信息，然后发送网址给别人，再等其到时自动销毁。还可以在上面设置销毁时间、开放讨论、添加打开密码和添加附件。
- https://notesnook.com/ 一个开源的端对端加密的笔记服务，保证内容完全私密，即使泄漏也无法破解。它有 Web 端、桌面端、手机端。你可以用官方服务器，也可以自己架设服务器。
隱私
https://simplelogin.io/ 生成匿名郵箱，免費用戶有 15 個地址
DNS 洩露
https://www.astrill.com/zh/dns-leak-test
瀏覽器指紋
https://fingerprintjs.com/demo
Firefox 阻止分辨率獲取：privacy.resistFingerprinting.letterboxing
是否在用 TOR
打破棱鏡
https://prism-break.org/zh-CN/categories/routers/
https://digdeeper.neocities.org/ghost/email.html#Summary
其他
https://www.virustotal.com/gui/ 所有殺毒軟件集合在線檢測
https://webbkoll.dataskydd.net/en 測試網站安全性的工具，很獨特
写隐术
交流一些反数字密写的一些方法 what happened: 1.现在很多公司的网页，很多 app 截屏模块都有密写的水印。 目的是什么，就是溯源。 你发了一个截屏，然后吐槽，发在微博。 你以为别人不知道你是谁。 但是，公司或者有关机构一下子就可以根据你的图片溯源出你是谁。 然后线下的麻烦来了。 图 1，就是一个例子。 这个很简单。 还有各种各样的密写方式，比如有的公司会按照一定的规律放像素。然后解码就出来了。 这种直接在图像上可以看得到的都是时域加的水印。 如果了解数字水印的话，如果在往频域里面加密写的信息。你缩放，旋转，截图，都很难干扰数字水印。你搜一下小波与数字水印，这是好多年前非常流行的一个研究领域。
对抗数字水印 对于时域的密写有一些工具，帮你看看有没有密写区域。比如用网站 https://fotoforensics.com/ 帮你找出来，你仔细看对比区域，就可以看到密写区域。红圈处。
无论是频域还是时域的水印， 一个办法就是用另外一个手机拍摄屏幕（不要拍视频） 用手机拍摄图片是一种非常有效的干扰方式。特别你加上一定的角度与光照曝光的情况下。无论是那种水印密写都会受到巨大干扰。但是手机拍摄的图片如果处理不好，会包含更多的信息，所以你需要把你的手机图片的 exif 信息全部抹掉。http://t.cn/A6ikQn2m 这样是最大可能去除各种密写水印的办法。
其他
清华大学开源软件镜像站 https://mirrors.tuna.tsinghua.edu.cn/
Teach Yourself Computer Science
https://missing-semester-cn.github.io/ 常見教程不會提到的
diep 一個砲台 html5 遊戲
book4you 中英文电子书俱全
https://www.expatistan.com/cost-of-living/country/ranking 全球城市生活费
https://fireside.fm/ 一個播客託管平台。
維基
小时百科〔非常專業，可以用來自學數學、物理〕
維基基金會下的網站：
blender
作为一枚资深 blender 菜鸡，我整理了一个学习菜单，推荐给所有 blender 萌新。写得有点长，因为我想尽可能详细地还原自己的入门过程，大家可以根据不同阶段来选择合适自己的教程。
首先，下载软件，blender 是完全免费的。
▶ 直接去官网下载就行：https://www.blender.org/download/
[浮云]
对于萌新，下面这几个优质零基础教程四选一即可：
【1】Blender Guru 的甜甜圈教程，几乎所有大神都是从这个甜甜圈开启的 blender 之路。 ▶ 3.0 全新版教程地址：https://www.youtube.com/playlist?list=PLjEaoINr3zgFX8ZsChQVQsuDSjEqdWMAD ▶ B 站搬运：https://www.bilibili.com/video/BV1Dg411A7T1?p=15
▶ 2.8 旧版教程地址：https://www.youtube.com/playlist?list=PLjEaoINr3zgEq0u2MzVgAaHEBt--xLB6U ▶ B 站搬运：https://www.bilibili.com/video/BV1az4y1X7Tr
【2】CrossMind Studio 的 7 天学会 blener 系列，每天学习一个小场景，最后一天还会教你做一架可爱的小飞机！ ▶ 教程地址：https://www.youtube.com/watch?v=e-fetDXDXX8&list=PLgO2ChD7acqH5S3fCO1GbAJC55NeVaCCp&ab_channel=CrossMindStudio ▶ B 站搬运：https://www.bilibili.com/video/BV1t54y1R7KF
【3】@LeoLiArt 的保姆级全中文讲解入门教程，详细到每一下点击，猪头人和神秘峡谷系列都非常适合入门，建议按顺序看。
▶ https://www.bilibili.com/video/BV1Ji4y1g7Kf
【4】扎克（Zach Reinhardt）的写实苹果渲染教程，学完就能做出超逼真的苹果！ ▶ B 站搬运：https://www.bilibili.com/video/BV1iE411q7kD
【5】以上这四个都是完全免费的教程，如果你预算充足，个人真的十分建议你试试扎克的科幻小蓝车教程，即使你零基础，学完之后也能做出图 7 那样的小短片！！！ ▶ 教程地址：https://academy.cgboost.com/p/blender-2-8-launch-pad ▶ B 站搬运：大家还是支持一下正版吧
如果你不确定要不要入坑，可以先看看@嘉文钱 的这篇入门图文教程，也非常经典：https://m.weibo.cn/status/4600855048761573?
食用上面的系统教程时，可能会因为时长而陷入枯燥期，这时可以适当搭配一些零食教程。这些教程的特点是能快速做出一些魔法效果，短时间内能获得巨大的成就感，支撑你走下去。（当然，零食别吃太多哈）
【1】Ducky 3D 的所有教程，每集只有 5~10 分钟却疗效显著。 ▶ B 站搬运：直接搜名字即可
【2】UP 主王也道长 OS 也会经常翻译和搬运一些 blender 小教程，推荐大家去寻宝。 ▶ B 站主页：https://space.bilibili.com/317042327
[浮云]
另外，学习过程中你可能经常遇到有些知识点需要查漏补缺，推荐你一个百科全书级别的 UP：只剩一瓶辣椒酱 ▶ B 站主页：https://space.bilibili.com/35723238