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

更之前一次更新 - 2026.5.10

2026.5.25 - New! x 6

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

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

网页域名服务器 (+ updated 2026.5.10 +)

• tld-list 域名比价网站，有的会带优惠码

• 哪煮米 - 全网域名,一站比价 另外的比价网站

• RackNerd Plus | RackNerd优惠实时监控 RackNerd这一家VPS商的优惠监控

• YunoHost 应用商店 | 首页 听说服务器上安个这个东西来装软件似乎挺快手的

• kopia 服务器异地备份（有网页面板可以用）

无服务器免费网页托管平台（静态网站相关，需要碰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）

• 前端3件套速查&各种方便工具（英文）

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

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

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

代码工具资料

综合 (+ updated 2026.5.10 +)

• 新建HTML，即刻在线实时编辑、预览HTML/CSS/JS - 笔.COOL 实时渲染代码的编辑器也有代码片段分享社区，类Codepen （虽然好像现在AI玩具/工具停车场率可能会有点高）

• Lens - Check your meta tags, icons, and rss feeds 查询网页常见元数据有没有缺失（还包括了mastodon角度的创作者标识）

HTML

• Word to HTML - Online Converter and Cleaner - WordHTML.com 把普通文字段落转成html格式

CSS (+ updated 2026.5.10 +)

• Transparent Textures CSS背景纹理生成

• CSS Generator for Wavy Shapes & Patterns CSS波浪图形

• CSS Background Patterns by MagicPattern 可调整的背景纹理

• CSS3 Patterns Gallery 纯css背景纹理

• CSS Layout Generator 网页布局分格子

• CSS Gradient – Generator, Maker, and Background 便捷调整css渐变色（上面那个综合工具合集里也有）

• CSS corner-shape generator 可以调出很奇怪的图形……（也许只有谷歌系浏览器支持显示）

• CSS Button Generator 按钮样式

JavaScript

• highlight.js 代码语言高亮用的库

• collectibles.js - Maximillian Laumeister 可以在网页上藏能收集的线索碎片，找齐了可以达到隐藏页面之类的东西……这样的解谜系js库（？）

• Emotify 让人能用 :这样: 的方式在网页里快捷用自定义表情的js库

• nanostudio-org/nanogallery2: a modern photo / video gallery and lightbox 图片灯箱库，可以设置Tag给图片分类显示

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

Markdown

• 在 Markdown 中使用引用式链接和脚注 | TomBen’s Blog

网页主题模板 （朴素的纯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.5.10 +)

布局生成类

• 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分类画廊，手机移动端还是只能单图一个一个显示…

• Masterlist Template 带Tag分类的同人文归类模板

• gallery.js 画廊，有tag分类。（Deviantart风主题切到移动端后分类/tag栏和画的部分的分割仍然是竖着排的会有点怪）

• Index & Art Gallery Simple HTML Template! by roguecentaur - itch.io 博客模板附带画廊，两栏式，具体放大图片的地方除了放图外还可以自由写文字（无移动端适配）

• Website Gallery Template by werewolf-girlfriend 应该是目前看见的最符合自己需求的的Html画廊模板了！！！有tag分类功能的同时灯箱放大图片后居然还有可以让人写文字的地方😭😭 ，改成静态网站生成器模板后应该会很好管理文件……

• Photogrid Template - Snail’s Ko-fi Shop Instagram风图库，配好了下面提到的Octothorpes网页tag归档协议服务，可以使用#photogrid这个tag加入tag池（这样就可以辨识在用这个主题的人）。

• Tokusetsu 4 - 同人音楽の特設サイトを一瞬で作れる無料テンプレート字面意义的同人音乐发布用特设页模板……（用谷歌表单管理）但是这完全是一次性的啊或许还不如用Tumblr（？），我们不如还是弄个归档网站吧😶……

• お手軽マイクロブログCGI「てがろぐ」（- Fumy Otegaru Memo Logger -）（Tegalog）：スキン式で複数ユーザ対応 - にししふぁくとりー（⚠️网页内容无截断无翻页整个都非常长注意…）从介绍网页来看都能感觉到非常古典的气息的可以当作个人使用的网页microblog或者多人讨论版（是的它支持多用户）以及拿来当画廊用的一个CGI网页服务器程序（这个概念好像也很古典……）。最初版本于2017年发布，但是直到现在都一直在更新，功能和各种部件与皮肤似乎实际上还非常多。就是说明写得有点太过详细了提及的技术概念和细节也太多太繁杂了看机翻看得都有点晕。。看这堆说明里有提到日本有一个同人创作专用的服务器租赁服务witchserver会专门提供这个东西的安装服务，所以好像还是有很多日本人真的会来用这个程序当自己的博客、微博、作品存档处或者画廊…… New!

• pipi original template 全部都是基于上面那个程序做出来的网页主题合集（有博客画廊主题） New!

综合模板

• 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! 部分移动端友好，经典的分格和多栏布局

• Premade Layouts 主要是博客感觉的模板

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

后台

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

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

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

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

前台（带装饰部件能嵌网页里）

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

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

好像挺多人也还在借用fc2（有年头的日本个人网页托管地）的很多部件…（浏览量统计和那个clap点赞还有日历？什么的）（*日历也许是下面组件那里提到的那个部件不是fc2的…）

• Free Hit Counters for your website or your blog | Free and without ads | Toolbox for webmaster 贴图都比较老和花哨

• Free counter for your website! 另外的类似的

• Moe Counter 某常见像素猫耳美少女举牌计数器。有挺多能换的其他皮肤，可以自己部署自己的

• increment 早年Windows95？感窗口风格

• 100% Free Visitor Counter for your Homepage / Website 长得有点老。。

• Create your visitor counter/badge GitHub风格…（不幸地得使用这样的形容）

• shields.io 上面这个或许实际上应该说是这个地方的风格…这地方能干挺多（和git仓库相关的）事的也可以随便自定义个奇怪文字徽章出来。虽然个人觉得这种东西其实是早年的一些互联网小徽章的现代版延伸…就是现在的使用场景似乎不幸地和写代码发开源项目的人锁死了，，（有时间会理一些看见过的早年互联网元素视觉参考相关的东西，会放点那个80x15尺寸的小东西的收集页面和现在这个东西的衍生工具）

• Free Web Pages Hit Counters / Free Invisible Web Tracker / Site Tracker / Free Website Traffic Checker / Free Visitor Counter / Website Traffic Stats 这个可以看今日/总共访问量和同时在线人数 New!

网页组件 (+ updated 2026.5.10 +)

播放器媒体

• 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正在播放音乐部件（不知道是谁做的…）

• Webdeck Player 90s感觉的JS播放器外观拿来放youtube视频

• JS Paint — MS Paint online JS复刻的Windows系统画图软件（甚至有联机？）

杂

• 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年一直开到现在的东西）

• *NEKO* Welcome to the Web Neko Server! 追鼠标小猫其余自定义版本（看见有人做了一个解释这个猫的背景的网站：neko: the world’s first virtual pet）

• ブログパーツ｜カレンダー関連ブログパーツ無料配布 日本日历插入部件。特色是日期底下有跟中国农历差不多的日本的农历节气说法…

• ClockLink - Free HTML5 & World Clocks 时钟部件（传统或电子）

• lars-rooij/webmeji shimeji类桌面宠物在网页里运行的版本 New!

互动评论系统/留言板/聊天室 (+ updated 2026.5.10 +)

静态网站的评论系统还是有点难搞…

• Open-source comments 综合参考用大列表，看着找吧….

• 感觉现在国内最常用的还是Waline/Twikoo这俩，而且也有不少方式搞评论（邮件）提醒。目前感觉waline自定义起样式来看着是最舒服的。。。（其他的不是功能有点贫瘠了就是好多都没法自己改CSS）

• Comentario · GitLab 一个叫Commento的不更新了的评论系统的fork，看起来好像完成度蛮高的，markdown富文本是支持的（但是不像上面两个一样能配置自定义表情），也能配邮件提醒，管理后台还自带访问量统计分析功能。居然还自带单个页面或全部页面评论区的的rss源（第一次见到的功能）……似乎可以自定义CSS样式（已经见到过例子）。不过自建只能在服务器上建目前没有免费方案用……

• splitbrain/meh: Meh… another comment system 据说支持显示mastodon的评论但是肉眼可见地没做自定义表情的支持。。（引用之类的估计也别说了）（想把fedi平台当网页评论区感觉也特别的…难搞。仍长期观察中。）

• Wall of Text 无限画布的文本墙，点哪都可以输入文字。有看见过拿这种东西插网页里当留言板的例子。

• Your World of Text 又一个文本墙

• Cbox Live Chat · Cbox 很多人用来当留言部件的其实真的可以实时聊天的cbox。免费版有一定限制

• iShoutbox - Free Remotely Hosted Shoutboxes 居然还有一个与cbox类似的可实时聊天的部件，并且也很有年头。也可直连。

• Chattable 完全可以自定义css的实时聊天部件，不过大陆不能直连……

点赞/表情回应部件 (+ updated 2026.5.25 +)

• Open Heart Protocol 用cloudflare worker给网页添加表情回应的按钮，可以用公共服务也可以自己建

• No.4 - てきとー実験場 ちょっとだけ個人サイトを便利に 也是表情反应，只支持emoji。php写的要服务器 New!

• No.1860 - 絵文字ぽちぽち出来る拍手っぽいやつ | trush. 也是php的，支持自定义图片，还可以记录短时间内的表情连打次数。。。（？！） New!

代码片段

CSS (+ updated 2026.5.10 +)

• elrumordelaluz/csshake：CSS classes to move your DOM! CSS文字抖动

• Tree views in CSS 树状缩进列表

• Creating Tooltips for Images with CSS css Tooltips 鼠标悬浮/点触触发图片提示

• Using CSS to create a CRT CRT显示器效果

• Outline（stupied.net） 给透明png图片加外部轮廓

JS (+ updated 2026.1.25 +)

• Hugo：代码块拷贝 | Blog

• 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屏保复刻（。。。

• Accessible Gif Toggle (Freebies) - Pixel Glade Gif图片动效的开关

• 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

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

• 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 (+ updated 2026.5.10 +)

虽然但是，

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

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

……恩。

• furudean/webchain: a distributed webring where members nominate others to join in a chain （但是看起来一个人只能加入一个这样的东西…如果能成为像fedi那样的联系网那就很有趣了）

• Octothorpes 独立网站之间的综合Tag协议，仍在完善中，可自建。（又幻想了，幻想这个东西如果能够像fediverse一样相互之间能有各个Tag系统间的互联和不互联的自由的话……后略）好像还可以拿来管理webring。现在已经简化到放一个88x31 button链接就能加入这个tag系统了（2026-05-05 Request Indexing with a Classic Web Button），应该比较技术友好了……（但是要加tag的话是要在head标签里<link rel="octo:octothorpes" href="tag-name">这么一行一行加，感觉html还是长得好花眼…）

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