根据Url里不同的参数，加载不同的图片和css？

Question

呃，我有一些模版页面，是html文件，上面有一些固定的内容，比如输入框、按钮等；还有一些想要变化的内容，比如banner的图片，logo的图片，某些元素的背景颜色等（可以理解为不同的主题）。

现在的需求是，想跟不同的网站合作，根据url的参数的不同，让模版页面加载不同的banner图片，不同的logo图片，以及各个元素不同的css（比如一个按钮的背景颜色，或者按钮的文字内容。）

https://index.html?source=segmentfault

https://index.html?source=stackoverflow

比如如果检测到url参数是segmentfault，就加载为它设计的banner，还有它的logo，以及对应的颜色主题；如果检测到url参数是stackoverflow，就换另一套。

希望各位巨巨能给点思路，小弟感激不尽。

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝割＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

退一步来说，如果在线检测并且加载做不到的话，那么能不能做到：

我写一些模版页面，加一个配置文件，配置文件里配上需要变化的各种参数，然后就能生成一套套不同的html文件和css文件？

这个问题好像问得太小白了＝ ＝好吧别喷我。。。。

Answer 1

1、纯样式不同，界面结构相同，根据接受的参数，加载不同的CSS

默认：
<link rel="stylesheet" href="base_default.css">
segmentfault:
<link rel="stylesheet" href="base_segmentfault.css">
stackoverflow:
<link rel="stylesheet" href="base_ stackoverflow.css">

2、样式不同，部分内容也不同，那么MVC结构下也非常容易实现的，只需要判断参数，渲染不同的view即可；

如果对接的外部系统较多，考虑增加管理后台，用于管理外部系统所用到的样式/view；

Answer 2

既然参数都传过来了,直接把图片或者想修改的样式改成动态参数,后台取到来源sf之后,用动态参数渲染模板就是了.
if sf：

logo = sf.png

前端模板 <img src="{% logo %}" />
如果不同的比较多,渲染不同的模板也可以,自己改呗.