关于建网页相关的资源囤积(长期持续更新,可自行使用Ctrl+F或其他端浏览器自带查找工具入口查询 New! 关键词寻找新加的内容。)
每日:代码片段是好东西,还是需要更多这类兼容性高并且可以随便拆装的东西出来…
但是在搓网页之前还有域名or服务器相关的事要惦记(…
网页域名服务器
-
tld-list 域名比价网站,有的会带优惠码
-
哪煮米 - 全网域名,一站比价 另外的比价网站
还是不懂服务器VPS相关也没看有没有什么相关商家评测站这个就略过了
- YunoHost 应用商店 | 首页 但是听说服务器上安个这个东西来装软件似乎挺快手的
无服务器免费网页托管平台(静态网站相关,需要碰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 +)
-
大量编程语言/前后端/其他命令基础速查清单(中文) (可自部署网页自用:github)
(这两个东西的好处是它们都是卡片式的视觉导向,感觉比纯一个列表列到底可能会看着舒服一些……)
-
MDN Web Docs Mozilla的前端三件套(HTML、CSS、JS)基础文档,大部分内容有中文
-
W3Schools
对不起本来因为没中文还有点懒得看但最后发现很多人分享的代码还真的都是参考这边给的案例的,那必须得看了New!
代码工具资料
综合
- 新建HTML,即刻在线实时编辑、预览HTML/CSS/JS - 笔.COOL 实时渲染代码的编辑器也有代码片段分享社区,类Codepen (
虽然好像现在AI玩具/工具停车场率可能会有点高)
HTML
- Word to HTML - Online Converter and Cleaner - WordHTML.com 把普通文字段落转成html格式
CSS (+ updated 2026.1.25 +)
-
Transparent Textures CSS背景纹理生成
-
CSS3 Patterns Gallery 纯css背景纹理
-
CSS Layout Generator 网页布局分格子
-
CSS Gradient – Generator, Maker, and Background 便捷调整css渐变色(上面那个综合工具合集里也有)
-
CSS corner-shape generator 可以调出很奇怪的图形……(也许只有谷歌系浏览器支持显示)
JavaScript
-
highlight.js 代码语言高亮用的库
-
collectibles.js - Maximillian Laumeister 可以在网页上藏能收集的线索碎片,找齐了可以达到隐藏页面之类的东西……这样的解谜系js库(?)
-
Emotify 让人能用
:这样:的方式在网页里快捷用自定义表情的js库 -
nanostudio-org/nanogallery2: a modern photo / video gallery and lightbox 图片灯箱库,可以设置Tag给图片分类显示
但各种网页看多了后觉得JS这个东西在静态站点还是少用点比较好非常容易卡加载…
Markdown
网页主题模板 (朴素的纯html网页模板,不是各种静态网站生成器的主题)
(虽然这边是hugo生成的但我到现在都还没怎么看hugo相关的文档(。。
综合
-
CreateBlog: Myspace Layouts, Hi5 Layouts, Friendster Layouts, Xanga Layouts, Myspace Tracker 很老的有十几年历史的博客个人网站主题分享存档处,很多东西可以当作一些设计参考(很多手搓的网站以前都是大量用图片在当作整个站点的素材的,甚至有的主题基本就是基于一个背景图在做的,加上时代变迁的关系所以大概有挺多代码和设计已经无法适应现代技术&设备了。。)
-
FOOL LOVERS 日系简约静态网页免费模板库(都有做响应式移动端适配),网站本身还有很多其他素材。不过这整个素材站好像把国内IP封了(还是只是我这边网的问题?)不知道为什么我用梯都进不去,实在不行的话就通过档案馆的链接进去吧……
-
How to Make a Link Tree Website (W3Schools) linktree系页面制作教程带模板
-
vitor-antoni/linktree-template:FREE Linktree Template - HTML+CSS+JS 更现代一些的
Neocities或其他地方看来的个人制作模板(很多只有PC端界面)(+ updated 2026.1.31 +)
布局生成类
-
lpetrapixel’s layout generator 知名的基础网页布局框架生成器
-
Sadgrl’s Layout Builder (Archived) 另一位的知名布局生成器
-
Sadgrl’s Layouts (Archived) 同作者的其他主题(好像有来自上面CreateBlog那个站里的主题的复刻。。)
内容归类用
-
nervsy ^^ (nervslayouts) (综合,画廊模板是 sweet img gallery that shows full res 那个)
-
crotovane’s scuffed gallery template 带年份和tag分类系统的画廊模板(并且适配移动端)!!但是好像没有分页系统图会在一个页面无限堆下去……
-
rarebit 更新网络连载漫画专用的网页模板
-
tagged gallery Tag分类画廊,手机移动端还是只能单图一个一个显示…
New! -
Masterlist Template 带Tag分类的同人文归类模板
New!
(回头想看看能不能把这个tag分类的东西塞进hugo……)
综合模板
-
CSS Testpages - EGGRAMEN 很多高质量免费主题(有的没兼容移动端)
-
premade layouts! 从90s到现代各种风格都有
-
Layout thrift store - Kalechips 比较简洁和基础款(
甚至也有早年旧主题的复刻) -
free layouts - webcraft supplies 均有移动端兼容的菌种印象主题…(萌)
-
teppy’s layouts & tips 都很有个性很好看但是全没兼容移动端😭
-
Renata’s Laboratory PC风为主
-
Stuff for You - tiramisu’s layouts! 部分移动端友好,经典的分格和多栏布局
New!
网页访问量统计工具 (+ updated 2026.1.25 +)
后台
-
umami 很多人用但是我想用的时候(1月份这阵)vercel部署好像坏掉了。。。(还是更偏好不需要碰服务器的东西…)
-
Ackee 支持vercel和netlify和docker等等等等东西但是试的时候中途又都出问题了。。(为什么
-
HanAnalytics 借助cloudflare免费部署,readme有非常详细教程。可以给页面设密码。(
起码这个是能正常用的) -
GoatCounter – open source web analytics 现有的在线服务+自托管(要服务器)
前台(带装饰部件能嵌网页里)
好像这一类的就几乎没有附加的分析功能了
没特别说明就全是第三方在线服务(所以有突然倒掉的可能)
-
Free Hit Counters for your website or your blog | Free and without ads | Toolbox for webmaster 贴图都比较老和花哨
-
Moe Counter 某常见像素猫耳美少女举牌计数器。有挺多能换的其他皮肤,可以自己部署自己的
-
increment 早年Windows95?感窗口风格
-
100% Free Visitor Counter for your Homepage / Website 长得有点老。。
-
Create your visitor counter/badge GitHub风格…(不幸地得使用这样的形容)
-
shields.io 上面这个或许实际上应该说是这个地方的风格…这地方能干挺多(和git仓库相关的)事的也可以随便自定义个奇怪文字徽章出来。虽然个人觉得这种东西其实是早年的一些互联网小徽章的现代版延伸…
就是现在的使用场景似乎不幸地和写代码发开源项目的人锁死了,,(回头会理一些看见过的早年互联网元素视觉参考相关的东西,会放点那个80x15尺寸的小东西的收集页面和现在这个东西的衍生工具)
好像挺多人也还在借用fc2(有年头的日本个人网页托管地)的很多部件…(浏览量统计和那个clap点赞还有日历?什么的)
网页组件
- DIYgod/APlayer 很多人都熟悉的可以放网易云等地方音乐的播放器
(*顺便有这么个事情存在:Aplayer和hugo的toc文章标题目录在一起用的时候会有代码冲突导致toc会出问题用不了……)
-
Hugo 篇三:添加 DPlayer 播放器 | Jay 同一个作者的播视频的播放器的相关内容
-
NeteaseMiniPlayer 又一个网易云播放部件
-
JeffreyCA/lastfm-recently-played Last.FM最近播放曲目列表部件
-
Tracks last.fm widget demo site 另外一个lastfm的
-
ListenBrainz live listening viewer ListenBrainz正在播放音乐部件(不知道是谁做的…)
-
Open Heart Protocol 用cloudflare worker给网页添加点赞等表情反应的按钮(如果有能够收到提醒的类似物就好了…
又贪了) -
Wall of Text 无限画布的文本墙,点哪都可以输入文字。有看见过拿这种东西插网页里当留言板的例子。
-
Your World of Text 又一个文本墙
-
Create a free poll - Instant & easy. No sign up | Pollcode 网页里插入投票
-
如何在Hugo博客中使用终端播放器Asciinema-Player (还有这种东西…好新鲜的感觉…)
-
22ru/microblog: a cool RSS microblog 可以伪装成微博客平台样子的单独网页之类的?主要内容是那个js吗css要自己写或者可以复刻作者的(没太看懂对不起)?总之带rss源和没有实际用途的点赞转发装饰按钮…
-
status.cafe 在网页发布心情状态然后嵌入到自己网页,格式是emoji+自己想写的东西。账号个人页面可以css自定义。
-
imood.com 只有一个词一个表情的心情状态(英文)…(但是从99年一直开到现在的东西)
代码片段
CSS (+ updated 2026.1.31 +)
-
elrumordelaluz/csshake:CSS classes to move your DOM! CSS文字抖动
-
Tree views in CSS 树状缩进列表
New!
JS (+ updated 2026.1.25 +)
-
How to add copy code button on Hugo sites • Mansoor Barri 依然是代码复制按钮
-
footnote-preview.js 在注释原地展开脚注内容不需要跳转到底部的js
-
goblindegook/littlefoot: Footnotes without the footprint. 另一个会带点动画效果的原地展开脚注JS库(没那么片段了但因为和上面同个主题
-
bemxio/dvd-screensaver: A simple, easily customizable bouncing DVD logo DVD屏保复刻(。。。
-
rg-mage | code snippet 随机切换图片JS和按照日期显示不同图片的JS
-
How to display a random image, once per session - #9 by Pealco - I Need Help - Blocs Forum 另外的随机图片JS
独立网站的联系性
neocities和nekoweb那样的地方先略过(again)…但实际上这些社区产生的联系网似乎确实能挺大的……
Webmetion
关于Webmetion的迷思
webmetion那一类的东西…因为它好像必须要用一个另外存在的网页来发回应,导致最后很多人基本都是拿长文章在发内容引用式的回应(短回复方面或许可以拿fedi类平台来回但是也没几个地方实现,并且对没自己网站和没在用fedi的人还是有门槛),所以显示引用的效果就跟很多人的那什么双向链接笔记库一样最后也会堆积一大堆乱七八糟的东西进来。很多人搞的引用/回复上下文的样式设计也都看着毫无引导效果最后导致这些东西可见的各种实现观感都非常奇怪。。。然后各种人又把其他SNS平台的回应也都一股脑链接进来全按一个「webmetion」在叫,就更乱七八糟了。。。。很多引入的过程也很麻烦。最后或许仍然只是加深了来捣鼓这些东西的人都是来玩的技术nerd的印象🫠…
但还是存了一些相关东西…
-
Webmention.io 应该是很多人在用的一个代替接收和管理webmention的在线托管服务端
-
cweiske/anoweco: Anonymous web comments for the indieweb 可自托管PHP服务器(
但看不懂不会弄),亮点是可供没有自己网站的人匿名发送Webmetion回应(但是整个网页界面都很原始并且回复全会公开在站点里…)。唯一的公开站点:commentpara.de -
zerok/webmentiond: A simple webmention receiver in Go webmentiond.org 可以走Docker自部署的收发管理端(详细流程)
-
capjamesg/webmention-receiver:A webmention receiver written in Python Flask with sqlite3. 另一个可以自己部署的收发管理端
-
webmention.app (没咋看懂)
-
Webmention Rocks! 测试效果用的沙盒
剩下的问题就是前端网页样式要咋安排了(并未成功理解只能到处蹲现有案例。)。这各种数据配置就挺神秘的,现在也没看见几个人讲评论引用以外的比如点赞转发的那几个数据该咋呈现(是要基于纯网页呢还是只是在聚合别的社交媒体呢)。。于是最后经常看见的结果全是正经短回复[*]和很不明所以的长文章截取片段全混在一起
[*]:(很多都是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路过的某一则英文回复
……恩。
-
furudean/webchain: a distributed webring where members nominate others to join in a chain (但是看起来一个人只能加入一个这样的东西…如果能成为像fedi那样的联系网那就很有趣了)
-
Octothorpes 独立网站之间的综合Tag协议,仍在完善中,可自建。(又幻想了,幻想这个东西如果能够像fediverse一样相互之间能有各个Tag系统间的互联和不互联的自由的话……后略)
想起来的时候会继续加…(上网上烦了想弄自家花园的结果就是不自觉就开始这样子掘地三尺找装饰…