峯言凬语 My life is brilliant~
本无意与众不同,怎奈何口味太重。
文章分类
常用标签
您正在查看: Web 分类下的文章

html5.jpg

<video width="100%" height="auto" poster="视频预显示图像" preload="none" controls="controls">
<source src="视频地址" /></video>

属性 值 描述
autoplay autoplay 如果出现该属性,则视频在就绪后马上播放。
controls controls 如果出现该属性,则向用户显示控件,比如播放按钮。
loop loop 如果出现该属性,则当媒介文件完成播放后再次开始播放。
muted muted 规定视频的音频输出应该被静音。
poster URL 规定视频下载时显示的图像,或者在用户点击播放按钮前显示的图像。
preload preload 如果出现该属性,则视频在页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性。
src url 要播放的视频的 URL。
height pixels 设置视频播放器的高度。
width pixels 设置视频播放器的宽度。

August 9, 2019

nh009.png
1、网站使用:
目前主流的浏览器都支持ICO图标,它显示于浏览器的地址栏、标签及收藏夹上,一般作为把网站标志的ICO图标大小为16×16,命名为"favicon.ico",将其上传到空间的根目录,在网页代码的<head>与</head>之间加入下面的代码:

<link rel="shortcut icon" href="favicon.ico">

2、文件夹或者程序使用:
以文件夹使用为例,把ICO图标命名为"nonni.ico",然后把下面的代码复制到记事本并保存在该文件夹根目录内,命名为"desktop.ini":

[.ShellClassInfo]
InfoTip=文件夹说明
IconFile=nonni.ico
IconIndex=0

3、分区盘符使用:
把ICO图标命名为"nonni.ico",然后把下面的代码复制到记事本并保存在该分区根目录内,命名为"autorun.inf":

[autorun]
icon=nonni.ico
June 6, 2019

nh020.png
插件功能:将Typecho的内容映射到微信小程序
项目地址:https://github.com/MingliangLu/WeTypecho
环境需求:⒈域名已备案; ⒉域名开启HTTPS。


安装插件:
Git下载,将we-typecho-plugin 上传至 /usr/plugins 目录下,重命名为 WeTypecho。
Typecho 后台插件管理启用 WeTypecho 插件。
设置永久链接为自定义:

/{year}{month}{day}/cid={slug}.html

WEB服务器上需配置站点为伪静态,不然无法刷新显示。

配置插件:
API 密钥自行设置,需要与小程序代码端的设置一致。
APP ID和APP secret在小程序平台中。
openid 是设置允许微信号可以查看探针(即服务器信息),上线小程序后,用自己的微信号打开一下小程序,然后在 wetypecho 的控制台就可以看到自己的微信号和 openid。

编辑小程序代码:
导入Wetypecho文件夹内的源码,编辑文件:
config.js:
domain 设置为已备案域名,不需要加 http 或者 https://
name 设置为网站名称,用于页脚显示。
API_SECRET 必须与 WeTypecho 插件中的 API 密钥配置相同。
app.json:
修改网站名。
Template 目录下的 foot.wxml:
修改页脚版权。


微信官方小程序平台设置域名:
平台设置 -> 开发设置,服务器域名,添加域名,如果图片等资源存放的地址是不同域名,还需要将图片资源域名添加进去,否则会无法显示。


上传代码,然后去微信官方小程序平台发布小程序提交审核,等待审核通过。


文章显示缩略图,需在文章添加自定义字段名 thumb,添加赋值图片地址。
若文章详情页,分类下的文章列表不显示,一般是小程序获取不了文章缩略图,不显示分类文章列表,可尝试将所有文章都加上自定义字段 thumb,并赋值图片地址。
404 报错是因为参数值不正确不匹配,例如控制面板中的填写的 mid 不正确、API 接口 id 密钥不匹配等,根据报错内容,进行一一核对。


接入移动统计SDK的方法:
百度移动统计的微信小程序 SDK 适用于微信小程序全部版本。

集成准备:
注册账户并登录百度移动统计官网 mtj.baidu.com;
创建应用时选择小程序 - 微信小程序平台并获取 AppKey(这里是指百度移动统计里的,不是微信小程序的);
如果已创建的应用,请从 "设置 -> 应用信息" 中查看 AppKey。
配置SDK:
下载微信小程序统计 SDK,把解压缩得到的 mtj-wx-sdk.js 和 mtj-wx-sdk.config.js 拷贝到小程序项目的 utils 文件夹中。
打开 mtj-wx-sdk.config.js,修改 AppKey 字段: AppKey: "xxxxxxxxxx";
打开小程序项目的 app.js,在文件最顶部加入: const mtjwxsdk = require("./utils/mtj-wx-sdk.js");
登录微信公众平台,进入小程序的设置 -> 开发设置 -> 服务器域名,把 https://hmma.baidu.com 加入 request 合法域名。

April 19, 2019

nh021.png
一键生成效果图,支持iPad、iphoneX、MacBook、LG TV、iMac等几十种设备:
https://mockuphone.com

在线免费图片压缩工具,不影响图片质量减小体积:
https://www.picdiet.com

https://tinypng.com

https://imagecompressor.com

https://recompressor.com

https://www.jpeg.io

https://squoosh.app

实用图片中识别字体的工具,检测是否有商用版权字体:
http://www.qiuziti.com

https://www.likefont.com

https://www.myfonts.com/WhatTheFont/

https://www.whatfontis.com

https://www.fontspring.com/matcherator

关于CC0版权说明:
https://creativecommons.org/publicdomain/zero/1.0/deed.zh

https://unsplash.com
unsplash更新频率比较大,涵盖各种行业。

https://www.pexels.com
Pexels 的高清图片可以根据需要设置自己需要的尺寸下载,无需注册。

http://www.peakpx.com
peakpx搜索需要图片的名称,根据尺寸下载。

https://pixabay.com
Pixabay平台上有照片、插画、矢量图,还有视频。

https://gratisography.com
Gratisography提供的图片很多,界面稍微粗糙。