hey,这里是梦中小城小站，欢迎访问！
前言🌱
深夜未寝，无意中在群里竟然发现了@温同学在做些不为人知的事情？！
什么！！居然是…
他他他，更新了，还给小城展示了一个他研究多日的成果（复制粘贴2分钟，bushi）——酷酷的个人小标签😎(不过他设置的是图片)
本着虚心学习能抄即抄的博主精神，小城特意下了一下他的研究成果来看看（在此特别感谢mengru、王云子提供代码支持），感觉部署不是特别难，特意记录了一下添加的过程，希望对其他想要部署的halo博客小伙伴（其他博客也可以，用ifame引入或者直接源码即可）有一点帮助。
教程☘️
下载文件🌵
点击下载tag文件,密码:6otq
编辑源码🎄
下载完成请使用Visual Studio Code打开压缩包中
mtag.html进行编辑
JS文件引用🎍
在20行填入引用的标签地址,比如小城到地址是这个，为了更好的访问速度，请将压缩包解压放到网站的静态储存位置，保证这个填入的路径能够访问这个文件即可。
标题名字🎋
自行修改想要的自定义底部标题
标题字体大小🍃
标题字体大小则在压缩包
tags.wall.js里搜索fontsize把后面的数字调整一下,大概在152行
标签大小🍂
在
28行有一个randomScoreIfNoSetting，数字代表不特别设置标签大小时，标签的默认大小
标签内容🍄
在
31行可自定义需要展现的标签内容，提供了标签示范，更多分类可自行设置，如果只是插入介绍页一小部分，建议不要设置太多，太多会导致移动端不好看哦
//下面的`数字1`为字体大小，字体大小请结合博客需要定，建议`1-3`。如果最后的文字标签为一样，则代表点击这组会凸显这几个关键词，比如都是零食的话那就有香蕉、薯片。没有设置字体大小的就会显示前面设置的默认标签大小
肥宅水是最爱/1/零食
谁能拒绝炸鸡/1/零食
薯片/1/零食
香蕉/零食
...
可插入 emoji表情
在文字后面插入即可,比如🍗、🍟
更多表情可以看这篇《🌀halo博客：彩色表情大全》
部署页面🌲
上面的html修改完并保存后，使用其他博客系统的友友直接放入对应网页位置，使用ifame引用即可，如果是使用halo博客的小伙伴(1.X版本的，2.0以上的版本自测，理论支持)，可以如下操作，进一步将网页放入静态储存位置：
- 点击菜单栏的
系统，找到小工具
- 点击左上角的图标
10下就开启开发者模式
- 看到
开发者选项点击进入
- 找到
静态存储，上传已经编辑好的tag文件夹,保存即可
- 点击
mtag.html，复制看到的链接（上面JS引用填入的地址需要确保可以正常访问），没有问题应该会看到下面的界面。
- 找到想要插入这个部分的页面，比如小城是把它插入在关于页面
** 其中width height min-height都可以自行调节
其中第三个min-height决定了这个标签的最小高度，
也就是如果标签内容超过了300px，
页面只能显示300px高，剩下的内容会有一个滚动条下拉才能显示完整。
<iframe src="https://网站域名/tag/mtag.html" style="width:100%;height=90%;
min-height: 300px" >
</iframe>
- 没问题就保存发布即可。
效果🍀
## 小思考🪴如下，还不错吧，hhhh
人生茫茫，步入社会的我们，逐渐被各种形形色色的人添加了各种花里胡哨的标签，那一幅幅的有色眼镜下的产物，就想深夜梦魇一般如影随形。
内心的我们当然会想立马跳出来反驳他们，「瞎说，我根本不是你说的这样」「谁说我喜欢XXX」，但更多的时候，我们会选择「哦，你说的对」「你开心就好啦」诸如此类来结束话题，不想与他们较真，但往往我们就会被动形成的标签束缚住，无形的莫须有标签就会被带入到你的工作和生活里，在一定程度上造成困扰。
因此，如果还有机会，勇敢地拒绝这些他人给的标签吧，告诉他们「我们是怎样的」！
鸣谢🌷
halo博客系列🌀
🌀halo博客:如何用又拍云搭建加速CDN
🌀halo博客:如何在博客页脚添加浏览量
🌀halo博客:Markdown语法记录
🌀halo博客：文章链接直接在当前页面打开
🌀halo博客：如何加快搜索引擎收录网站速度
🌀halo博客：添加萌国ICP备案号
🌀halo博客：自定义导航栏彩色图标
🌀halo博客：彩色表情大全
🌀halo博客：添加一个简易の小书架
🌀halo博客：修复网易云组件及添加在线音乐指南
评论区