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

tld-list 域名比价网站，有的会带优惠码
哪煮米 - 全网域名,一站比价另外的比价网站
RackNerd Plus | RackNerd优惠实时监控 RackNerd这一家VPS商的优惠监控
YunoHost 应用商店 | 首页听说服务器上安个这个东西来装软件似乎挺快手的
kopia 服务器异地备份（有网页面板可以用）

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

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

首先：个人目前仍然不是很赞同让不会建网页发布网页的人直接用生成式AI/LLM/Agent来一键入门的所谓“新时代”建博客/网页教程^^。

然后：真的要用网页发相对私人的内容就不要无脑选github page等会直接公开代码仓库的相关托管服务了，不然你的东西很容易会被来爬开源仓库的爬虫bot爬走，，（虽然在现在这个环境下建网页或许不管干啥还是不干啥各种东西总是会自动进入各种搅拌机里的（后略

于是就算要用开源代码平台来放建站的代码的话也起码用一下可以用私密Git仓库建站的服务（下面的都可以）…并且都会给一个免费子域名。如果买了自己的域名可以绑定一下替换成自己的

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

↑ 这些地方给的免费域名好像也会同时被搜索引擎收到，所以即便绑了自己域名，如果不给部署的东西设置robots.txt或者html文件head部分的禁止索引meta tag设置的话，在这些地方复刻别的纯自用小项目不注意一下权限设置就很可能就会有其他人也乱入用起来了（……

neocities和nekoweb那样的地方算是社交平台了就略过了（。。

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

还有路过部分很小的企业和兴趣者自行提供的托管服务，但是也算是很注重人的连结性的那类东西还有邀请制申请制的。~~因为如果服务出什么事情需要沟通的情况或许会增加所以对这些小型服务感觉有点不安desu先不参与了~~

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

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、JavaScript）基础教学文档，大部分内容有中文。似乎还会带有一些方便工具。
W3Schools 虽然没有中文，但是到最后你总会发觉：很多人在他们个人网站分享的部分代码片段真就都是复制粘贴参考这边给的现成案例的，所以来吧抄起来吧.jpg

代码工具资料

综合 (+ 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给图片分类显示
Fancybox 自己一直在用的图片灯箱库

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

Markdown

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

网页主题模板（朴素的纯html网页模板，不是各种静态网站生成器的主题）

（虽然这边是hugo生成的但我到现在都还没怎么看hugo相关的文档还是记不住这东西特有的代码（。。

但是就算是用静态网站生成器的网站，如果要自己改主题的话还是必须要接触Html CSS JS 3大件的。

综合

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.25 +)

布局生成类

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会专门提供这个东西的安装服务，所以好像还是有很多日本人真的会来用这个程序当自己的博客、微博、作品存档处或者画廊……
pipi original template 全部都是基于上面那个程序做出来的网页主题合集（有博客画廊主题）

综合模板

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! 部分移动端友好，经典的分格和多栏布局
22ru/microblog: a cool RSS microblog 可以伪装成微博客平台样子的单独网页之类的？主要内容是那个js吗css要自己写或者可以复刻作者的（没太看懂对不起）？总之带rss源和没有实际用途的点赞转发装饰按钮…
Premade Layouts 主要是博客感觉的模板

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

虽然在爬虫和AI Bot更加肆无忌惮的现在这些东西的数据真实性或许早已被稀释……

后台

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 这个可以看今日/总共访问量和同时在线人数
TownSquare, a tiny presence layer for websites 网页插入部件，记录在线人数的同时还可以让同时在看网页的人在部件显示出的的小广场里互动和聊天（也可以改成纯粹只记录同时在线人数）…有提供官方服务器也可以自托管。⚠️：代码本身说是大部分都是vibecoded，但是好像还是有自行做了不少外观自定义相关的功能…甚至还有OBS直播适配。。。

网页组件 (+ 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视频

杂

Create a free poll - Instant & easy. No sign up | Pollcode 网页里插入投票
如何在Hugo博客中使用终端播放器Asciinema-Player （终端代码运行过程播放器。还有这种东西…好新鲜的感觉…）
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类桌面宠物在网页里运行的版本
JS Paint — MS Paint online JS复刻的Windows系统画图软件（甚至有联机？）

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

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

Open-source comments 综合参考用大列表，看着找吧….
感觉现在国内最常用的还是Waline/Twikoo这俩，而且也有不少方式搞评论（邮件）提醒。目前自己感觉waline自定义起样式来看着还是最舒服的。。。（其他的不是功能有点贫瘠了就是好多都没法自己改CSS）
Comentario · GitLab 一个叫Commento的不更新了的评论系统的fork，看起来好像完成度蛮高的，markdown富文本是支持的（但是不像上面两个一样能配置自定义表情），也能配邮件提醒，管理后台还自带访问量统计分析功能。居然还自带单个页面或全部页面评论区的的rss源（第一次见到的功能）（*⬅️waline现在也有这个了）……似乎可以自定义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的实时聊天部件，不过大陆不能直连……
Graffiti 可以让别人留言的Canvas画布，只会保留最新一张图片（并可以外链展示）。不过感觉比起让别人留言还是自己拿来当公告板用比较合适。。。 New!

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

Open Heart Protocol 用cloudflare worker给网页添加表情回应的按钮，可以用公共服务也可以自己建
No.4 - てきとー実験場ちょっとだけ個人サイトを便利に也是表情反应，只支持emoji。php写的要服务器
No.1860 - 絵文字ぽちぽち出来る拍手っぽいやつ | trush. 也是php的，支持自定义图片，还可以记录短时间内的表情连打次数。。。（？！）

代码片段&技巧

Html (+ updated 2026.9.25 +)

文本片段 - URI | MDN PC端浏览器右键菜单就有的一个选项（复制指向选中文本的链接），可以复制直接让人跳转到想高亮的文本段落的链接 New!

CSS (+ updated 2026.9.25 +)

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图片加外部轮廓
CSS border-image styles - ribo.zone 图片边框案例，有很多游戏主题的（里面还提及到Mozilla的一个快捷生成图片边框代码的工具感觉挺好用） New!
【CSSコピペOK】おしゃれな引用blockquoteデザイン10選引用样式 New!

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

关于Webmetion的迷思

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

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

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.9.25 +)

虽然但是，

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

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

……恩。

furudean/webchain: a distributed webring where members nominate others to join in a chain （但是看起来一个人只能加入一个这样的东西…如果能成为像fedi那样的联系网那就很有趣了）
Octothorpes 独立网站之间的综合Tag协议，仍在完善中，可自建。（又幻想了，幻想这个东西如果能够像fediverse一样相互之间能有各个Tag系统间的互联和不互联的自由的话……后略）好像还可以拿来管理webring和反向链接记录（也就是上面所谓的Webmetion概念能干的事情之一🫤）。现在已经简化到放一个88x31 button链接就能加入这个tag系统了（2026-05-05 Request Indexing with a Classic Web Button）（但是要加tag的话是要在head标签里<link rel="octo:octothorpes" href="tag-name">这么一行一行加，感觉html还是长得好花眼…并且还是有一些Bug并且开发很慢。）
AT CIRCLE - Home 使用AT协议的Webring（可以连Bluesky账号来建） New!

想起来的时候会继续加…（上网上烦了想弄自家花园但不懂各种代码也没有工具的结果就是不自觉就开始这样子掘地三尺找装饰…

[网站相关] 那么又该放点乱七八糟的建网页相关资料了

目录