相信不少博主的WordPress都搭建在虚拟主机中,一般是Linux虚拟主机。但是,我们没有办法对虚拟主机进行控制,毕竟不是独立服务器。 我在西部数码搭建的博客,linux主机,可以方便的开启SSL,但要做到完美就没那么简单了。 开启SSL后,除了在后台的常规设置中将网站网址的http换成https之外,还必须在.htaccess文件中增加301跳转。 WordPress安装后的默认.htaccess文件内容是这样的,这是伪静态跳转,也就是WordPress中设置“固定链接”样式时,就通过这个文件进行链接跳转:

我的网站增加了https跳转后的.htaccess文件如下:

如果仅仅是这样,WordPress只是可以通过https打开了,但css、js等文件依然是http格式的,会出现网站板式错乱,加载错误等各种问题。 因此,还需要在wp-config.php文件中增加一些内容进行说明。值得注意的是,增加内容的位置很关键。必须放在 require_once( ABSPATH . ‘wp-settings.php’ ); 以上。如下所示:

把里面的域名换成自己的域名即可。 或者用以下代码,就阅读全文

目的: 通过IP或者域名,访问内网中的树莓派或NAS设备。 方法: frp软件,服务端安装在某VPS,客户端安装在树莓派。 原理:   搭建步骤: 服务端的搭建: 假设服务端VPS是Linux服务器(64位),使用以下代码搭建:

注意: export FRP_VERSION=0.33.0 是目前最新版的frp,搭建时请对照最新的版本号自行替换。本代码的优势就是,只需要修改一次版本号,后面的代码无需再一点一点修改版本号。在这里查看最新版本:https://github.com/fatedier/frp/releases 然后,修改配置文件。FRP 默认提供了 2 个服务端配置文件,一个是简化版的 frps.ini,另一个是完整版的 frps_full.ini。初学者只需用简版配置即可,在简版 frps.ini 配置文件里,默认设置了监听端口为 7000,你可以按需修改它。 用vi编辑器修改 frps.ini:

我的修改如下:

注意:这里等号后面的部分都可以自己修改,只需要在配置客户端的时候与此保持一直即可。另外,这里的dashboard_port 、dashboa阅读全文

知乎上有个问题:物理专业自学计算机应该学些什么? 题目大概是说他物理本科大四了,申请去美国读物理博士,但自己对计算机有很大兴趣,为了考虑以后的饭碗,想自学计算机。自己对计算机图形学有兴趣,希望得到一些建议。 回答的人不少,有几个人的回答震撼到我了。 第一个回答: 作者:陈然 链接:https://www.zhihu.com/question/23212279/answer/24061341 来源:知乎 著作权归作者所有,转载请联系作者获得授权。 个人站的角度不同,现在的答案基本都是从图形学的角度建议,我换个角度。 从研究生计算机科学做研究的角度来讲,我认为本科最适合的专业首先是物理,其次是数学,再次才是计算机。数学学的太抽象,抽象层次太高,研究现实问题的人往往处在鄙视链的底端。计算机学的太底层,对于概率论、随机过程、线性代数等学科学的太少,不了解建模分析的那套方法论。而物理学一方面的数学知识足够多,另外一方面主要研究的方法也是对这个世界建模,然后进行观测,这与前沿的机器学习领域做的事情几乎是一样的。至于会不会写代码,其实科研里面要写的代码不多,主要都是在推公式,研究如何设计模型使得其拥有很多良好的性质。代码很多时候写写matlab就可以了。 所以恭喜你,如果你想转行做CS的科研,你有很大的优势。事实上,很多CS领域的大神都是学物理的,比如华人图灵奖得主姚期智,CMU Machine阅读全文

有时候我们需要将一大片文字,或者页面的所有文字都变大一号,那么可以用以下代码实现。本代码来自网络,因我忘记保存原地址了,所以不能贴出引用连接了。在此感谢原作者,如果发现侵权,请发邮件给我。

 阅读全文

在网页中默认插入的优酷视频工具条很大很丑,在一个优酷的播放页面比如这个:

怎么做呢?在下面的分享按钮:找到flash地址,拷贝它:

如果需要插入小播放条的话,使用如下代码:

插入后的效果如下图: 可以看到,工具条变小变窄了,看起来好看多了。 注意到优酷每一个视频都有一个ID,比如这个视频

ID 就是 XMjUxMzYxODM2 即,从 id_ 后面到 .html 结束之间的字符串。修改从 VideoIDS= 到下一个 & 符号截至,把这个字符串修改为你要插入的视频地址id即可。阅读全文

转载自:酷壳网 http://coolshell.cn/articles/9666.html 看到这个标题大家一定会想到这篇神文《How Browsers Work》,这篇文章把浏览器的很多细节讲得很细,而且也被翻译成了中文。为什么我还想写一篇呢?因为两个原因, 1)这篇文章太长了,阅读成本太大,不能一口气读完。 2)花了大力气读了这篇文章后可以了解很多,但似乎对工作没什么帮助。 所以,我准备写下这篇文章来解决上述两个问题。希望你能在上班途中,或是坐马桶时就能读完,并能从中学会一些能用在工作上的东西。 浏览器工作大流程 废话少说,先来看个图: 从上面这个图中,我们可以看到那么几个事: 1)浏览器会解析三个东西: 一个是HTML/SVG/XHTML,事实上,Webkit有三个C++的类对应这三类文档。解析这三种文件会产生一个DOM Tree。 CSS,解析CSS会产生CSS规则树。 Javascript,脚本,主要是通过DOM API和CSSOM API来操作DOM Tree和CSS Rule Tree. 2)解析完成后,浏览器引擎会通过DOM Tree 和 CSS Rule Tree 来构造 Rendering Tree。注意: Rendering Tree 渲染树并不等同于DOM树,因为一些像Header或display:none的东西就没必要放在渲染树中了。 CSS 的 Rul阅读全文

ChronoZoom is an interactive timeline for all of history. Explore all of the past – from the Big Bang, to the dinosours, to ancient and modern history. Click or scroll to navigate through events and timelines. Watch our introduction video for a quick overview of this project. ChronoZoom is an open-source community project dedicated to visualizing the history of everything. Big History is the attempt to understand, in a unified, interdisciplinary way, the history of cosmos, Earth, life, and humanity. By using Big History as the story line, ChronoZoom seeks to bridge the gap between the hu阅读全文

Adobe Edge Animate是adobe公司的一款新型网页互动工具。允许设计师通过HTML5、CSS和JavaScript制作网页动画。无需Flash。Adobe Edge Animate并不会替代Flash。该软件只是为网页设计人员提供了一种工具,帮助他们在不支持Flash的设备(比如苹果iOS设备)上制作网络动画。阅读全文

转载自:http://www.infoq.com/cn/articles/soundcloud-development-sharing PS: http://www.infoq.com 是个好网站   SoundCloud是世界领先的基于声音分享的社交平台,每个人可以录制并上传自己的声音,同时分享给社区的好友。SoundCloud前端技术团队,不断通过技术的创新来提升用户体验,打造下一代单页面应用,并分享了技术实现的心得体会。 下一代SoundCloud应用(已经在公测状态),尝试使用HTML5 widget实现声音播放器,未来会根据浏览器的兼容性,将老的flash player切换为HTML5 widget。前端技术实现不仅仅是HTML5,构建一个坚实的底层JavaScript框架式是很重要的。 构建单页面应用之JavaScript选型 下一代SoundCloud应用最重要的一个特性是在不打断用户通过导航寻找其他声音的前提下,可以回放之前播放的track(声音片段),这相当于,界面右上方总会悬浮一个迷你播放面板,每当用户想回放上一个track,一次不刷新页面的点击就可以解决问题。这势必会鼓励用户根据当前的页面导航,不断寻求新的内容,此类行为会通过点击完成,每次点击应该保证又快又平滑。在系统层面保证又快又平滑是将下一代应用定位为单页面应用的重要原因(数据通过统一的API获阅读全文

简介: WebRTC是一项在浏览器内部进行实时视频和音频通信的技术,是谷歌2010年以6820万美元收购Global IP Solutions公司而获得一项技术。 WebRTC实现了基于网页的视频会议,标准是WHATWG 协议,目的是通过浏览器提供简单的javascript就可以达到实时通讯(Real-Time Communications (RTC))能力。 WebRTC(Web Real-Time Communication)项目的最终目的主要是让Web开发者能够基于浏览器(ChromeFireFox…)轻易快捷开发出丰富的实时多媒体应用,而无需下载安装任何插件,Web开发者也无需关注多媒体的数字信号处理过程,只需编写简单的Javascript程序即可实现,W3C等组织正在制定Javascript 标准API,目前是WebRTC 1.0版本,Draft状态;另外WebRTC还希望能够建立一个多互联网浏览器间健壮的实时通信的平台,形成开发者与浏览器厂商良好的生态环境。 WebRTC提供了视频会议的核心技术,包括音视频的采集、编解码、网络传输、显示等功能,并且还支持跨平台:windows,linux,mac,android。 架构图: 详细架构介绍: http://baike.baidu.com/view/5855785.htm#2 (百度百科) http://www.阅读全文