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