关于建网页相关的资源囤积(长期持续更新,可自行使用Ctrl+F或其他端浏览器自带查找工具入口查询 New! 关键词寻找新加的内容。)

每日:代码片段是好东西,还是需要更多这类兼容性高并且可以随便拆装的东西出来…

但是在搓网页之前还有域名or服务器相关的事要惦记(…

网页域名服务器

还是不懂服务器VPS相关也没看有没有什么相关商家评测站这个就略过了

无服务器免费网页托管平台(静态网站相关,需要碰git和命令行)

由于奇怪的欲望太多了很多现有在线服务大概都不能很好满足,所以目前还是更偏好自建静态网站的路子。也不想捣鼓带服务器带数据库的……

首先:真的要发私人内容就不要无脑选github page等会直接公开代码仓库的相关服务了不然你的东西也容易自动被来爬开源仓库的机器爬走,,(虽然都来建网页了在现在这个情况下或许不管干啥各种东西都会自动进入各种搅拌机里(后略

于是就算要用开源代码平台来放建站的代码的话也起码用一下可以用私密Git仓库建站的服务…(下面的都可以)并且都会给一个免费子域名。

  • Netlify 印象是可以一键暂停project让网页随时停止向外发布。感觉给的免费域名直连还行

  • Cloudflare Workers/Pages (先得有那边账号,再找到侧栏计算和AI下面的Workers和Pages)…奈何CF给的还是太多了(即便之前出现了那样的瘫痪)。不连git仓库的话还可以每次重复上传代码文件夹来部署和更新。现在CF一直在推Worker来代替page原来的Page相关都被藏角落了…Workers的免费域名好像有时候访问起来不太行(个人的某些诡异网络体验)。但是自己用page的时候遇到了神秘的项目超过100次部署就无法删掉项目的问题,需要另外下它给的脚本来删部署次数(难绷)。。

  • Vercel 用得挺广泛的但是免费域名墙了要自己挂自己域名

↑ 即便绑了自己域名但不设置robots.txt或者html文件head部分的禁止索引设置的话这些地方给的免费域名好像也会同时被搜索引擎收到,在这些地方复刻别的纯自用小项目的话不注意一下权限很可能就会有人乱入(……

neocities和nekoweb那样的地方太社交性了就略过了(。。

↑ 如果能够处理那样的跨世界社交的话…那些地方似乎只能自己去上传纯html文件。一些基本功能似乎还会被限制(外部引入一些东西还是什么来着)除非你是赞助账号(是对neocities的印象,nekoweb不知道什么样)。主题和额外功能(甚至是发blog的页面)也要到处捡工具来手拼。

还有看过部分很小的企业和兴趣者提供的服务,但是也算是很注重人的连结性的那类东西还有邀请制申请制的,对这些感觉有点害怕先不参与了

Github以外的代码托管平台 (+ updated 2026.1.25 +)

是的Git和Github不是捆绑销售产物(嗯),Git是管理代码仓库历史记录的工具,Github只是目前使用最广泛最主流的基于Git的线上代码存储/交流/分享/团队工作平台。由于一些习惯和精神洁癖的原因很多人还是会在其他地方发布自己做的东西,在开源软件领域捡东西捡多了后就能遇到一大把自建代码仓库……不过只是个人网页存储的话为了方便或许还是先选择一下主流服务…?但是知道有其他的地方存在后就可以有更多的捡东西渠道了呢

  • Gitlab 另外的主流分支选项,很多大型服务能支持连接这边仓库

  • Forgejo 好像是叫Gitea的东西分支出来的给人自部署用的代码仓库项目(上面说的个人仓库目前大部分都是用这个在建的),好像是因为前面那个东西不知道为什么商业化起来了于是分出来了一个这个。。。似乎未来有支持加入Activitypub/Fediverse的可能性

  • Codeberg 德国非营利组织,代码平台是用上面那个东西搭出来的。似乎目前很多不用github了的人会来这里。也提供免费网页发布服务Codeberg Pages但是好像不稳定(他们自己也这么说)。

  • sourcehut hub …虽然好像是已经有点geek倾向的地方了但是好像真的也有很多人往这里堆东西

代码基础 (+ updated 2026.1.31 +)

(这两个东西的好处是它们都是卡片式的视觉导向,感觉比纯一个列表列到底可能会看着舒服一些……)

  • MDN Web Docs Mozilla的前端三件套(HTML、CSS、JS)基础文档,大部分内容有中文

  • W3Schools 对不起本来因为没中文还有点懒得看但最后发现很多人分享的代码还真的都是参考这边给的案例的,那必须得看了 New!

代码工具资料

综合

HTML

CSS (+ updated 2026.1.25 +)

JavaScript

但各种网页看多了后觉得JS这个东西在静态站点还是少用点比较好非常容易卡加载…

Markdown

网页主题模板 (朴素的纯html网页模板,不是各种静态网站生成器的主题)

(虽然这边是hugo生成的但我到现在都还没怎么看hugo相关的文档(。。

综合

Neocities或其他地方看来的个人制作模板(很多只有PC端界面)(+ updated 2026.1.31 +)

布局生成类

内容归类用

(回头想看看能不能把这个tag分类的东西塞进hugo……)

综合模板

网页访问量统计工具 (+ updated 2026.1.25 +)

后台

  • umami 很多人用但是我想用的时候(1月份这阵)vercel部署好像坏掉了。。。(还是更偏好不需要碰服务器的东西…)

  • Ackee 支持vercel和netlify和docker等等等等东西但是试的时候中途又都出问题了。。(为什么

  • HanAnalytics 借助cloudflare免费部署,readme有非常详细教程。可以给页面设密码。(起码这个是能正常用的

  • GoatCounter – open source web analytics 现有的在线服务+自托管(要服务器)

前台(带装饰部件能嵌网页里)

好像这一类的就几乎没有附加的分析功能了

没特别说明就全是第三方在线服务(所以有突然倒掉的可能)

好像挺多人也还在借用fc2(有年头的日本个人网页托管地)的很多部件…(浏览量统计和那个clap点赞还有日历?什么的)

网页组件

  • DIYgod/APlayer 很多人都熟悉的可以放网易云等地方音乐的播放器

(*顺便有这么个事情存在:Aplayer和hugo的toc文章标题目录在一起用的时候会有代码冲突导致toc会出问题用不了……)

代码片段

CSS (+ updated 2026.1.31 +)

JS (+ updated 2026.1.25 +)

独立网站的联系性

neocities和nekoweb那样的地方先略过(again)…但实际上这些社区产生的联系网似乎确实能挺大的……

Webmetion

关于Webmetion的迷思

webmetion那一类的东西…因为它好像必须要用一个另外存在的网页来发回应,导致最后很多人基本都是拿长文章在发内容引用式的回应(短回复方面或许可以拿fedi类平台来回但是也没几个地方实现,并且对没自己网站和没在用fedi的人还是有门槛),所以显示引用的效果就跟很多人的那什么双向链接笔记库一样最后也会堆积一大堆乱七八糟的东西进来。很多人搞的引用/回复上下文的样式设计也都看着毫无引导效果最后导致这些东西可见的各种实现观感都非常奇怪。。。然后各种人又把其他SNS平台的回应也都一股脑链接进来全按一个「webmetion」在叫,就更乱七八糟了。。。。很多引入的过程也很麻烦。最后或许仍然只是加深了来捣鼓这些东西的人都是来玩的技术nerd的印象🫠…

但还是存了一些相关东西…

剩下的问题就是前端网页样式要咋安排了(并未成功理解只能到处蹲现有案例。)。这各种数据配置就挺神秘的,现在也没看见几个人讲评论引用以外的比如点赞转发的那几个数据该咋呈现(是要基于纯网页呢还是只是在聚合别的社交媒体呢)。。于是最后经常看见的结果全是正经短回复[*]和很不明所以的长文章截取片段全混在一起

[*]:(很多都是fedi那混进来的。。但因为fedi性质和brid.gy那类服务的不稳定程度略高最后接收和删除似乎可能经常出问题。。。所以不想把brid.gy和fed.brid.gy写进来了,目前bsky的相关桥接看着也感觉有点不太行,,)

IndieAuth (+ updated 2026.1.25 +)

Building an IndieAuth Comment System for Your Static Site · brennan.day 但是又看见了用IndieAuth这个认证方式来做真正的评论区的思路…(但还是有点复杂好像还是要依赖公开的gitlab仓库)(剩下的看不大懂了

webring/blogroll/others

虽然但是,

我不断被提醒webring挺酷的,但我又提醒自己,它们是给比我更善于社交的人准备的……

—— 某日在fediverse路过的某一则英文回复

……恩。


想起来的时候会继续加…(上网上烦了想弄自家花园的结果就是不自觉就开始这样子掘地三尺找装饰…