一些HTML插件(持续更新)

天气:

<iframe src=”http://i.tianqi.com/index.php?c=code&amp;id=2&amp;num=1″ name=”weather_inc” width=”50%” height=”70″ frameborder=”0″ marginwidth=”0″ marginheight=”0″ scrolling=”no”>
</iframe>

注释:num代表显示几天


一言:

 <script type=”text/javascript” src=”https://api.lwl12.com/hitokoto/main/get?encode=js&charset=utf-8″></script><div id=”lwlhitokoto”><script>lwlhitokoto()</script>

注释:一言就是每次刷新都会换一句话,可以用在网页最下面,美观一点。


会动的google:

 <img src=”http://static.oschina.net/uploads/space/2016/0430/073159_5M9X_2652078.gif” width=”60%” />

备注:并不是透明的


网易云音乐:

 <iframe frameborder=”no” border=”0″ marginwidth=”0″ marginheight=”0″ width=330 height=250src=”http://music.163.com/outchain/player?type=0&id=123216450&auto=0&height=230″></iframe>

备注:网易云中的id如何找
比如自己分享的歌单链接分享 周半仙创建的歌单「我喜欢的音乐」: http://music.163.com/playlist/117247135/98764813/?userid=98764813
其中117247135就替换到我上面代码的id后面!
如果是网上的歌单http://music.163.com/#/playlist?id=530599175那就是id后面的数字替换我上面代码id后面的数字!


网易有道翻译:

<div id=”YOUDAO_FANYIER_WRAPPER” style=”margin:0; border:0; padding:0; width:320px; height:240px;”></div>

<script type=”text/javascript” src=”http://fanyi.youdao.com/openapi.do?keyfrom=<keyfrom>&key=<key>&type=fanyier&version=1.2&select=on” charset=”utf-8″></script>

备注:没啥好说的

<hr>

百度搜索框:

<form name=”f1″ onsubmit=”return g(this)” target=”_blank”>
<table bgcolor=”#FFFFFF” style=”font-size:9pt;”>
<tr height=”60″>
<td valign=”top” width=”8%”>
<a href=”https://www.baidu.com/” target=”_blank”>
<img src=”https://www.baidu.com/img/baidu_jgylogo3.gif” border=”0″ alt=”baidu”>
</a>
</td>
<td>
<input type=”text” name=”word” onfocus=”checkHttps” size=”30″ maxlength=”100″>
<input type=”submit” value=”百度搜索”><br>
<input name=”tn” type=”hidden” value=”SE_zzsearchcode_shhzc78w”>
<input name=”cl” type=”hidden” value=”3″>
<input name=”ct” type=”hidden”>
<input name=”si” type=”hidden” value=”www.baidu.com”>
<div class=”mt10″>
<input name=”s” type=”radio”> 互联网<input name=”s” type=”radio” checked> www.baidu.com
</div>
</td>
</tr>
</table>
</form>
<script src=”http://s1.bdstatic.com/r/www/cache/global/js/BaiduHttps_20150714_zhanzhang.js”></script>
<script>
function checkHttps () {
BaiduHttps.useHttps();
};
function g(formname) {
var data = BaiduHttps.useHttps();
var url = ”;
url = data.s == 0 ? “http://www.baidu.com/baidu” : ‘https://www.baidu.com/baidu’ + ‘?ssl_s=1&ssl_c’ + data.ssl_code;
if (formname.s[1].checked) {
formname.ct.value = “2097152”;
}
else {
formname.ct.value = “0”;
}
formname.action = url;
return true;
};
</script>

备注:没啥好说的


树莓派如何搭建wordpress博客

博客的话,一般我们用的就是wordpress,所以就搭建wordpress。

因为我是ubuntu16.04版本的,所以接下来可能和起来系统搭建的有些区别。(ubuntu16.04没有php5,用的是php7.0其他系统一般都可以用php5)

首先安装好系统,这就不详细说。安装好之后用ssh连接(电脑用xshell,手机用juicessh)。

之后 apt-get update和apt-get upgrade一样要执行,这是更新源。

之后,我们安装apache2

sudo apt install apache2

在浏览器输入你树莓派的内网ip,会显示恭喜你搭建成功的界面!

之后安装php7

sudo apt install php7.0

输入 php7.0 -v 如果出现版本信息就是安装成功了。

继续安装apache2的php模块。
apt-get install libapache2-mod-php7.0

// 安装mysql数据库
apt-get install mysql-server
// 安装php7.0 MySQL数据库插件
apt-get install php7.0-mysql

接着安装mysql数据库,安装过程中需要输入密码,紧接着安装php7.0关于mysql的插件。

然后重启mysql和apache2。
// 重启数据库
service mysql restart
// 重启apache2
service apache2 restart

之后我们下载中文版wordpress

wget https://cn.wordpress.org/wordpress-4.5.3-zh_CN.tar.gz

下载好之后,我们解压它

sduo tar -zxvf wordpress-4.5.3-zh_CN.tar.gz

然后把wordpress移到/var/www/html文件夹下

sudo mv wordpress/* /var/www/html

搭建wordpress必须要有数据库,所以我们来创建数据库

先进入mysql数据库

mysql -u root -p

接下来会让你输入密码,这个密码就是之前安装mysql是自己填的密码

创建数据库

create database wordpress;

特别注意,要有分号

创建好之后,输入 exit 退出数据库编辑

接下来就可以去安装wordpress了,在浏览器中输入 树莓派内网ip/wp-admin

接下来就自己按自己需求安装吧。