离线使用Google Material Icons

本文最后更新于(2023-2-23 09:32:17),链接可能失效,内容可能难以复现。请注意甄别。
引用:https://stackoverflow.com/questions/37270835/how-to-host-material-icons-offline
1. 前往https://github.com/google/material-design-icons/releases下载最新的Releases包。 2. 解压后,将font文件夹整个上传到你的站点根目录。 3. 添加网站对字体格式的支持,在.htaccess文件里加入以下代码:
<FilesMatch ".(eot|ttf|otf|woff|woff2)">
Header set Access-Control-Allow-Origin "*"
</FilesMatch>
4. 创建一个css文件,来定义字体,(最新版本里只有ttf和otf两种格式):

文件结构

@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(iconfont/MaterialIcons-Regular.eot); /* For IE6-8 */
src: local('Material Icons'),
local('MaterialIcons-Regular'),
url(iconfont/MaterialIcons-Regular.woff2) format('woff2'),
url(iconfont/MaterialIcons-Regular.woff) format('woff'),
url(iconfont/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px; /* Preferred icon size */
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;

/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;

/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;

/* Support for IE. */
font-feature-settings: 'liga';
}
5. 最后在HTML里调用图标 <span class="material-icons">face</span> 显示效果:
face

群晖搭建内网穿透访问web

准备工作
  1. cloudflare账户
  2. 接管到cloudflare的域名(设置NS服务器)
  3. 需要绑定付款信息(本文选择免费计划,但依旧需要绑定VISA或者PayPal)
  4. NAS需要开启SSH
  5. NAS需要配置好web服务,可以通过内网访问IP地址测试网站是否可用
1.登录cloudflare官网 2.打开Zero Trust 3.找到Access-Tunnels 4.点击Create a tunnel 5.给你的通道取一个名称Tunnel name(本例设置为web) 6.Choose your environment选择Docker,复制下面$开头的命令 7.然后Next 8.在Subdomain填一个二级域名,例子为web 9. 因为我们需要访问web服务,所以Service选择HTTP 127.0.0.1 nas访问的端口一般为5000,如果要访问nas而不是web,则选择HTTP 127.0.0.1:5000 10.群辉安装docker 11. SSH登录群辉,sudo -i运行第6步的命令 12. 访问web.kkii.org进行测试

Windows7的IIS和Dreamweavwer CS5配置

本文最后更新于(2010-9-19 10:45:47),链接可能失效,内容可能难以复现。请注意甄别。
  2010-09-19
 
本配置在32位和64位Windows7下可用,不懂配置Windows7的IIS以及Dreaver CS5的,可以参考。 首先开启IIS功能,单击“开始”-“控制面板”-“打开或关闭Windows功能”。如下图所示: 然后耐心勾选所有的IIS功能…… 这样,我们就完成了IIS的启用了。我们可以通过“控制面板”-“系统和安全”-“管理工具”找到“Internet 信息服务(IIS)管理器”这个快捷方式,将它发送到桌面,方便今后的配置。 或者,我们可以右键“开始”-“属性”-“「开始」菜单”选项卡-“自定义(C)…”按钮,根据自己的喜好勾选。如图: 好了,开始配置IIS。打开“Internet 信息服务(IIS)管理器”(注意:不是“Internet 信息服务(IIS) 6.0 管理器”)。双击ASP选项进入到上图的ASP设置界面。 ASP的配置如下图: 设置上图中框内属性为True,其它设置不更改。这是为了方便以后网站调试,这样如果网页有错误就会把错误情况显示到浏览器。 添加网站:找到“网站”图标,右击选择“添加网站…”。如下图: 网站名称随意。物理路径,选择你网站所在的本地文件夹。ip选择“全部未分配”(除非你的ip地址是不变的,如果你有多个或者是变动的ip,请选择“全部未分配”),端口一般是80,但是我已经有一个网站了,所以设新的为8081。如下图: 添加虚拟目录:在左边的侧边栏右击你的网站别名(我这里是“Sunplace”),选择“添加虚拟目录…”。虚拟目录别名随意,可以和网站名不同。“物理路径”还是那个文件夹…… 非常非常重要的一个步骤,因为64位系统不可以直接使用32位的IIS,这个时候你要在命令提示符中输入一些命令启动这个功能。打开开始菜单,输入CMD,回车进入命令提示符的黑色窗口 键入命令:
cscript.exe adsutil.vbs set W3SVC/AppPools/Enable32BitAppOnWin64 "true"
然后,回车。这个时候你的IIS功能就已经启动了。 打开IE浏览器,找到菜单栏。如果没有看到菜单栏的,就右击窗体,在“菜单栏”前打上勾。如下图: 依次进入“工具(T)”-“Internet(O)”-“高级”选项卡,去掉“显示友好http错误信息”前的勾。如下图: 这是为了在IE里显示详细的错误内容。 ———————————————————IIS配置全部结束—————————————————— 启动Dreamweaver CS5。选择“站点(S)”-“新建站点(N)…”。 选择“站点”选项卡:站点名称随意,本地站点文件夹还是之前的那个文件夹。 选择“服务器”选项卡:单击左下角的“+”,设置如下图: 其中的“Web URL”填写为IIS设置的ip地址,格式为“https://:<端口号>”(填写“全部未分配”的格式为“https://localhost:<端口号>/”) 切换至“高级”选项卡,选择服务器模型为ASP JavaScript(因为我网站的关系,大家可以不选)。 将“测试”的勾选上,如下图: ———————————-Dreamweaver CS5配置全部结束——————————————————- 现在就可以用Dreamweaver CS5打开一个页面,在按下F12浏览了!提示:错误详细信息可能支持|IE。 或在浏览器打上你的IE地址栏内输入https://:<端口号>/index.asp(我的首页是index.asp)。 好了,可喜可贺。大功告成了。话说,写这篇文章好累啊……