幻蓝博客 – 孤月蓝风

追寻互联网科技、Unity开发、AR/VR开发、游戏开发、Web前后端开发等技术。

PHP中Apache的虚拟目录设置


之前做PHP,一直用的UwAmp这种工具,傻瓜式的创建虚拟目录,一直没看过到底是怎样一回事。好久没玩PHP了,今天更换了XAMPP,于是看了一下虚拟目录的生成,发现挺简单的。

httpd.conf最后加入如下代码即可:

<VirtualHost *:81>
# Generate Virtual Host
	DocumentRoot "C:\wwwroot\"
	ServerName "localhost"
</VirtualHost>


Git教程:本地代码推送至Git服务器


有时候我们不只是会在Git@OSC或者Github上新建项目,然后clone到本地,也有可能是本地已经用Git提交过,然后需要推送至服务器上,这边文章会告诉你该怎么做。

首先,我们需要生成SSH-KEY,在Git Bash中,输入ssh-keygen,然后输入保存地址以及密码。

生成的.pub文件,用记事本打开,复制里面的内容,添加到Git平台的SSH公钥中,具体方法参考各平台说明。

这里假设,你已有本地仓库,且已提交过,并且在Git平台上已创建项目,那么开始添加远程地址:

git remote add origin https://github.com/yourID/repoName.git

红色字代表你的远程仓库地址

然后如果Git平台给你智能生成过gitignore文件的话,那需要先用下面命令pull一次

git pull origin master

之后,就可以push了

git push -u origin master

这样,你本地的代码仓库就会同步至Git平台了


UEditor中JS代码(script标签)被过滤的解决办法


作为一个程序员的博客,在文章中经常会插入各种代码,大部分代码都不会发生问题,但Div和Script标签是经常会被使用到的。

而在之前的文章编写过程中,插入JS代码后,第一次文章会显示正常,而之后在后台编辑器中便只会显示执行过的JS代码,相当于JS代码被过滤掉了。今天研究了一下这个问题,发现解决办法很简单。

我们在插入代码后,源码模式下,看起来是正常的,但是为什么保存完之后,数据库中正常,但是编辑器中不正常呢?

很多富文本编辑器都有两种初始化方式,以UEditor为例,一种是textarea标签,一种是script标签。

textarea方式:

<textarea id="container" name="content">
    这里写你的初始化内容
</script>
<script type="text/javascript" src="ueditor.config.js"></script>
<script type="text/javascript" src="ueditor.all.js"></script>
<script type="text/javascript">
    var ue = UE.getEditor('container');
</textarea>

script方式:

<script id="container" name="content" type="text/plain">
    这里写你的初始化内容
</script>
<script type="text/javascript" src="ueditor.config.js"></script>
<script type="text/javascript" src="ueditor.all.js"></script>
<script type="text/javascript">
    var ue = UE.getEditor('container');
</script>

两种方式的区别也只在于容器,我之前一直使用的是textarea方式,因为当时UEditor的script方式有一些小问题。

在今天寻找过滤问题的解决办法时,想了很多办法,看别人的配置文件等,但终究没解决。在不断搜索中,打开UEditor之前的帮助文档,现在官网已经去除了该旧文档的链接,在该文档中看到了这样一个问题:

大部分编辑器的容器都使用textarea,为什么UEditor采用了很特殊的script标签?

答:首先要说明一点的是,UEditor也支持textarea标签作为编辑器的外围容器,只要将对应的标签名字换成textarea即可。除此之外,UEditor还支持使用div和script标签作为其容器。之所以要这样做,只是为了尽最大可能去满足和适应用户的各种不同需求。官方推荐使用script标签的原因是textarea会在提交数据的时候自动对里面的部分html文本进行一次特殊字符转义,从而导致有些不熟悉的用户在再编辑的时候出现编码混乱的问题。而使用script标签可以很好地克服这个缺点。

里面提到了“官方推荐使用script标签的原因是textarea会在提交数据的时候自动对里面的部分html文本进行一次特殊字符转义”,看到这句话后豁然开朗,一切问题的根源都在于容器标签而已,将容器标签修改为script后,一切都正常了。


【C#】使用Split将字符串分割为数组


在编码中,我们经常会将数组组成字符串保存。而将字符串在分割为数组,同样常用。

今天正好用到了Split方法来分割字符串,于是记录下来。

1. 单个字符分割字符串

string text = "abc,def,ghi";

,分割这个字符串,使用String.Split 方法 (Char[])即可,代码如下:

string[] result = text.Split(new Char[] { ',' });

2. 使用字符串分割字符串

string text = "abcrndefrnghi";

我们需要使用rn分割此字符串,而rn本身就是字符串,并非单个字符,所以就要用到String.Split 方法 (String[], StringSplitOptions)

第二个参数StringSplitOptions拥有两个值,分别为RemoveEmptyEntriesNone

RemoveEmptyEntries代表分割后,删除空元素;None代表不删除空元素。

我们并不删除空元素,所以使用如下代码进行分割:

string[] result = text.Split(new string[] { "rn" }, StringSplitOptions.None);

两种方法都很简单易懂、易于使用。


【C#】获取网页内容及HTML解析器HtmlAgilityPack的使用


最近经常需要下载一些东西,而这个下载地址又会经过层层跳转,每个页面上都有很多广告,烦不胜烦,所以做了一个一键获得最终下载地址的小工具。使用C#,来获取网页内容,然后通过HtmlAgilityPack获取某a标签的href,不断循环,层层跳转,最后获得最终下载地址。

下面,介绍HtmlAgilityPack的使用方法,这个方法也是从网上很多篇文章中拼凑摸索出来的,因为找了一大圈根本找不到HtmlAgilityPack的文档……

首先,using HtmlAgilityPack;

代码片段:

string url = "http://www.baidu.com/";
HtmlWeb htmlweb = new HtmlWeb();
HtmlDocument htmldoc = htmlweb.Load(url);
HtmlNodeCollection hnc = htmldoc.DocumentNode.SelectNodes("//div[@class='s_btn_wr']//input[@class='s_btn']");
string text = hnc[hnc.Count - 1].Attributes["value"].Value;

要点:

htmlweb.Load:参数为url地址,功能是加载url页面内容到htmldoc这个对象中。

HtmlNodeCollection:是一个集合,包含多个节点,它有count属性,可以获取数量,获取最后一个节点使用hnc[hnc.Count – 1]。

htmldoc.DocumentNode.SelectNodes:选择所有匹配的节点,参数为XPath语法,可以搜索W3CShool的语法说明,我这里的意思是获取包含class等于s_btn_wr的div下面的class等于s_btn的input节点。

hnc[hnc.Count – 1].Attributes["value"].Value:获取最后一个节点的value的属性值。

基本了解了上面的内容之后,我想你已经基本能够完成你想做的功能了。


对Typecho的附件上传至七牛云存储的改造


七牛云存储是个好东西,免费的量很多,所以就把自己博客的图片都上传至了七牛,加速访问。

但是最近考虑换成 typecho,由于空间是在国外买的,速度并不快,所以决定将附件上传至七牛,加速访问。(目前还在SAE)

对 typecho 不太熟,所以研究了很久,而且使用的是非常笨拙的方法。

先将七牛sdk的qiniu文件夹复制到 typecho 中的 var 目录下。

修改 var/Widght/Upload.php 文件:

在 if (isset($file['tmp_name'])) { 这一行(大约118)上面添加:

$qn_filename = "";

在 if (isset($file['tmp_name'])) { 这一行下面添加:

require_once("qiniu/io.php");

require_once("qiniu/rs.php");

$bucket = "Bucket名称";

$accessKey = '你的AK';

$secretKey = '你的SK';

$qn_filename = date("Ymd")."/".  (string)time() . (string)rand(11111, 99999);

Qiniu_SetKeys($accessKey, $secretKey);

$putPolicy = new Qiniu_RS_PutPolicy($bucket);

$upToken = $putPolicy->Token(null);

$putExtra = new Qiniu_PutExtra();

$putExtra->Crc32 = 1;

Qiniu_PutFile($upToken, $qn_filename, $file['tmp_name'] , $putExtra);

$qn_filename 定义的是上传后的文件的名字,你可以根据你自己的需要修改。

最后将返回的数组中的 path 改为 'path' => $qn_filename, 即可。

同时,由于 typecho 会自动在返回的文件名前加上当前域名,所以还需要修改添加进文章时的URL。但是我找不到这个URL到底从哪里传入的,没有找到好的办法,所以通过一个比较笨的办法解决。

打开 admin/editor-js.php 文件,在265行插入以下代码:

url = url.replace(/localhost/g,"trlanfeng-website.qiniudn.com");

注:localhost为你的域名

当添加完成后,js会自动修改需要插入的URL,至此,typecho上传附件至七牛云存储就改造完成了,但这是一个本办法,如果有谁有更好的办法,欢迎分享。


PHPStorm8与Xdebug配合断点调试php程序


PHPStorm是一个非常强大的PHP IDE,而Xdebug是目前使用最广泛的php调试工具。

通过PHPStorm和Xdebug配合,能够非常方便的调试php程序。

声明:部分图片及内容来源于 http://my.oschina.net/pureboys/blog/69485 (似乎是所有的),配置步骤也是通过此篇博客学习的。

基本环境:

WampServer 2.5

PHPStorm 8

最终效果图:

配置步骤:


一、配置php.ini,完成后重启Wamp

[xdebug]

;显示默认的错误信息  

xdebug.remote_enable = on

xdebug.profiler_enable = off

xdebug.profiler_enable_trigger = off

xdebug.profiler_output_name = cachegrind.out.%t.%p

xdebug.profiler_output_dir = "f:/wamp/tmp"

xdebug.remote_handler=dbgp

;设置xdebug的端口为9001

xdebug.remote_port = 9001

;设置idekey

xdebug.idekey="PHPSTORM"

二、


扒取Typecho中markdown编辑器的一些笔记


在typecho中,编辑器默认为markdown格式的,这是一种很简单快速的写作编辑器。

参考:markdown百度百科

typecho中所使用的markdown编辑器,应该是一个叫WMD的编辑器,这个编辑器百度可以查到,但是官网已经打不开了。

经过过滤,最后发现需要使用的部分文件为:

<link rel="stylesheet" href="/admin/css/normalize.css">
<link rel="stylesheet" href="/admin/css/grid.css">
<link rel="stylesheet" href="/admin/css/style.css">
<script src="/admin/js/jquery.js"></script>
<script src="/admin/js/typecho.js"></script>
<script src="/admin/js/pagedown.js"></script>
<script src="/admin/js/stmd.js"></script>
<script src="/admin/js/diff.js"></script>

而编辑器使用的一个 id 为 text 的 textarea 初始化的。

另外,在 editor-js.php 这个文件中,有初始化的代码,因为过长这里就不贴出来了。

其实编辑器需要使用的文件,typecho已经进行了整理,都在 editor-js.php 中,不过不是全部,因为需要使用到其他一些通用的 js 。

有想使用 typecho 中 markdown 编辑器的可以作为参考。


Emlog 5.2.0 For BAE 发布,支持BCS云存储附件上传(2013.12.03更新)


BAE 3.0 即将收费,本博客将迁移至我购买的国外主机,暂不继续更新。

下次更新时间:PCS API开放申请时,会更新一次。


本文为Emlog For BAE的专项更新文,新版本发布会更新本文。


转载请注明出处

作者:trlanfeng孤月蓝风

最新版本:5.2.0

本文链接:http://fengyu.name/?cat=coding&id=274


希望大家给点支持,点页面右上角的“”或“”啦~~~虽然不知道有什么用,不过希望大家都帮帮忙~~~


安装方法:下载代码包后,解压,修改config.php文件,填入需要的内容,重新打包为zip,通过BAE上传代码包,输入 域名+install.php安装即可。


★ 2013.12.03:

Emlog 5.2.0 For BAE 发布,支持附件上传,附件上传方式为:BCS云存储。

下载地址:百度网盘

版本说明:

+ 只需修改配置,无需修改代码,上传即可安装使用

+ 基于官方5.2修改,未添加任何恶意代码,功能完整

+ 支持附件上传并点击添加进文章(BCS方式)

预览地址:http://1.tremlog.duapp.com/

由于百度PCS暂停API申请,所以先做出了BCS版本,让有需要的童鞋可以先下载。

——————————————————————————

★ 2013.12.03:

PCS API安全升级中,暂停开启权限,预计12月初重新开放

现在考虑继续使用BCS,还是等待PCS,然后测试。

——————————————————————————

★ 2013.12.02:

+ 安装程序完成

+ 缓存修改完成

——————————————————————————

★ 2013.12.01:

待解决问题:

1.安装程序

2.后台缓存

3.模板缓存

4.PCS附件

——————————————————————————

旧版教程请参看:Emlog for BAE修改教程,支持附件上传(云存储)等


让taoCMS支持Ueditor编辑器


Ueditor是百度团队开发的一个在线编辑器,很强大。

taoCMS默认的是Xheditor,个人不是太喜欢,所以换成了Ueditor。

只需要把Ueditor文件放在images目录下,然后修改 editcms.html 这个模板文件,

将编辑器那一块儿换成如下的即可:

<textarea name="content" id="content" style="height:500px;">{o[‘content’]}</textarea>
<script type="text/javascript" src="images/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="images/ueditor/ueditor.all.js"></script>
<script type="text/javascript">
var editor = new UE.ui.Editor();
editor.render("content");
//1.2.4以后可以使用一下代码实例化编辑器
//UE.getEditor(‘myEditor’)
</script>


不过,taoCMS的默认css会影响Ueditor的工具栏,所以打开common.css文件,修改


.addtable td,.list td{border-bottom:#999999 1px solid; padding:2px 4px;word-break: keep-all;/*white-space:nowrap;*/}


这一行,将最后的不允许换行去掉即可。


由于Ueditor的强大,就这么简单的修改完后,一切都能正常使用了。