分类目录归档：前端设计

大家好！大家都希望我们的Discuz门户文章的远程图片能够存到本地。那么如何实现这个功能呢？

其实我们的Discuz里面发表文章的时候，它的编辑器里面有这样一个功能。点击一下这个远程图片下载功能的按钮。这样文章里面的远程图片就会自动下载到本地。

但是有些情况下，我们点击这个按钮的时候，他的远程图片没有自动下载到本地。

这是什么原因呢？经过分析。如果我没，使用了远程的图片是Https。那么它下载到本地就会遇到困难。

这样我们修改一下我们Discuz的代码就可以实现这个功能。

也就是说，不管是HTTP或HTTPS，远程图片都可以顺利的本地化。下面我们就介绍一下如何修改地址的代码。

upload/source/include/portalcp/portalcp_upload.php

	$arrayimageurl = $temp = $imagereplace = array();
	$string = $_GET['content'];
	$downremotefile = true;
	删掉 preg_match_all("/\<img.+\bsrc\b\s*=('|\"|)?(.*)(\\1)([\s].*)?\>/ismUe", $string, $temp, PREG_SET_ORDER);
	增加 preg_match_all("/\<img.+\bsrc\b\s*=('|\"|)(.*)('|\"|)([\s].*)?\>/ismU", $string, $temp, PREG_SET_ORDER);
	if(is_array($temp) && !empty($temp)) {
		foreach($temp as $tempvalue) {
			$tempvalue[2] = str_replace('\"', '', $tempvalue[2]);
@@ -52,7 +52,7 @@ if($operation == 'downremotefile') {
					continue;
				}
				$content = '';
				删掉 if(preg_match('/^(http:\/\/|\.)/i', $imageurl)) {
				增加 if(preg_match('/^(http(s?):\/\/|\.)/i', $imageurl)) {
					$content = dfsockopen($imageurl);
				} elseif(checkperm('allowdownlocalimg')) {
					if(preg_match('/^data\/(.*?)\.thumb\.jpg$/i', $imageurl)) {

upload/source/module/forum/forum_ajax.php

	}
	$_GET['message'] = str_replace(array("\r", "\n"), array($_GET['wysiwyg'] ? '<br />' : '', "\\n"), $_GET['message']);
	preg_match_all("/\[img\]\s*([^\[\<\r\n]+?)\s*\[\/img\]|\[img=\d{1,4}[x|\,]\d{1,4}\]\s*([^\[\<\r\n]+?)\s*\[\/img\]/is", $_GET['message'], $image1, PREG_SET_ORDER);
	删掉 preg_match_all("/\<img.+\bsrc\b\s*=('|\"|)?(.*)(\\1)([\s].*)?\>/ismUe", $_GET['message'], $image2, PREG_SET_ORDER);
	增加 preg_match_all("/\<img.+\bsrc\b\s*=('|\"|)(.*)('|\"|)([\s].*)?\>/ismU", $_GET['message'], $image2, PREG_SET_ORDER);
	$temp = $aids = $existentimg = array();
	if(is_array($image1) && !empty($image1)) {
		foreach($image1 as $value) {

TOB是基于WordPress程序的主题，由themebetter团队原创开发，使用主题你需要安装WordPress程序。

安装TOB主题：
方法1：进入网站后台（一般是：域名/wp-admin），点击左侧菜单中的外观，然后点击主题，右侧会有“添加”按钮，点击“上传主题”并选择你要安装的主题压缩包。
方法2：将下载的主题解压后得到 tob 文件夹，使用FTP软件上传 tob 文件夹到服务器的 wp-content/themes 目录下。
启用TOB主题：
进入后台 – 外观 – 主题，找到TOB主题并启用。
TOB主题设置：
进入后台 – 外观 – TOB，TOB主题的所有相关设置都在这里，设置好保存即可生效
如果有安装缓存插件，请先关闭插件并清除缓存文件后再保存
页面模板设置：
进入后台 – 页面 – 新建页面 – 选择对应页面模版，保存后访问该页面即可看到效果
缩略图设置：
进入后台 – 设置 – 多媒体，设置缩略图尺寸为你需要的，选择裁剪，然后保存；
在 tob主题设置 – 列表 – 默认文章缩略图 中上传一张与缩略图尺寸相同的默认图像；
Logo尺寸：
去 tob主题设置 – 基本 中上传并设置Logo图像 ；
PC端建议尺寸：180x40px，手机端建议尺寸：180x60px（为什么手机端还大一些？因为在超清屏下会高清显示）；
主题无需安装任何插件：
文章的阅读量和点赞功能均不需要安装额外插件；
分类url去除category字样的功能不需要安装no-category或类似插件；
文章和页面中的全屏相册展示功能不需要安装额外插件；
列表无限加载功能不需要安装额外插件；
主题颜色风格修改：
在 tob主题设置 – 基本 – 主题风格 选择或设置你希望的主色调，然后前台刷新即可看到新的颜色风格；
分类url去除category字样：
在 tob主题设置 – 基本 中勾选，该功能和no-category插件作用相同，勾选或取消勾选后请去 后台 – 设置 – 固定链接设置 保存一下即生效；
各种社交账号和微信二维码设置：
在 tob主题设置 – 社交 中有常用的微博、腾讯微博、QQ空间和微信二维码的设置，还有Line、Twitter和Facebook的设置，且可自行排序显示；
微信公众号展示模块：
在 tob主题设置 – 文章 中有设置，可独立设置二维码、标题、描述和关注人数；
文章打赏模块：
在 tob主题设置 – 文章 中有设置，可设置支付宝和微信收款二维码；
分享时的图片：
在 tob主题设置 – 分享 中有设置默认的分享图，如果是文章被分享图片的话请去 tob主题设置 – 文章 中设置；
主题的SEO设置：
在 tob主题设置 – SEO 中可设置首页的关键字和描述，可选择是否 网站自动添加关键字和描述 和 文章关键字和描述自定义；
勾选 文章关键字和描述自定义 后，后台编辑文章时会出现填写文章关键字和文章描述的文本框，这里可独立设置该文章的SEO展示；
强大的文章列表：
在 tob主题设置 – 列表 中可设置全站的文章列表展示方式和效果；
其中 列布局 分5/4/3/2列4种选择，每种选择对应的文章缩略图尺寸有所不同，5列布局建议缩略图尺寸宽小于300px、4列布局建议缩略图尺寸宽介于300-399之间、3列布局建议缩略图尺寸介于400-619之间、2列布局建议缩略图尺寸宽大于620px，列布局 选择后请在 默认文章缩略图 中上传一张与缩略图尺寸相同的默认图像；
其中 图文一体 开启后文章文字会显示在文章图片的上方，为此你还可以开启 PC端开启小部件触显 功能，开启后鼠标触发的时候才会显示文章小部件；
其中 小部件开启 中可以开启或关闭阅读量、点赞和评论数的展示；
在 tob主题设置 – 列表 中可开启新窗口打开列表文章；
手机端列表支持新闻列表、一行一图、一行多图的选择；
强大的文章列表分页功能：
在 tob主题设置 – 列表 中可设置文章列表的相关设置；
其中 分页模式 可选择 “上一页…” 或 “上一页 1 2 3 … 8 9 ”的展示模式；
此外 你还可以分别设置PC端和手机端的文章列表无限加载功能；
首页标语栏：
在 tob主题设置 – 首页 中可设置是否开启、标题和描述；
首页置顶文章：
后台-文章-快速编辑文章，可设置文章置顶；
置顶文章的显示个数取决于每页显示的文章数量，置顶文章需要比每页显示文章数量少1篇；
文章评论整体关闭的选项：
主题设置-基本中可以设置，设置后全站文章评论功能将消失；
强大的文章页功能组合：
在 tob主题设置 – 文章 中可设置有关文章的一切，几乎每个功能都可以被独立开启或关闭，这为多数定制化需求的用户提供了方便，而且这种简单实用的定制不会使页面看上去档次变低；
全屏查看相册：
在 tob主题设置 – 文章或页面 中可设置，开启后会将你在文章中插入的相册变得更炫酷；
相册设置中选择链接到媒体文件、尺寸为缩略图，此时点击相册中的任意缩略图均会全屏弹出相册的查看；
相册设置中选择尺寸为完整尺寸，此时文章中的相册会直接展示为可左右切换或滑动的相册功能；
全屏查看图片：
在 tob主题设置 – 文章或页面 中可设置，开启后会将你在文章中插入的图片变得更炫酷；
页面模板的设置：
在 tob主题设置 – 页面 中可设置各个页面模板中提供的设置；
强大的PC端和手机端分离的广告位：
在 tob主题设置 – 广告位 中可设置这些位置的广告，列表头部、列表底部、文章内容上、文章内容下、文章评论上、页面内容上、页面内容下；
你可以设置文字、图片和任何广告联盟代码，最重要是你可以分别设置PC端和手机端的广告；
自定义代码设置：
在 tob主题设置 – 自定义代码 中可设置以下代码位；
自定义CSS样式 位于head之前，直接写样式代码，不用添加style标签；
自定义头部代码 位于head之前，这部分代码是在主要内容显示之前加载，通常是CSS样式、自定义的标签、全站头部JS等需要提前加载的代码；
自定义底部代码 位于body结束之前，这部分代码是在主要内容加载完毕加载，通常是JS代码；
网站统计代码 位于底部，用于添加第三方流量数据统计代码，如：Google analytics、百度统计、CNZZ、51la，国内站点推荐使用百度统计，国外站点推荐使用Google analytics。

附赠TOB0.8版本主题下载