但是,我们应该安装一些额外的软件来帮助我们启动和运行。 安装Hugo主题 主要的Hugo包不包括任何主题。Hugo主题定义了如何为用户呈现网站内容。...为了让Hugo能够从我们的Markdown页面正确生成HTML,我们需要创建以.md扩展名结尾的文件。 创建关于页面 将从主页链接到的页面以及页面所需的相对路径在很大程度上取决于您的主题。...,并呈现将向访问者显示的实际HTML页面。...要构建您的网站,您只需输入: hugo 这将生成您的页面并将所有呈现的内容放入服务器上的public目录中。如果您愿意,可以将此目录的内容传输到Web服务器以部署和提供内容。...draft == true,或者将日期设置为某些内容的未来时间,则可以通过分别包含-D和-F标志来构建和预览这些页面: rm -r public hugo server --bind=0.0.0.0 -
只有使用 .Permalink 或的文件 .RelPermalink 才会发布到 public 目录中。注意:默认情况下未创建资产目录; config:Hugo附带了大量的配置指令。...设置最少的项目且不需要环境意识的项目可以config.toml在其根目录使用单个文件; content:网站的所有内容都将位于此目录中; data:存储生成网站时 Hugo 可以使用的配置文件; layouts...:以 .html 文件形式存储模板,这些模板指定如何将内容视图呈现到静态网站中。...创建 HugoDemo 项目,获取到 git 地址,准备提交将要部署的页面文件。 1. 准备生成要部署的静态网站 Coding 中获取访问地址: ?...记得在 Coding 新建网站的时候选择自动部署,并设置代码推送 master 分支自动构建。 ? 记得在 Coding 中添加 SSH 公钥: ?
用户可以自主添加、编辑和删除导航菜单项,调整它们的顺序和层级关系,以最适合网站内容和用户浏览习惯的方式呈现导航。..." >}}) 这里顺便提下 修改站点的标题,设置 hugo.toml 中 title。...通过直接编辑HTML文件,能更精细地调整文档主题,呈现更个性化、更符合需求的页面样式。这种灵活的布局扩展方式赋予了用户更大的自由度,使他们能够更灵活地定制和拓展 Hugo-book 主题。...其中,columns 标签是一个非常实用的特性,能够轻松实现文档描述内容的多列布局,为用户呈现更为丰富和易读的页面。 这个功能非常适合在文档中展示多个相关内容或步骤,使得阅读更加清晰、有条理。...而 Details 标签则提供了一种交互式的方式,让用户点击展开或者折叠内容,对于详细内容的呈现十分有用。
---- 不要忘记结束标签 即使您忘记了使用结束标签,大多数浏览器也会正确地显示 HTML: ? 以上实例在浏览器中也能正常显示,因为关闭标签是可选的。 但不要依赖这种做法。...在开始标签中添加斜杠,比如 ,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。...搜索引擎使用标题为您的网页的结构和内容编制索引。 因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。...超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。 当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。...在标签 中使用了href属性来描述链接的地址。 默认情况下,链接将以以下形式出现在浏览器中: 一个未访问过的链接显示为蓝色字体并带有下划线。 访问过的链接显示为紫色并带有下划线。
一.lvha 实际上应该是lvfha,即: a:link {/* 未访问过的超链接的样式 */} a:visited {/* 访问过的超链接的样式 */} a:focus {/* 拥有焦点的超链接的样式...比起伪类的繁荣大家族,伪元素就显得有些伶仃了,到目前(2017/11/4)为止,CSS3规范中仍然只有4个伪元素(CSS2.1就是4个): 首字母:选择元素包含的文本内容的首字母(文本内容包含来自子元素的...,需要插入一个临时标签把目标内容圈起来,再对这个临时标签设置样式 第一种情况通过伪类来处理,用伪类选择器把处于某种状态或具有某些结构特征的现有元素找出来,再应用样式。...未访问过的超链接 */} a:visited {/* 访问过的超链接,点击超链接再返回当前页,这个超链接就处于visited状态 */} a:focus {/* 获得焦点的超链接,tab键选中超链接或者长按超链接再移开鼠标...自然就没冲突了 P.S.注意:因为IE6-不能正确处理组合伪类,只认最后一个,所以lvha应用更广(实际上组合伪类的语义更明确,没有“隐藏的奇怪规则”) 另外,可以层叠规则来实现特殊效果,例如: //
前言 本文主要记录从Hexo迁移至Hugo所遇到的一些坑,以及Hugo的LoveIt主题的一些bug之类的应对方案。...visitor: '{{ $valine.visitor }}' }); {{- end -}} 之后在站点配置文件里启用valine,然后填上从LeanCloud的应用中得到的...按下F12查看显示不了的图片的url,可以发现图片的地址不正确,并没有附加上正确的网站地址前缀。 这个是因为图片的url配置不正确导致的。整个网站所使用的图片,其url要以/开头!...这个做法属于一刀切,后面考虑到依然需要输出md文件,于是想到了另一个解决方法,那就是把某些在GitHub Pages解析有问题的md文件给干掉,让这些引入了“问题”代码块的md文件不生成即可。....nojekyll文件会告知GitHub Pages不使用jekyll来渲染静态站点,这样就不会和md文件里的某些代码冲突而build失败。
Excel催化剂认为,最佳的使用方式乃是自定义函数的方式呈现。...数字拆分成多单元格展示,可设定最长单元格个数 只需要D列输入函数,自动拆分到D至N共11列中存放,可设置存放的位数11变量和是否显示前导零的效果,如最后一行不显示前导0的效果。...提取超链接 网页上复制回来的内容,带有超链接,或自行建了超链接,但不记得是引用了什么,可以用此函数简单一个参数即可提取出内部超链接 ?...提取超链接效果 提取行高或列宽 可能某些场景下,行高、列宽被特殊标识出来,后期想找回这些行列,有函数提取出值来,方便作排序、筛选等操作。 ? 行高 ?...第26波-正确的Excel密码管理之道 第27波-Excel工作表设置快捷操作 第28波-工作薄瘦身,安全地减少非必要冗余
为什么不直接用有道云笔记中的md呢?因为插入图片得是VIP才行,而导出来的md文档里所有图片的超链接是私人链接,移到别的地方根本没办法显示图片。...关于利用hugo和Github建网站的博客很多,但是有些博客内容有些出入,可能是由于英文翻译或版本更新所造成的。这里建议大家直接看hugo的英文官网和hugo in action,或者官方翻译。...四、进阶 1、添加主题 首先我们可以到hugo主题库中找一个自己喜欢的主题。我比较喜欢的一个主题是academic,B站上还有人介绍Academic视频。...如下所示 放置在static中 可以直接把图片放在static中,不过以后图片一多就麻烦了。如果后面想迁移什么的就太麻烦了。...2、更新博客的流程 日后更新博客时就只需要在本地的hugo\content\post文件夹中编辑新的md文件,然后.
-- 文档类型声明,便于浏览器正确解析标签及渲染样式 --> <!...想要实现页面中的换行,需要借助于换行标签。 字符实体: 某些情况下,浏览器会将一些特殊字符按照 HTML 的方式解析,影响显示结果。...此时需要将这类字符转换为其他的形式书写 例: 使用 < 在页面中呈现 "<" 使用 > 在页面中呈现 ">" 使用 在页面中呈现一个空格 使用 © 在页面中呈现版权符号... 页面底部区域 图片与超链接标签 图片标签 :用于在网页中插入一张图片。...=""> 超链接标签:用户可以点击超链接实现跳转至其他页面 属性 href 用于设置目标文件的 URL,必填。
1、需求分析 个人网站,主要是用来记录属于个人的东西,将内容以最直接方式呈现给大家,其中文字、图片占比最多,基本不存在其它用户的注册场景。...只需在本地编写 markdown 文件,即可完成日常文章的维护。 Github Pages:是一个静态站点托管服务,直接将个人、组织或项目的页面托管于 GitHub 仓库中。...3.1 Hugo 搭建 3.1.1 安装 Hugo 参考 Hugo 官方的安装指南。 根据你的操作系统,选择对应的安装方式。...将主题 hugo-universal-theme 中示例站点 exampleSite 文件夹的内容,全部复制到你的站点根目录。...新建 仓库,如:hugo-site-demo。 注:hugo-site-demo 为示例仓库,故设置为公开仓库,实践中建议设置为私有仓库。
最近准备重新配置一下 个人博客 ,由原来的 Hugo 改到 Hexo 来做。 评论系统也由之前的 disqus 改成现在的 valine 。...主题也使用了非常好看的 Material Design 的样式的 Material-x ,并在此之上进行修改。 完成初始的配置之后,做一下测试。 恩。。。报错了?! ?...虽然报错,但是可以正确的显示对应的服务,查询了一下原因,发现是因为长时间未使用 LeanCode 的服务,导致文件上传域名无法访问了,需要在 设置->应用 Keys 下面,选择重启 文件上传域名 和 文件访问域名...的服务即可。...具体的位置如下: ?
HTML 由一系列的元素(elements)组成,这些元素可以用来包围不同部分的内容,使其以某种方式呈现或者工作。...一对标签 (tags)可以为一段文字或者一张图片添加超链接,将文字设置为斜体,改变字号,等等。...HTML 属性 属性包含了关于元素的一些额外信息,这些信息本身不应显现在内容中。本例中,class 是属性名称,editor-note 是属性的值 。...这样是不对的: 我的猫咪脾气爆:) 元素必须正确地开始和结束,才能清楚地显示出正确的嵌套层次。...| | | 定义列表中的一个列表项。 | | | 代表一个链接到其他资源的_超链接_ 。 | | | 代表_强调_ 文字。
Hugo同时具备标签(tags)和目录(categories)。 就目前来说,我希望目录更多是以专题的形式呈现,就像是集合中的划分。...科研实验 计算机基础 计算机基础:与课程相关的内容,以及与基础相关的内容 计算机课程学习笔记:对一些在线课程学习的记录 面试相关 开源代码学习笔记(同时也是代码学习笔记,不只是开源):对某些开源库或者开源代码进行学习的笔记...可能无法重现,或者文章中的内容不足以重现,谁知道呢(一般是对某个bug的修复总结等) codebase:有部分可能需要重复的操作,需要进行留存 与操作实践相比,则部分操作可能经常要用到,更注重重复性。...,算是入门之后对某些东西掌握不太充分后留下来的问题。...深度学习 tensorflow keras pytorch 其他类 工具记录 测评 安卓软件 心理学 自动工具 目前配置了travis,自动上传algolia的index.json,并将hugo产生的页面上传到
决定内容如何呈现 ▸ static/ # 图片、css、js 等静态资源 ▸ themes/ # 存放主题 config.toml # 是网站的主配置文件 源码编译...#emm首先你服务器环境得有golang的环境,这里就不阐述了 go get -u -v github.com/spf13/hugo go build -o hugo main.go mv hugo...,会直接显示在浏览器的页面上,不需要重新运行hugo server,方便我们进行修改。 ...中New reository,用户名一定要用:你的注册用户名.github.io,其他无需修改,然后点击Create repository即可 2.github本地文件提交 // 1.设置配置 git...auto // 2.设置生成的ssh key ssh-keygen -t rsa -C "你的邮箱" 要求输入存储id_rsa的目录,接着是输入密码,这个密码可以与github的不同,过程中确认即可,
安装hugo 参考官方:http://gohugo.io/getting-started/installing/ 创建网站 首先初始化你的网站,假如 mysite 是存放网站相关文件的目录: hugo...这几个文件夹的作用分别是: archetypes:包括内容类型,在创建新内容时自动生成内容的配置 content:包括网站内容,全部使用markdown格式 layouts:包括了网站的模版,决定内容如何呈现...里加一行,配置本网站的主题: theme = "xhugo" 注: config.toml 中配置的主题名字应和主题目录名称一致 新建页面: hugo new posts/hello.md 此时会在...content 路径下创建文件,由于参数中还带有 posts 路径,所以最终创建的文件路径是 content/posts/hello.md, 每次创建的文件都根据 archetypes/default.md...里面配置 baseURL 为访问此网站的基本URL路径: baseURL = "https://imroc.io/" 然后 hugo 对,你没看错,直接执行 hugo 就可以了,它编译并生成网站所需的静态页面和文件
这意味着就内容过滤而言,没有服务器端对电子邮件进行处理,而呈现和处理邮件体的所有实际功能都在客户端完成的JavaScript中。...这意味着,如果我们编写“ alert(1) ”并且完全在DOM中呈现,则由于标记的内容严格是CSS,因此不会出现警告提示 并且脚本标签已填充在标签内...自动将未标记的URL转换为超链接似乎很直观,但如果它没有被正确地清理或与其他功能结合在一起,就会变得很混乱。...这些差异使攻击者可以混淆应用程序,并潜入可以调用XSS的恶意字符中。 我花了一段时间来研究这两种功能(自动超链接和某些标签的完全删除),直到决定将两者结合起来并尝试观察它们的表现方式。...我最好的解释是(1)加载初始URL时,“ ”中的字符在自动超链接过程中是可接受的,并且没有破坏它,然后(2)删除了脚本标签创建了一个空白或某种类型的void,这些在不关闭初始超链接功能的情况下重置了自动超链接功能
在我们的生产系统中,我们需要完成以下步骤: 安装git,nginx和pygments 安装Hugo和Hugo主题 配置nginx为从主目录中的位置提供文件 创建post-receive脚本以部署推送到我们的存储库的新内容...因为我们的gitrepo中的themes目录实际上只是指向父目录中某个位置的符号链接,所以我们需要确保工作目录克隆在与我们下载的Hugo主题相同的位置创建。...我们将创建一个我们裸仓库的常规克隆,以便Hugo可以访问repo内容。然后,我们将从公共Web目录中删除所有内容,以便公共Web目录中只有新文件可用。之后,我们将使用Hugo来构建我们的网站。...我们将它指向我们的新克隆作为源目录,并告诉它将生成的内容放在公共Web文件夹中。我们还将传递包含我们的生产服务器的域名或IP地址的变量,以便它可以正确地构建链接。...结论 在本指南中,我们设置了一个单独的生产服务器,专门为访问者提供Web内容。在此服务器上,我们安装并配置了多个组件,以便Hugo可以正确构建和提供我们的内容。
在 XHTML 中, 必须被正确地关闭,比如 。 在 HTML 4.01 中,hr 元素的所有呈现属性均不被赞成使用。...在 XHTML 1.0 Strict DTD 中,hr 元素的所有呈现属性均不被支持。 演示效果 ? HTML 标签 定义和用法 标签定义 HTML 表格。...您可以使用 CSS 伪类 向文本超链接添加复杂而多样的样式。...HTML5 之间的差异 在 HTML 4.01 中, 标签可以是超链接或锚。...在 HTML5 中, 标签始终是超链接,但是如果未设置 href 属性,则只是超链接的占位符。 HTML5 提供了一些新属性,同时不再支持一些 HTML 4.01 属性。 演示效果 ?
这些协议中最有前景的莫过于PoS,甚至以太坊在未来也会从工作量证明过渡到权益证明。 不过,近日Hugo Nguyen列举了权益证明的几大罪状,实名反对权益证明。...PoS应该叫PoTS 权益证明是一个误称,正确的叫法应该是临时权益证明(Proof-of-Temporary-Stake,PoTS),临时权益证明这个名称更准确,因为它加入了权益证明中缺少的时间因素...为了正确理解权益证明中时间因素的影响,我们首先来分析时间因素在工作量证明中发挥的作用。...工作量证明中持续消耗的资源以两种方式保护整个区块链网络的安全: 每个区块消耗的资源不仅可以保护属于该区块的UTXO(未使用的交易输出),还可以保护前序区块中所有的UTXO。为什么这么说呢?...工作量证明的稳健性得益于其大量的哈希算力,而不是它所消耗的资源。新的技术可以提高挖矿效率,不过在未来某些时候,效率的增加会因为物理限制的瓶颈慢慢放缓。
这可能是一个困难的过程,当您打算进行更改时,许多问题会浮出水面,而扩展不是您所期待的。 Gatsby、Hugo和Jekyll是最受欢迎的静态站点生成器中的三种,它们受欢迎的原因有很多。...使用反应物.js使Gatsby能够受益于框架呈现DOM的方法,因为组件成为焦点。 Gatsby还支持GraphQL,这意味着数据查询变得更加容易。...雨果(Hugo) 开发人员称之为“世界上最快的网站构建框架”(Hugo),这绝非偶然。 《雨果》是用Golang 写成的,于2014年发行。...毫无疑问,Hugo是最快的静态网站生成器可用,它产生网站在毫秒和不可战胜。 Hugo还使用了基于Go模板的模板,并附带了一个轻量级HTTP服务器——您可以将其视为一个完整的包。...选择静态站点生成器 尝试从这三种静态站点生成器中挑选可能是一项困难的任务。它们本身都是伟大的工具。让我们来看看为什么你可能想要选择一个在其余的原因。 ?
领取专属 10元无门槛券
手把手带您无忧上云