📷 1、点击[内置组件] 📷 2、点击[轮播图] 📷 3、点击[文本] 📷 4、点击[从本地上传] 📷 5、点击[bu.jpg] 📷 6、点击[打开] 📷 7...
原文链接:http://tecdat.cn/?p=9832 dygraph(lungDeaths) %>% dySeries("mdeaths", label...
Hugo的maupassant主题 前段时间在Github上闲逛,竟然发现了有人基于Hugo制作了maupassant主题,就clone下来看了一下,发现的确实现了maupassant主题的大部分功能,...新的Hugo maupassant 主题主要有以下特性支持 最近发表的文章支持,显示最近的10篇 分类支持,并且可以显示分类内的文章数量 标签云支持 一键回到页面顶部 RSS支持,并且可以自动发现RSS...其他静态文件 有些不需要我们转化的静态文件,比如robots.txt、我们上传的附件等,这些不需要Hugo进行处理,可以直接放在static目录下,Hugo会原封不动的拷贝。...对于从Hexo迁移到Hugo来说,比较重要的就是保持URL链接的一致性,这样已经被搜索索引,其他文章引用的文章才可以继续被打开,否则就会出现404错误。...只有文章是html后缀的格式,分类、标签等聚合页是目录Path的格式,如:http://www.flysnow.org/categories/Golang/。
提供更好的阅读体验,如可以自由跳转,添加评论等。 此外,将生成电子书形式的静态站点,可以托管到其他平台,达到了备份的效果。...通过使用Markdown或其他格式编写博客文章,并在Next.js中使用静态生成来生成预渲染的静态页面,可以使博客页面更快地加载,并提高SEO排名。...2.Hugo star 数 65K+。 Hugo 是一个基于 Go 语言的静态站点生成器,是当前流行度最高的静态网站生成器之一,其快速构建和部署的优点备受用户青睐。...但如果您需要更复杂的功能或更高级的定制,那么可能需要考虑其他工具,如 Hugo、Jekyll 等。 你可以查看它的 GitHub和官网了解更多。 10.VuePress star 数 21K+。...可扩展性:Sphinx可以轻松地与其他工具和语言集成,如Python、C++等。 多种输出格式:Sphinx支持生成HTML、PDF、EPUB等多种格式的文档,方便发布和分享文档。
总的来说, hugo虽然比hexo速度快,主要是用hugo是go语言写的,而hexo是node.js,运行起来要加载一大推的插件。 但hexo的主题比hugo类型多,也更加美观一点。...博客生成的页面也都是静态页面,所以不需要PHP啥的。...下载完成后接着解压到指定的文件夹,先在服务器上创建一个解压后的文件夹,如:/usr/local/hugo 解压后,文件夹中就会有个hugo绿色的文件,就是hugo的执行程序。 ?.../hugo /usr/local/bin/ 不然hugo执行找不到路径 可以把除了hugo的其他文件删除掉 生成站点,也可以指定其他路径生成,path表示要安装的路径,如:/usr/local/hugo...创建第一篇文章,放到 post 目录,方便之后生成聚合页面。 hugo new post/first.md ?
2、快速开始 2.1、安装Hugo 首先我们登陆Github,进入到Hugo的Release页面,根据自己的操作系统下载最新版本的二进制文件包。...构建网站时使用的默认主题 theme = "LoveIt" # 网站标题 title = "Phyger's Site" # 网站语言, 仅在这里 CN 大写 ["en", "zh-CN", "fr...hugo server --debug 你会看到hugo输出了很多信息,如当前环境是开发环境,不会启用评论系统等。...2.7、创建并配置单页(关于我) 大多数的博客都会有一个关于作者的页面,我们这就在LoveIt的主题中创建这样一个页面。...但是这个关于页面中的二维码没有居中,如果我们想要使用一些html标签和scss样式,那么您需要下载hugo_extended打头的hugo版本。
介绍 Hugo是由Go语言实现的静态网站生成器。简单、易用、高效、易扩展、快速部署。Hugo这样的选择允许您简化堆栈,编写友好的markdown,处理更新和自定义内容,从而生成网站。.../" languageCode = "en-us" title = "My New Hugo Site" 如文件后缀所示,此文件使用TOML语言编写。...Hugo中的内容使用易于使用的标记语言编写。页面元数据在每个页面的特殊部分中提供,称为“前端内容”,使用与主配置文件相同的配置语法。...我们当前的主题包括生成页面的前面三个项目。您可以根据需要调整这些或添加其他项目。 Hugo可用的一般变量可以在这里找到。您选择的主题也可能使用自己的前端变量。...我们的Pygments样式已应用于代码块: 如果我们点击“关于”链接,我们将进入“关于我”页面: 如您所见,我们的主题相当基本,但它的功能与我们预期的完全相同。
在上一篇博文中已经介绍了 Hugo 的基本搭建步骤,那如何使用 Hugo 搭建符合自己需求的主题页面?不妨还是以 Hugo-book主题作为 基础,一起探索如何将它塑造成我们需要的网页。...title = 'Hugo 的基本使用' 图 1,hugo 自定义导航示例 多语言的支持 Hugo 的一个常见的用途就是搭建 GitHub page,来介绍开源项目,做为其产品文档页面;开源项目涉及的参与者可能来自不同国家和语言背景...结合 Hugo 框架本身的一些参数,可以实现一些更多样性的功能。这里以多语言场景演示个例子,在菜单开始处加上一个切换文档语言的功能。...这种广告模块可以是图片、文本链接或者多媒体广告,用于推广产品、服务或者其他相关内容。通过灵活的布局扩展,能够精确地在需要展示广告的位置插入广告模块,从而提升广告的曝光度和点击率,达到商业推广的目的。...{{ }} 以上代码效果如下: 图 4,hugo-book 多列布局(columns)示例 Hugo-book主题还有提供许多有趣且实用的扩展标签,如 Hints、Expand、
灵活多样化:由于其先进模板系统和强大分类系统,Hugo 可以用于创建各种类型的网站,包括企业、政府、非营利组织等官方机构;新闻媒体、事件展示及项目介绍等专题页面;文档库;图片集合与个人博客等。...此外,Hugo 还具有以下关键特性: 强大资源管道:包含 CSS 和 JavaScript 打包功能 (支持 Sass 编译),图像处理工具 (调整尺寸、裁剪旋转)、EXIF 数据抽取; 多语言支持:支持多国语言翻译...,方便国际化项目的开发; 模块化设计:可通过 Hugo Modules 与其他项目共享内容、资源、数据和主题等。...广泛兼容性:不仅 Hexo 可以完美适配于绝大多数操作系统,并且还提供对常见标记语言 (如 Markdown) 和第三方插件 (如 Octopress) 等格式/工具库进行全面支持。...多样化支持:eleventy 支持多种模板语言 (如 HTML、Markdown、JavaScript 等),让开发者有更大灵活度来选择适合自己需求和喜好的方式进行编码。
那 hugo 基于编译语言 GO 构建,对于静态页面的构建肯定是碾压 hexo 的存在,其官方标语也是很直白 "The world’s fastest framework for building websites...gohugo 安装 hugo 提供了很多种安装方式,Git, Docker, Binary. 个人电脑使用二进制安装是最方便快捷的,无需安装其他依赖。...到 Hugo Releases 下载对应的 windows 操作系统版本的 Hugo 二进制文件,玩就要玩全的,所以我就选择了扩展版本,此次选择的最新版为 hugo_extended_0.88.1_Windows...Base 迁移 hexo 所有文章内容 迁移 hexo 所有页面内容 留言页面 网友打赏支持页面,整合到留言页面 重写关于页面,一切从简 友情链接页面 重写 404 页面 站点时间和不蒜子计数改到...之后再等等看作者是否还会更新,如已做大量的更改,再做考虑整合为一个新的主题。
但当需要快速搭建起我们的 Nebula Graph 官网 时,小小纠结对比之后,笔者选择了 Golang 语言的 Hugo 来作为我们的技术方案,下面就来分享下个人使用 Hugo 建站的一些个人思考和经验分享...品宣介绍,常见就是站点首页、新闻介绍等 同样依赖内容管理系统,能很快支持到不同页面的实现,包括相同组件如导航、页脚等的共享,后面也会介绍。...SEO 需要 Hugo 本就是类似服务端模板语言的 Web 框架,天然的服务端渲染。...个人定制 除了 Hugo 本身的框架、规范及工具能力外,因为网页的代码最终还是离不开 HTML/CSS/Javascript,自定义相关的内容,只要善用提供的规则(如各个模板的引用,组合),就能在各个模板入口引入你想自己控制的代码部分...纯静态资源部署很便捷,以 Hugo 为例,他的路由适合文件目录相关的,我们的站点有中英文两个语言版本,开发时都放在一个项目中进行维护共享模板,在构建部署时,会根据语言打成不同的资源包,分别发到不同的国内外
废话不多说,直接上教程 基于go语言的hugo博客,是对于大多数人的选择,跨平台性,Windows、Linux、macOS都可以部署。有关hugo的详情请查阅更多资料及访问官网了解更多。...在此电脑上的增加一行hugo.exe的路径,如: ? 电脑上最好安装个git,是比较方便的。...我先在E盘根目录下创建个博客的文件夹,如:myblog,然后启动创建的命令: hugo new site myblog ? 最后检查下hugo version显示表示创建成功了,就这么简单。...更换主题 hugo主题官网:https://www.gohugo.org/theme/ 随便找个主题来更换默认的主题,如:https://themes.gohugo.io/hugo-theme-m10c...创建完成之后,接着把本地博客部署到GitHub上 在站点根目录执行 Hugo 命令生成最终页面: hugo --theme=m10c --baseUrl="https://xdr630.github.io
Hugo是一个制作静态页面的工具,非常灵活,可以以多种形式工作,是制作博客、文档、个人履历等非常合适的工具。Hugo激发了创造力,让建造网页变得充满乐趣。...“一次编写,到处运行” Hugo可能是你用过的最容易安装的软件——只要下载打开就可以了!Hugo并不依赖任何权限、数据库、运行库、解释器或外部库。...“灵活” Hugo可以灵活地适应你的任务。你可以使用任何你喜欢的方式组织URL,通过自定义的index页面和分类组织内容。使用任何形式定义你自己的元数据,例如YAML、TOML或JSON。...最棒的是,Hugo不需要任何配置文件就可以处理这些差异。Hugo就是好。...“讨论” sfifs说:我喜欢Hugo最大的原因是:几乎所有其它的引擎都要求我安装完整的Ruby或JavaScript开发环境,才能预览我的博客,而Hugo就不需要。
通过参考众多优秀的个人站点,我最终选择以 Github Pages + Hugo 的方式来搭建属于自己的个人网站。 Hugo:由 Go 语言实现的静态网站生成器,简单、易用、高效、易扩展、快速部署。...例如,我是 macOS, 则直接用 brew 命令快速安装: 如果你是 Windows 或者其他操作系统,则可选择二进制文件安装,到 Hugo Releases 下载对应的 Hugo 二进制文件,直接安装即可...切换到站点 hugo-site-demo 目录下。 执行命令 hugo new ,创建一个 about 页面。...新建 仓库,如:hugo-site-demo。 注:hugo-site-demo 为示例仓库,故设置为公开仓库,实践中建议设置为私有仓库。...3.2.3 自动化部署 利用 Github Actions实现将站点源文件(如:hugo-site-demo)自动化部署到 GitHub Pages (如:xcbeyond.github.io )上。
在经过一段时间的考量后,决定将Hexo博客迁移到Hugo。Hugo是用go语言开发的,在用法上和Hexo类似,可以简单地把Hugo当成go语言版的Hexo,但是它拥有更快的生成效率。...unknown 其他平台的安装方法可以参考官方文档:Install Hugo 创建站点 首先需要创建一个新的个人站点: 1 hugo new site blog blog就是你的博客站点所在的目录...可以通过--config来配置读取一个或多个配置文件,如:hugo --config a.toml,b.toml,c.toml。 注意,默认不会创建config目录。...生成静态页面 输入命令: 1 hugo -D 默认会在站点根目录的public/目录下生成对应的静态页面,可以通过在命令行指定-d或者--destination参数来改变静态页面的存放路径,也可以通过在配置文件中设置...如果其他仓库也要使用GitHub Pages,就需要创建gh-pages分支来部署。
组件分享之后端组件——基于Go语言的HTML和CSS网站生成器Hugo 背景 近期正在探索前端、后端、系统端各类常用组件与工具,对其一些常见的组件进行再次整理一下,形成标准化组件专题,后续该专题将包含各类语言中的一些常用组件...组件基本信息 组件:hugo 开源协议:Apache-2.0 License 官方文档:https://gohugo.io/ 内容 本节分享一个基于Go语言的HTML和CSS网站生成器hugo,它针对速度...Hugo 获取一个包含内容和模板的目录,并将它们呈现为一个完整的 HTML 网站。Hugo 依赖于 Markdown 文件和元数据的前端,你可以从任何目录运行 Hugo。...这适用于您没有特权帐户的共享主机和其他系统。例如我们日常编写一些博客文章,进行快速生成一套静态页面进行分享时可以使用它来进行生成一套静态页面作为我们的博客部署基础。
云服务器和轻量应用服务器的区别云服务器适合架构复杂的应用场景,如高并发网站、大型游戏、复杂分布式集群应用、视频编解码、大数据分析、机器学习、深度学习等;轻量应用服务器更适合简单一些的单机应用,例如企业网站...域名和服务器都在阿里云或者都在腾讯云的话,两者一绑定,数据一关联,页面操作会简单很多。...使用 yum 安装 nginx,因为大部分博客是静态html页面,需要nginx来做反向代理,指向基础的index.html页面。...使用博客网站生成器生成网站博客形态的静态站点生成器有:Jekyll、Hugo、Hexo,这些都是国外的网站,网站中有各个用户制作的主题。...在终端中执行:hugo server –buildDrafts,以上为默认启动,–buildDrafts用于是否显示草稿文章,其他的 hugo 命令,可以 hugo –help 看下,或者直接看文档。
它是一种用 Go 语言编写的静态网站生成器。简单、易用、高效、易扩展、快速部署。 号称是世界上编译最快的框架,搭建静态网站,简单直接。...文件自动生成部分 │ ├─content #存放网页内容的目录 ├─data #存放数据文件,一般json文件,hugo提供相关命令可从data中读取数据,渲染到html页面,实 │...#存放静态文件,如css,js,img等文件目录,hugo直接复制到public目录下,不会做渲染 └─themes #存放网站主题,可存多个主题,在config.toml全局文件中配置指定,也可在执行渲染是加参...安装主题 主题要下载到themes这个目录下,使用git clone ,如没配置git ,参看我的git安装配置文章。...其他个性化设置 hugo常用命令说明
这篇文章主要介绍如何用开源、免费的工具,来制作一档播客的流程,以及我个人的一些实践、心得,希望对有类似想法的播客爱好者有些启发。...初心 首先要强调一下,大部分播客都是不盈利的,除了行业顶级的那一小批,大部分主播都是靠业余时间来制作节目,而且制作播客是个费事费力的事情,对于来说,一般 1 小时的节目,后期剪辑需要 3-4 个小时左右...所以,想要制作播客的你,开始前可以问问自己的初心,为什么是你?是不是三分钟热度。...如何降噪可以参考:Audacity 轻松降噪教程 | Fedora 中文用户组[12] Audacity 使用界面 •GarageBand(车库乐队)[13] 合并音轨、剪辑使用,只适用于 Mac 平台,其他平台可参考...Connect[22]•Google Podcasts Manager[23] •小宇宙[24] •Spotify[25] •Pocket Casts[26] 一般来说,只需要在苹果播客平台提交即可,其他平台会自动同步
1 安装Hugo 我在windows和ubuntu下安装过hugo,简要介绍下我的安装过程,其他方式可以参考官方文档 。...如windows使用二进制安装: 下载Hugo二进制文件 ,下载下来后,解压,将解压后的文件夹名称和文件夹里面的.exe文件都改为同一个名称,否则hugo无法运行。...dpkg -i hugo_0.69.0_Linux-64bit.deb 第二种方式: 1 sudo apt-get install hugo 但是版本比较老,官方也不推荐使用 其他方式可以参考官方文档...2.6 构建网站 在项目根目录下直接使用 hugo 命令,会生成 public 目录,该目录下都是关于我们的 markdown 编译完成的 html 静态页面。...其他的类别,需要在config.toml中增加配置,如series: 1 2 3 4 [taxonomies] tag = "tags" series = "series" category =
领取专属 10元无门槛券
手把手带您无忧上云