辉晨雨幕
辉晨Gloridust
Jan 24, 2022
It takes 3 minutes to read this article.

image.png
前段时间看到初恋转发了一个微信公众号的文章,进去看了看原来是类似于文案馆的地方。于是,时常emo的我就想:我能不能也开一家文案馆呢?(正好把我写了一年的网抑云小本本拿出来用) 本文链接都放在末尾.
image.png

于是我尝试在蓝色🛫软件开了家文案频道。(至于为什么不在微信,是因为限制比较多,而且操作不太方便)
image.png

我更喜欢的是频道功能的设计,想在群聊内发消息一样方便,可以随时编辑,还有定时消息,很方便的评论功能和followers互动。
image.png
接下来就到了网页的实现。为了保证风格与(wo)频(ji)道(shu)一(bu)致(xing),信息页面我直接运用了频道软件的导出功能,导出为html后直接挂上去,在头部尾部稍作修改,添加几个跳转按钮就ok了。
image.png
image.png
之后便是主页。本来不准备做主页,但是为了在URL结尾自动加上一个#bottle标签让它进入网页自动跳到最新,就做了一个,正好让网页显得正式一点。 主页是借鉴的html5up的模板。这个模板网站强烈安利,免费又漂亮。(网址统一放结尾)
image.png
然后为了在软件频道和网站内相互推广,我。分别在频道设置了置顶以及网站内设置了频道加入链接。 之后就是网页上线的问题。这里静态网页托管服务用的是github page,省时省力不用担心服务器,专心运营网页还免费。 域名用的是免费的.tk域名,只不过注册流程比较麻烦。freenom官方为了防止恶意注册审查机制很严(指注册时IP地址的校对以及个人信息填写等)。 随后把名称服务器设置成了cloudflare的反向代理CDN服务。一是因为freenom官方网页审查确实太苛刻了,中途更换IP都要重新登录,而且还很卡;二是考虑到域名备案的原因,如果不反向代理很可能出现无法访问的问题。阿里腾讯等域名如果无法访问也可以通过这个解决。
image.png
有了cloudflare提供反向代理,我们还可以实现更多有意思的功能。比如,通过识别用户标识UA来实现pc端和移动端不同壁纸适配。这可以通过cloudflare规则功能实现,规则内容放下面。
image.png
image.png
不一样的背景:
image.png
image.png
大概就写到这儿了吧,不清楚的可以在酷安留言哦


相关资源:
主页模板
免费域名
反向代理
文案馆

规则内容:
(http.user_agent contains “Android” and http.user_agent contains “Mobile”; and http.request.uri contains “/images/bg.jpg”) or (http.user_agent contains “iPhone” and http.request.uri contains “/images/bg.jpg”) or (http.user_agent contains “Symbian” and http.request.uri contains “/images/bg.jpg”) or (http.user_agent contains “Windows Phone” and http.request.uri contains “/images/bg.jpg”)