首页
学习
活动
专区
工具
TVP
发布

如何在Ubuntu上安装和使用Hugo

安装Hugo主题 主要的Hugo包不包括任何主题。Hugo主题定义了如何为用户呈现网站内容。获取Hugo主题的最简单方法是克隆Hugo主题git存储库,它提供了许多预配置的主题。.../themes 您所见,我们当前目录中的themes目录实际上只是指向我们克隆到主目录的主题存储库的链接。.../" languageCode = "en-us" title = "My New Hugo Site" 文件后缀所示,此文件使用TOML语言编写。...这样,当我们生成新页面时,页面模板将在我们的编辑器中打开,准备工作。我们还应该设置默认主题。我们将使用一个名为“nofancy”的主题开始。...您可能需要调整一些内容才能使每个新主题正常工作。 如果您希望使用Hugo像传统Web服务器一样在端口80上提供内容,则必须在命令行中添加--port选项。

3.9K10
您找到你想要的搜索结果了吗?
是的
没有找到

Hugo + GitHub Action,搭建你的博客自动发布系统

其他组件源仓库, umami 网站数据统计及 Cusdis 网站评论系统等。 下文会对搭建、本地测试、自动化部署维护等过程进行详细讲解,希望对大家所有帮助。...brew install hugo 完成后,使用以下命令进行验证: hugo version 创建 Hugo 网站 通过上述命令安装 hugo 程序后,就可以通过 hugo new site 命令进行网站创建...hugo new site blog-test 配置主题 当通过上文命令创建我们的站点后,需要进行主题配置,Hugo 社区有了很丰富的主题,可以通过官网 Themes 菜单选择自己喜欢的风格,查看预览效果...GitHub Pages 发布博客 完成上述准备工作后,我们现在已经可以通过自定义域名来访问我们的 GitHub Pages 页面了,目前因为项目仓库是空的,访问后会报 404 页面。...GitHub Action 是一个持续集成和持续交付(CI/CD) 平台,可用于自动执行构建、测试和部署管道,目前已经有很多开发好的工作流,可以通过简单的配置即可直接使用。

46710

Windows环境下搭建hugo博客部署到GitHub上

在此电脑上的增加一行hugo.exe的路径,: ? 电脑上最好安装个git,是比较方便的。...我先在E盘根目录下创建个博客的文件夹,:myblog,然后启动创建的命令: hugo new site myblog ? 最后检查下hugo version显示表示创建成功了,就这么简单。...更换主题 hugo主题官网:https://www.gohugo.org/theme/ 随便找个主题来更换默认的主题,:https://themes.gohugo.io/hugo-theme-m10c...实际创建一篇文章 创建第一篇文章,放到 post 目录,方便之后生成聚合页面。 hugo new post/first.md ? 然后在/context/post目录下就有first.md了 ?...首先在GitHub上创建一个空的仓库。 注意:仓库名必须跟自己的用户名一样 用户名.github.io,: ?

94230

Discuz后台常用函数详解

()创建提交按钮  showhiddenfields()创建隐藏表单域  showsubmenu()二级导航栏显示  shownav()面包屑导航栏显示及二级导航栏标题 ---- showsetting...无返回值、无参数  用于接上showformheader()函数进行收尾工作 ---- showtableheader()创建表格头 返回值:无  参数: $title - 如果输入title则显示标题...用于接上showformheader()函数进行收尾工作  ---- showtablerow()创建列表式页面的行 返回值:有  参数:  $trstyle - 此行 tr 标签的格式定义, class...此函数多用于循环中,用来逐行创建一个有规律的数据列表:论坛版块列表等  使用方法举例 ....返回值:无  参数:  $header - 导航起点  $menu - 子导航标题  $nav - 面包屑导航第三层

2.4K50

利用Hugo和Github Pages免费创建并永久托管网站

安装hugo 参考官方:http://gohugo.io/getting-started/installing/ 创建网站 首先初始化你的网站,假如 mysite 是存放网站相关文件的目录: hugo...对,你没看错,直接执行 hugo 就可以了,它编译并生成网站所需的静态页面和文件,输出到当前目录的 public 目录下,当然你也可以改变输出目的地,hugo -d docs 你可以将...一般都会先新建第一种 Github Pages 主仓库作为网站主要托管,根据你的账号名创建仓库,: imroc.github.io, 提交静态文件后在仓库的 Settings 里面,翻到下面的 Github...: hugo -d docs 建议写个脚本,每次更新内容执行下脚本网站就可以更新,(deploy.sh): #!...进入hugo创建的网站目录并设置 git 的远程地址: cd mysite git remote add origin https://github.com/imroc/blog.git 将 Github

5.9K31

Centos7.3、nginx环境下部署hugo博客

总的来说, hugo虽然比hexo速度快,主要是用hugo是go语言写的,而hexo是node.js,运行起来要加载一大推的插件。 但hexo的主题比hugo类型多,也更加美观一点。...下载完成后接着解压到指定的文件夹,先在服务器上创建一个解压后的文件夹,:/usr/local/hugo 解压后,文件夹中就会有个hugo绿色的文件,就是hugo的执行程序。 ?.../hugo /usr/local/bin/ 不然hugo执行找不到路径 可以把除了hugo的其他文件删除掉 生成站点,也可以指定其他路径生成,path表示要安装的路径,:/usr/local/hugo...安装完成后,hugo是没有默认的主题的,可以去主题官网上下载主题:https://gohugo.io/commands/hugo/,:maupassant主题https://themes.gohugo.io...创建第一篇文章,放到 post 目录,方便之后生成聚合页面。 hugo new post/first.md ?

93030

一起来刷 Sentry For Go 官方文档之 Enriching Events

面包屑 Sentry 使用面包屑创建事件发生之前的事件线索。这些事件与传统日志非常相似,但是可以记录更丰富的结构化数据。 此页面概述了手动面包屑记录和自定义。...当您调用 init() 时,将创建一个 hub,并在其上创建一个 client 和一个 blank scope。然后,该中心与当前线程相关联,并将在内部持有一个作用域堆栈。...例如,Web 框架集成将在您的路由或控制器周围创建和销毁作用域。 Scope 和 Hub 如何工作 在开始使用 SDK 时,将自动为您创建开箱即用的 Scope 和 Hub。...在内部调用全局函数( capture_event )时,Sentry 会发现当前 Hub 并要求它捕获一个事件。然后,hub 将在内部将事件与最顶层 Scope 的数据合并。...而另一方面,使用with-scope创建当前作用域的克隆,并将保持隔离,直到函数调用完成。

79510

顶级开源项目 Sentry 20.x JS-SDK 设计艺术(Unified API篇)

Internally scoped hub:在一些平台上, .NET ambient data 是可用的,在这种情况下 Hub 可以内部管理作用域scopes。...创建面包屑的函数 已经创建面包屑对象 面包屑列表(可选) 支持的参数应为: 在没有基本重载形式的语言中,只有原始的面包屑对象raw breadcrumb object应该被接受。...如果禁用了 SDK,它就不应该调用回调函数,从而避免不必要的工作。...一些实现可能想要在此处设置最大面包屑计数。 Client Client 是 SDK 中负责事件创建的部分。例如,Client 应将异常转换为 Sentry event。...Client 应该是无状态的,它会注入作用域并委托将事件发送到 Transport 的工作

64020

hugo博客搭建之旅

bilibili视频 开启百度统计(独立配置) 使用GitHub Action自动化部署到GitHub pages并同步托管到vercel(独立配置) 结合obsidian插件quickadd本地快速创建文件...:09:16Z VendorInfo=gohugoio 创建网站 先建立一个目录,比如我这里d盘下project,等会生成的博客网站存放在里面 命令行 cd project hugo new site...#存放静态文件,css,js,img等文件目录,hugo直接复制到public目录下,不会做渲染 └─themes #存放网站主题,可存多个主题,在config.toml全局文件中配置指定,也可在执行渲染是加参...数–theme=xx指定 到这里你的网站已经创建好了,再输入以下命令,网站就跑起来啦。...安装主题 主题要下载到themes这个目录下,使用git clone ,没配置git ,参看我的git安装配置文章。

59320

腾讯云静态网站托管之部署 Hugo

云开发静态网站托管支持通过云开发SDK调用服务端资源:云函数、云存储、云数据库等,从而将静态网站扩展为全栈网站 无论是腾讯云·云开发用户,还是小程序·云开发用户,只要开通按量付费,即可享有云开发静态网站托管服务...操作步骤 步骤1:安装 Hugo 我们需要先安装 hugo: brew install hugo 说明: Windows 的用户可以去 Hugo 的 githubc 仓库上下载安装...用 hugo 创建一个 blog 项目: hugo new site hugo-demo && cd hugo-demo 创建一个测试的文章: hugo new posts...云开发环境创建完成后,单击左侧菜单栏中的【静态网站托管】,单击【选择已有按量计费环境】 ? 当您看到这样的界面时,就说明已经开通好了。 ?.../public -e EnvID 这里的 EnvID 替换为刚创建好的环境 ID。 ?

5.9K30

Hugo 30 分钟搭建静态博客

最稳妥的方法就是把 Hugo 可执行文件放在某个路径下,然后执行的时候带上路径名 创建一个新的站点来作为你的博客,输入命令:hugo new site awesome-blog; 进入新创建的路径下...你已经创建了自己的新博客。 5-10 分钟:为博客设置主题 Hugo 中你可以自己构建博客的主题或者使用网上已经有的一些主题。这里选择 Kiera 主题,因为它简洁漂亮。...Hugo 和 Kiera 主题都为这个工作提供了方便性。按以下步骤来进行你的第一次提交: archetypes 将会是你的内容模板。...image.png 20-30 分钟:调整网站 前面的工作很完美,但还有一些问题需要解决。例如,简单地命名你的站点: 终端中按下 Ctrl+C 以停止服务器。...这次是创建一个 .md 文件,而不是编辑 config.toml 文件: 创建 about.md 文件:hugo new about.md 。

49920

如何使用Ubuntu 14.04上的Git Hooks将Hugo站点部署到生产环境

介绍 Hugo是一个静态站点生成器,允许您通过使用简单的标记语言轻松创建和发布Web内容。Hugo可以根据提供的要求解析您的内容并应用主题,以生成可以轻松托管在任何Web服务器或主机上的一致网页。...为了实现这一点,我们需要创建一个gitrepo 的“裸”克隆并将其复制到我们的其他服务器。 裸存储库是一个git没有工作目录的特殊存储库。...我们将从/tmp目录中的主Hugo存储库创建一个裸仓库。裸回购通常由尾随.git后缀标识。...因为我们的gitrepo中的themes目录实际上只是指向父目录中某个位置的符号链接,所以我们需要确保工作目录克隆在与我们下载的Hugo主题相同的位置创建。...在Hugo构建内容之后,我们将删除工作目录。然后,我们将重置trap命令,以便在脚本尝试退出时,我们的备份副本不会立即覆盖我们的新内容: #!

1.3K20

Vue手把手带你撸项目系列之动态面包屑

面包屑应该是我们在项目中经常使用的一个功能,一般情况下它用来表示我们当前所处的站点位置,也可以帮助我们能够更快的回到上个层级。 今天我们就来聊聊如何在 Vue 的项目中实现面包屑功能。...最笨的方式 首先我们想到的最笨的方法就是在每个需要面包屑的页面中固定写好。...有人说登哥我就喜欢这么改,只有这样我才会有工作量。 好吧那当我没说,但是我劝你善良,登哥劝你一句,把那些大量重复的工作尽可能的赶紧做完,剩下的时间你才能自由安排,进行充能呀。 否则,你拿什么进步?...首先我们先创建一个面包屑的组件。...this.breadList = matched; } }, created() { this.getBreadcrumb(); } }; 创建完组件之后

35820

使用Hugo,几步搭建你喜欢的站点样式!

云开发静态网站托管支持通过云开发SDK调用服务端资源:云函数、云存储、云数据库等,从而将静态网站扩展为全栈网站。...安装Hugo 首先,我们先安装hugo: brew install hugo windows的用户可以去Hugo的githubc仓库上下载安装hugo的可执行程序进行安装,具体安装流程请点击这里。...紧接着,我们用hugo来帮我们创建一个blog项目: hugo new site hugo-demo && cd hugo-demo 然后我们先创建一个测试的文章: hugo new posts/my-first-post.md...创建完成后,点击进入我们刚刚创建的云环境,进入云环境管理界面: image.png 在云环境管理界面,在右侧的网站托管中,我们可以将刚刚项目中生成好的静态页面给上传上去。.../public -e EndId 这里的 EnvID 替换为刚创建好的环境ID。

1.5K62

【云+社区年度征文】通过腾讯云*云开发搭建静态网站

Hugo 简介 Hugo 是一个用 Go 编写的静态站点生成器,它具有非常快的生成速度。...云开发静态网站托管支持通过云开发SDK调用服务端资源:云函数、云存储、云数据库等,从而将静态网站扩展为全栈网站。...安装Hugo 首先,我们先安装 hugo: brew install hugo 紧接着,我们用 hugo创建一个 blog 项目: hugo new site demo && cd demo 然后我们再创建用于测试的文章...:1313/ 即可查看效果: 部署到云服务 编译静态页面文件 hugo -D 生成好的静态页面文件会放在项目的public目录中,目录结构如下: [image.png] 静态托管部署 创建云环境 我们进入腾讯云的云开发...中将 public 目录中的文件给部署上去: 需要将 EnvID 替换为刚创建好的环境ID。

1.7K40

Hugo系列(1) - 简单搭建教程与远程部署

unknown 其他平台的安装方法可以参考官方文档:Install Hugo 创建站点 首先需要创建一个新的个人站点: 1 hugo new site blog blog就是你的博客站点所在的目录...下面简单介绍下Hugo根目录下的各个文件目录的作用: archetypes存放创建文件时使用的模板,可以自定义front matter属性。...可以通过--config来配置读取一个或多个配置文件,hugo --config a.toml,b.toml,c.toml。 注意,默认不会创建config目录。...这样就可以直接在cmd窗口里运行Git命令,git version。 当然也可以直接使用安装时自带的Git Bash,个人更喜欢用Git Bash。...在本地关联GitHub的站点仓库 在本地创建一个新的文件夹,比如名为hugo-deploy。

1.3K30
领券