阅读本文,将学到如何用 Jekyll 做多种类型的页面,并在首页的列表中将这些不同种类的页面合并按日期排序。...---- 制作除博客之外的新页面类型 Jekyll 不止支持博客(post)页面类型,也可以支持自定义页面类型。当然博客是它唯一的内建类型(hard-coded type)。...第一步:在 _config.yml 文件中添加自定义页面类型集合 collections: article: output: true 其中,article 是我为自定义类型取的名称。...第二步:添加自定义页面类型文件夹 需要在 Jekyll 项目根目录建立一个 _article 文件夹,此名称与第一步的类型名称一致,前面加下划线。...制作一个合并了博客和其他页面类型的页面列表 我希望在首页中混杂我的博客和胡思乱想,于是必须将两种不同类型的集合合并。
Jekyll 中 Sass 的使用 什么是 Sass 关于 Sass 的优势 Usage Install Sass 目录结构 使用 include stylesheet to html...项目实例 参考文献 Jekyll 中 Sass 的使用 什么是 Sass Sass 是一群超级懒的人创造的 Css 快速编程工具 Sass(Syntactically Awesome Style...这部分文件写的时候上方要加 YAML header: 最顶上的两行横杠不能删除, 这个是为了让文件按照 Jekyll 标准进行读取 使用 _sass/test.scss .content { height.../jekyll-sass-converter 参考文献 Using Sass with Jekyll Jekyll Docs How to use Sass with Jekyll (Bootstrap...and Font Awesome example) i-am-a-jekyll-god
配置文件为_config.yml 在配置文件中添加配置类似于 permalink: /:categories/:year-:month-:day-:title.html 可用的参数值 year...文章的年份:如2014 short_year 文章的年份,不包含世纪,如:14 month 文章的月份 i_month 文章的月份,去掉前置的0 day 文章的日期 i_day...文章的日期,去掉前置的0 categories 文章的分类,如果文章没分类,生成url时会将其忽略 内置搭配 date/:categories/:year/:month/:day/:title.html...permalink: date permalink: pretty permalink: none 自定义搭配 /:categories/:year/:month/:day/:title.html 默认的搭配.../:categories/:title.html 最精简的配置 /:categories/:year-:month-:day-:title.html 我的配置 /:year-:month-:day/
Post List 前段时间画了一些漫画,考虑把漫画相关的 Post 放到另一个页面。...: TagName 不需要加单引号或者双引号 2017-02 Updated 另一种更简单的方法 前段时间写了个给特定 post 加密的功能 后来发现 post 的 header 部分可以有很多用途,...就比如上文提到的过滤特定类别的 post 我们可以在 header 里面这么写 layout: post title: 《10101》EP0:我太受欢迎了该怎么办 category : Comic tags...: [Comic, 10101] hideinpostslist: true 设置一个控制是否显示的参数为true 然后在 post list 页面循环判断 {* for post in site.posts...} 比上面那个方法简单多了, 不过每个 post 需要额外设置这个参数, 如果 post 数量多的话还是参考上面的方法 参考文献 Liquid template engine Jekyll
不必进行繁琐的 Ruby 和 DevKit 的安装 不需要管理员权限,公司电脑也可以搭建 适用于 Jekyll 3.X, 经测试 3.1.2 在安装额外的几个 gem 后也可以顺利使用 Require...Modules ruby (从列表里找到最新的版本的 7z 下载解压) DevKit 4.7.2 环境部署 将自己的 Github Page 独立放到一个文件夹中 解压 Ruby...- ruby - setpath.cmd 建议不要把 ruby 放到 Github Page Folder 中,否则会在 build 的时候会报以下错误 ERROR: YOUR SITE COULD...开始使用 Jekyll 首先跑到 cmd 所在的路径,直接执行 setpath.cmd 执行 gem install jekyll 进入 Github Page 文件夹执行 jekyll s 再变得方便一些...&& cd szhshpBlog && jekyll s -I" 实际上就是在 setPath 之后立刻启动 debugger, 其中需要对这么几个东西进行修改: 主文件夹 路径, 这里指向的是 C:
数据预处理一直机器学习项目中最耗时间的工作,我们常常会遇到一些非数值数据,比如城市建筑物的商用类别、餐馆的菜系类别、手机中app的用途类别等等,这些数据并没有数值含义,无大小之分,仅仅是分类不同。...那么在机器学习中,需要对这些数据做处理,这次的内容就是数据预处理中的类别数据的转换。 01 什么是类别数据 什么是类别数据呢?类别数据是有分类特征的数据,相对应的是数值数据。...标称特征只代表类别,数据无序,如电影数据集中的类型、地区特征,爱情和动作是无法做比较的。 有序特征的数据是用于分类且有序的,如电影数据集中的评星,显然5高于4,3高于2,可以比较。...'类型'] = Movies['类型'].map(dic) Movies 执行命令后得到: 2、使用scikit-learn库进行整数编码 对‘地区’特征列进行编码 先导入scikit-learn库中的...categorical_features=[2]) ohe.fit_transform(Movies.values).toarray() 输出: 前四列变成四个地区特征,0代表否,1代表是 还可以用pandas(神器)中的
1,问题与思考:网购满意度与地区有关系 如果检验两个类别变量网购满意度,地区是否存在关系? 如果存在,关系强度有多大?...,则两个变量各类别交叉项的概率可以依据独立时间的概率乘法公式求得。...设给定单元格所在行的合计频数为RT,所在列的合计频数为CT,任意给定单元格(比如第i行第j列的单元格:RiCj)的概率为: 概率乘以总观察频数(即样本量n),可以得到任意单元格的期望频数为: 按照上面的公式可以计算出如下表格...,合计的出统计量的值。...: R实战模拟: 检验注意事项: 1,仅有两个单元格,单元格最小期望不应小于5 2,两个以上单元格,期望小于5的单元格不能超过20% 3,两个类别变量相关性强度的度量
监督学习 从训练资料中学到或者建立一个模式,并依此模式推测新的实例。训练资料是由输入数据和预期输出数据组成。模式的输出可以是一个连续的值(称为回归分析)或者分类标签(称为分类)。...非监督学习 没有给定事先标记过的训练示例,自动对输入的数据进行分类或分群。 强化学习 智能体以“试错”的方式进行学习,通过与环境进行交互获得的奖赏指导行为,目标是使智能体获得最大的奖赏。...在强化信号上,强化学习中由环境提供的强化信号是对产生动作的好坏作一种评价,而不是告诉强化学习系统(reinforcement learning system, RLS)如何去产生正确的动作。...由于外部环境提供的信息很少,RLS必须靠自身的经历进行学习。通过这种方式,RLS在行动-评价的环境中获得知识,改进行动方案以适应环境。 ?
Jekyll 是采用Ruby语言实现的将纯文本转换为静态博客网站的利器,也是本站点的关键技术。本文将对Jekyll中的进阶内容进行说明。...基本过程 Jekyll 是一个简单的博客形态的静态站点生产机器。...Jekyll 也可以运行在 GitHub Page 上,也就是说,你可以使用 GitHub 的服务来搭建你的项目页面、博客或者网站,而且是完全免费的。...(引用自 http://jekyllcn.com/docs/home/) 由于本教程通过 Docker 技术直接在容器中运行 Jekyll 环境,因此读者不需要过多的研究 Jekyll 的运行环境要求。...若需要寻找更多的插件,可以通过搜索引擎或 Github 进行搜索。 模板 模板是指将一个网页分割为多个部分,存放在不同的文件中,以实现尽可能复用代码的目的。
2 证据1:流行英语词典中的Jekyll 2.1 韦伯斯特词典 2.2 麦克米伦词典 2.3 剑桥免费英语词典 2.4 柯林斯免费在线词典 2.5 朗文在线词典 3...证据1:流行英语词典中的Jekyll 韦伯斯特词典 image.png 这里Jekyll指向到Jekyll and Hyde....Hyde中的好人博士。 朗文在线词典 image.png OK,以上词典基本上都说明 Jekyll 很多时候指的就是 Jekyll and Hyde 中的前者(好人博士)。...证据2:Jekyll的官方网站配置说明 当我们打开Jekyll官网的Front matter默认配置页面 Front Matter Defaults - Jekyll Configuration时,可以清楚地看到...and Hyde中的好人博士/恶魔 分别对应。
PHP页面跳转二、Meta标签 Meta标签是HTML中负责提供文档元信息的标签,在PHP程序中使用该标签,也可以实现页面跳转。...若定义http-equiv为refresh,则打开该页面时将根据content规定的值在一定时间内跳转到相应页面。...若设置content="秒数;url=网址",则定义了经过多长时间后页面跳转到指定的网址。... 例,以下程序meta.php实现在该页面中停留一秒后页面自动跳转...PHP页面跳转三、JavaScript <?
由于众所周知的原因,国内的主流浏览器都是双核浏览器:基于Webkit的内核用于常用网站的高速浏览,基于IE的内核主要用于部分网银、政府、办公系统等网站的正常使用。...以360浏览器为例,优先通过Webkit内核渲染主流网站,只有少量的网站通过IE内核渲染,以保证页面兼容性。...出现一个控制手段——“内核控制标签”,只要你在自己的网站里增加一个meta标签,告诉360浏览器这个网站应该用哪个内核渲染,那么360浏览器就会在读取到这个标签后,立即切换对应的内核,并将这个行为应用于这个二级域名下所有网址...浏览器默认内核的指定只需在head标签中添加一行代码即可: 若页面需默认用极速核,增加标签: 若页面需默认用ie兼容内核...,增加标签: 若页面需默认用ie标准内核,增加标签:<meta name="renderer" content="ie-stand
jekyll是一个简单的免费的Blog生成工具,类似WordPress。但是和WordPress又有很大的不同,原因是jekyll只是一个生成静态网页的工具,不需要数据库支持。...最关键的是jekyll可以免费部署在Github上,而且可以绑定自己的域名。...这个过程会下载很多安装包什么的,耐心等待,一定要耐心,要完整装完才行,装好会让你再做一次123选择,这个时候不需要选了,直接enter退出就行了。...3 安装bundler 输入 gem install bundler 执行安装 4 安装jekyll 输入命令: gem install jekyll 检查jekyll是否安装成功 jekyll -v...具体可以参考jekyll官方文档:https://jekyllrb.com/docs/installation/windows/ 4 使用jekyll创建简单的博客 4.1 创建博客 输入命令: jekyll
作者:Valentina Alto 编译:ronghuaiyang 导读 使用Keras实现图像分类中的激活热图的可视化,帮助更有针对性的改进模型。...类别激活图(CAM)是一种用于计算机视觉分类任务的强大技术。它允许研究人员检查被分类的图像,并了解图像的哪些部分/像素对模型的最终输出有更大的贡献。...为了达到这个目的,我会使用一个在ImageNet上预训练好的CNN, Resnet50。 我在这个实验中要用到的图像是,这只金毛猎犬: ?...然后,如果我们取最后一个卷积层的输出特征图,并根据输出类别对每个通道的梯度对每个通道加权,我们就得到了一个热图,它表明了输入图像中哪些部分对该类别激活程度最大。 让我们看看使用Keras的实现。...如你所见,图像的某些部分(如鼻子部分)特别的指示出了输入图像的类别。 ?
本文基于“基于create-react-app构建多页面应用框架”项目框架,将其中的 index 页面改成单页面应用框架。...2、页面路由管理 App.js 使用 react-router-dom 的 HashRouter 对页面进行路由转发。...Home 页面 http://localhost:3000 访问 index.html 的 Test 页面 http://localhost:3000/#/test index.html HashRouter...路由未匹配到页面时 http://localhost:3000/#/test-no-match [路由未匹配到的页面] webpack 增加 less loader 由于 create-react-app...See https://github.com/webpack/webpack/issues/6571 sideEffects: true, }, [配置 less-loader] 项目代码: 将多页面框架中的
.js中cookie的基本用法简介 2009-12-15 js中页面刷新和页面跳转的方法总结 文章分类:Web前端 关键字: javascript js中页面刷新和页面跳转的方法总结 1.history.go...Response.Write("opener.window.navigate(''你要刷新的页.asp'');") JS刷新框架的脚本语句...//如何刷新包含该框架的页面用 parent.location.reload(); //子窗口刷新父窗口...self.opener.location.reload(); ( 或 刷新 ) //如何刷新另一个框架的页面用...language=JavaScript> parent.另一FrameID.location.reload(); 如果想关闭窗口时刷新或者想开窗时刷新的话,在中调用以下语句即可
最近想做点小项目,好久没写前端了,打开VScode,输了个HTML,突然忘记了中文的lang标识是什么了,只是隐约记得是zh,然而科普之后才知道,14年学习的zh写法,早在09年就被废弃了。...先说下规范 lang属性的取值应该遵循 CP 47 - Tags for Identifying Languages 而标识的内容应该依照如下写法: language-extlang-script-region-variant-extension-privateuse...语言文字种类-扩展语言文字种类-书写格式-国家和地区-变体-扩展-私有 因此推荐使用如下规范: 简体中文页面:html lang=zh-cmn-Hans 繁体中文页面:html lang=zh-cmn-Hant...英语页面:html lang=en 同时考虑浏览器兼容,也可以使用下列规范,前者兼容,后者标准 zh-CN 中文 (简体, 中国大陆) 对应 cmn-Hans-CN 普通话 (简体, 中国大陆) zh-SG
Spring的IOC该如何理解呢? 平常在一个方法当中,若要用到外部另一个类里的非静态方法,首先,需要先通过new一个对象,再根据这个对象去调用其方法。...若只需要一两个对象还好,一旦涉及的外部对象多了,就要创建一大堆new,管理起来就很麻烦。这时候,IOC的思想就起到关键作用了,它可以实现把创对象创建与操作统一交给框架管理。...那么,新创建的对象都是怎么存在spring框架当中的呢?其实,这里面就用到了Map缓存。...Spring给我们提供两种类型的IoC容器实现,通过这两种IOC容易,可以生成bean,并获取bean: 实现了BeanFactory接口的基本IoC容器。...IoC容器来获取Spring管理的bean。
页面重构中的语义化 由 Ghostzhang 发表于 2009-07-10 18:15 在想什么是“模块化”的时候,HTML部分的模块化也让我烦恼了一段时间,其中引出了另一个问题,就是“语义化”,本文想与大家探讨的内容...我一直使用的方法是,将页面样式去掉,看页面是否以一种文档格式显示,并且是容易阅读的。使用这个方式可以让你对“语义化”的理解在短时间内有所提升。...当然有些标签在浏览器中并无具体的表现,或表现与其它标签一样,不过方便用户读取内容,不正是“语义化”的意义吗?好像很对,在 森林的聚会 上被allan问到 做语义化到底为了什么?...很多时候我们都只是关注到其中的一方面,比如我们在写代码的时候,更多的关注到当前部分应该使用什么标签,而不是关注到这个内容在整个页面中应该是什么语义的。 前段时间重新思考了这个问题:“什么是语义化”。...这可能需要相当的一段时间,而我们正经历着这个过程。 在“语义化”的过程中,的确是需要增加一些标签。这个需要做页面的同学先明白一个问题:我们是为了什么而做页面的?
页面重构中的设计模式 由 Ghostzhang 发表于 2014-07-02 02:40 查了下最开始的创建日期,竟然是2011年12月19日,这文章断断续续写了快3年,终于了算比较完整了,但可能相对还是写得有些简单了...,看不懂的同学欢迎给我留言,我尽量做补充。...原本是以为写成书的,所以看起来好像是有点那样,不过问了下相关人仕,好像至少也要5W字,而对于我的表达能力来说,硬要凑字数感觉还蛮难的,就不折腾了。...本地下载PDF 页面重构中的设计模式 from Ghost Zhang 以前写过的系列文章《 前言——页面重构中的设计模式 》,可以帮助理解,但需要注意的是,因为这期间有些想法上的变法,可能一些细节会不太一样...当然以最新的为准咯。
领取专属 10元无门槛券
手把手带您无忧上云