計算機網站(給自己看)

整理了一下收藏夾。給自己看的,沒什麼價値

前端

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

fullpage JS

https://bansal.io/pattern-css css背景

https://leaverou.github.io/css3patterns/ Css背景!超好看!!!

https://www.invisionapp.com/inside-design/typography-tips/ 簡單的排版指南 英文

https://sscaffold-css.com/

一些符號的html轉義

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 很不錯的開源評論系統

从零开始搭建一个免费的个人博客数据统计系统(umami + Vercel + Heroku)

https://commento.io/ 很好的評論系統。就是有點貴

2020 年,如何才能拥有一个个人网站?

網頁鏈接加密 https://jstrieb.github.io/link-lock/create/

柳千叶:vercel是什么神仙网站?

vrecel安装typecho

vercel安装Hugo

静态网页用sqlite

writefreely教程

長毛象各站點被牆檢測

https://docs.joinplu.me/

https://sendgrid.com/pricing/ 郵件發送服務

椒盐鸵鸟 :pokemon006: @mtfront@douchi.space 1 year(s) ago 总结一下这两天折腾过的几个邮件服务(我也刚用两天,且此前没有建站/邮箱服务基础,因此有不对的地方欢迎指正)

  1. Zoho:免费,邮件次数限制比较低,UX 处在上个世纪,管理不是特别方便。它给的限制封数我感觉不是特别准,而且无声无息就会停发,还特别难找目前的使用状况。适合个人站及小站。但是它有目前我用过觉得最准确的教程:https://blog.pullopen.workers.dev/2020/06/07/mastodon-self-instance/

  2. Mailgun:三个月免费,之后 Flex 收费比较便宜(一定 base + “流量费”),但我跟人觉得 UI 不是很 intuitive,适合企业级用户。这是我发现 Zoho 顶不住本站流量之后换的第二个服务,平时公司就用他们印象还挺不错的,但折腾了一阵之后发现不是特别适合我。

  3. 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/

自建Gitea教程

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 是综合体验最好的邮箱,并且对个人来说限制不算很多。

區塊鏈

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 書封面

芝加哥美術館高清名畫

Google_Art_Project

木星愛好者

https://www.design-is-fine.org/ 一個設計史教授的個人數位收藏的展示間

圖像工具

draw.io 思維導圖

AI图片放大

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圖片

文字工具

latex語法

bionic reading 一種神奇的技術,提高閱讀的節奏感

中文亂序生成器

https://usememo.com/ 筆記軟件

https://github.com/ksky521/nodeppt markdown 轉換為網頁 ppt

https://web.baimiaoapp.com/ 專門針對中文的白描 OCR

文件分享工具

隱私

https://simplelogin.io/ 生成匿名郵箱,免費用戶有 15 個地址

DNS 洩露

https://dnsleaktest.com/

https://www.astrill.com/zh/dns-leak-test

http://ip-check.info/?lang=en

瀏覽器指紋

https://fingerprintjs.com/demo

https://panopticlick.eff.org/

https://amiunique.org/fp

https://www.deviceinfo.me/

Firefox 阻止分辨率獲取:privacy.resistFingerprinting.letterboxing

是否在用 TOR

https://check.torproject.org/

打破棱鏡

https://prism-break.org/zh-CN/categories/routers/

https://digdeeper.neocities.org/ghost/email.html#Summary

其他

自我人肉

Cloudflare ESNI Checker

https://www.virustotal.com/gui/ 所有殺毒軟件集合在線檢測

https://webbkoll.dataskydd.net/en 測試網站安全性的工具,很獨特

写隐术

交流一些反数字密写的一些方法 what happened: 1.现在很多公司的网页,很多app截屏模块都有密写的水印。 目的是什么,就是溯源。 你发了一个截屏,然后吐槽,发在微博。 你以为别人不知道你是谁。 但是,公司或者有关机构一下子就可以根据你的图片溯源出你是谁。 然后线下的麻烦来了。 图1,就是一个例子。 这个很简单。 还有各种各样的密写方式,比如有的公司会按照一定的规律放像素。然后解码就出来了。 这种直接在图像上可以看得到的都是时域加的水印。 如果了解数字水印的话,如果在往频域里面加密写的信息。你缩放,旋转,截图,都很难干扰数字水印。你搜一下小波与数字水印,这是好多年前非常流行的一个研究领域。

对抗数字水印 对于时域的密写有一些工具,帮你看看有没有密写区域。比如用网站 https://fotoforensics.com/ 帮你找出来,你仔细看对比区域,就可以看到密写区域。红圈处。

无论是频域还是时域的水印, 一个办法就是用另外一个手机拍摄屏幕(不要拍视频) 用手机拍摄图片是一种非常有效的干扰方式。特别你加上一定的角度与光照曝光的情况下。无论是那种水印密写都会受到巨大干扰。但是手机拍摄的图片如果处理不好,会包含更多的信息,所以你需要把你的手机图片的exif信息全部抹掉。http://t.cn/A6ikQn2m 这样是最大可能去除各种密写水印的办法。

其他

Teach Yourself Computer Science

https://missing-semester-cn.github.io/ 常見教程不會提到的

diep 一個砲台 html5 遊戲

Go語言英語電子書

杂志 https://magazinelib.com/

https://www.expatistan.com/cost-of-living/country/ranking 全球城市生活费

https://fireside.fm/ 一個播客託管平台。

AI入門

AI作曲

維基

小时百科〔非常專業,可以用來自學數學、物理〕

維基基金會下的網站:

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