在社区运行一段时间以后,我们可能需要对社区的内容进行调整。 这篇文章介绍了如何在 Discourse 中批量从一个分类移动到另一个分类。...例如,我们需要将下面的主题批量从当前的分类中移动到另外一个叫做 数据库 的分类中。 操作步骤 下面描述了相关的步骤。 选择 选择你需要移动的主题。...批量操作 当你选择批量操作以后,当前的浏览器界面就会弹出一个小对话框。 在这个小对话框中,你可以选择设置分类。 选择设置分类 在随后的界面中,选择设置的分类。 然后保存就可以了。...经过上面的步骤就可以完成对主题的分类的批量移动了。 需要注意的是,主题分类的批量移动不会修改当前主题的的排序,如果你使用编辑方式在主题内调整分类的话,那么调整的主题分类将会排序到第一位。...这是因为在主题内对分类的调整方式等于修改了主题,Discourse 对主题的修改是会更新主题修改日期的,在 Discourse 首页中对页面的排序是按照主题修改后的时间进行排序的,因此会将修改后的主题排序在最前面
如windows使用二进制安装: 下载Hugo二进制文件 ,下载下来后,解压,将解压后的文件夹名称和文件夹里面的.exe文件都改为同一个名称,否则hugo无法运行。...但此时我们的新站点无法启动,需要安装主题。 2.2 安装主题 可以从官方主题库中 选择,里面有上百种主题。我使用的主题是LoveIt ,感觉风格简约,并且功能齐全。...当初我就被这个坑了,的确是需要注意的。 3.2 本地和站点图片路径不一致 在 Typora 中编辑文章插入图片能够显示,而发布后网页中的图片不能正常显示(路径错误)。...或者使用站点根目录(/)引用图片可以正常加载显示,但是无法在 Typora 编辑器中显示图片。 有以下几种方法解决。...,根据情况设置 注意:about因为只是单个页面,所以,不能添加到[taxonomies](网站所有的分类标签)目录中,要不然就不会显示。
在本教程中,我们将介绍如何在Ubuntu服务器上安装和使用Hugo。这将允许我们配置静态站点,创建内容,并在同一服务器上发布或部署到生产位置。.../themes 如您所见,我们当前目录中的themes目录实际上只是指向我们克隆到主目录的主题存储库的链接。...默认情况下包含的前端内容通常由您正在使用的主题定义。 我们当前的主题包括生成页面的前面三个项目。您可以根据需要调整这些或添加其他项目。 Hugo可用的一般变量可以在这里找到。...您选择的主题也可能使用自己的前端变量。在Hugo主题库中查看主题的README,以获取有关主题的详细信息。...我们的Pygments样式已应用于代码块: 如果我们点击“关于”链接,我们将进入“关于我”页面: 如您所见,我们的主题相当基本,但它的功能与我们预期的完全相同。
概述 Hugo可以让你轻松生成静态网站,比如个人博客、API文档、公司主页等,你只需要提供markdown格式的文本,它就能帮你渲染成各种你想要的样式,只需要安装想要的主题,写好对应的markdown...里加一行,配置本网站的主题: theme = "xhugo" 注: config.toml 中配置的主题名字应和主题目录名称一致 新建页面: hugo new posts/hello.md 此时会在...content 路径下创建文件,由于参数中还带有 posts 路径,所以最终创建的文件路径是 content/posts/hello.md, 每次创建的文件都根据 archetypes/default.md...生成的,包含一些页面的特定配置,比如标题、分类等,不同的主题还有自己支持的一些配置,需要看主题的说明。...一般都会先新建第一种 Github Pages 主仓库作为网站主要托管,根据你的账号名创建仓库,如: imroc.github.io, 提交静态文件后在仓库的 Settings 里面,翻到下面的 Github
这种命名术语一般用在设计和开发多语言软件或产品的过程中(搞过国际化研发的估计非常熟悉),代表其能够支持不同的语言和区域文化,以便在全球范围内更广泛地使用。...这些文件提供了一个自由扩展文档主题的场地,让你通过HTML的方式进行自定义。 可以根据特定需求,在特定页面的布局位置添加自定义的内容或功能。...当然也需要值得注意的是在多列布局中插入图片可能会导致文档在不同设备上的效果难以控制,特别是在响应式布局中。...如果要考虑不同设备上的显示差异,建议需要避免在多列布局中直接插入图片;图片的大小和比例可能会影响布局的整体效果,特别是在移动设备上,可能会出现显示不完整或者排版混乱的情况。...{{ }} 以上代码效果如下: 图 4,hugo-book 多列布局(columns)示例 Hugo-book主题还有提供许多有趣且实用的扩展标签,如 Hints、Expand、
3.1 Hugo 搭建 3.1.1 安装 Hugo 参考 Hugo 官方的安装指南。 根据你的操作系统,选择对应的安装方式。...themes : 网站主题存放目录。 static : 静态资源存放目录, 如:图片、样式文件、脚本文件等。 3.1.3 选择 Hugo 主题 为了让你的站点更好看,可根据个人喜欢选择你喜欢的主题。...(不同主题配置略有差异,具体以主题中说明为准。) 下面以主题 Universal 为例说明。...将主题 hugo-universal-theme 中示例站点 exampleSite 文件夹的内容,全部复制到你的站点根目录。...新建 仓库,如:hugo-site-demo。 注:hugo-site-demo 为示例仓库,故设置为公开仓库,实践中建议设置为私有仓库。
此外,Hugo 还具有以下关键特性: 强大资源管道:包含 CSS 和 JavaScript 打包功能 (支持 Sass 编译),图像处理工具 (调整尺寸、裁剪旋转)、EXIF 数据抽取; 多语言支持:支持多国语言翻译...,方便国际化项目的开发; 模块化设计:可通过 Hugo Modules 与其他项目共享内容、资源、数据和主题等。...使用 JavaScript 编写,可以将包含不同类型模板的目录转换为 HTML。...强大插件生态系统:通过 eleventy 官方提供给我们的强大而完整的插件文档、以及社区贡献出来的各类实用工具库,我们可以根据需要扩展功能或增加额外特性。...多种技术框架和中间件:满足不同需求场景下的应用要求。 支持搜索引擎和对象存储服务:方便用户进行数据检索与文件上传下载操作。 提供定时任务管理器:可自动执行指定时间周期内需要完成的任务。
2.新建站点 输入hugo new site hugoblog ,就会在hugoblog文件夹内出现如下目录结构: image.png 3.下载主题 先去 hugo主题官网 找到自己喜欢的主题,然后点击下载会跳转到主题的...github, 把终端的路径调整到博客文件夹的themes目录下,输入:git clone https://github.com/adityatelange/hugo-PaperMod.git,比如我的主题是...4.配置文件 站点配置文件推荐改成.yaml后缀的写法,因为更适合阅读,反正.toml的写法我是不习惯,详细的可以看hugo的官方文档,下面是我的配置: (注意这是PaperMod主题的配置方法,一些基本配置所有主题都一样...TocOpen: true # 自动展开目录 hidemeta: false # 是否隐藏文章的元信息,如发布日期、作者等 disableShare: true # 底部不显示分享栏 showbreadcrumbs...,需要根据具体情况做一些适配,仅供参考。
Hugo是一个用Go编写的静态站点生成器,它具有丰富的主题资源和较好的生成速度。...最后,直接在目录中运行: hugo server 在浏览器打开 http://localhost:1313/ 即可查看效果: image.png 当然,我们需要部署的是编译完成的静态页面文件: hugo...站点的默认主题样式的话,可以自行在github上找到开源的hugo主题,并放置到你的hugo项目中,例如: git clone https://github.com/olOwOlo/hugo-theme-even...themes/even 当然,这篇文章的重点不是教大家如何使用hogu,而且如何在云开发上部署静态的站点。...,在hugo-site中将public目录中的文件给部署上去: cloudbase hosting:deploy .
比如: 不支持最近文章,我现在的Hexo的maupassant主题是支持的。 分类不支持文章数量的显示。 不支持标签云 RSS支持,但是不能自动被发现。...新的Hugo maupassant 主题主要有以下特性支持 最近发表的文章支持,显示最近的10篇 分类支持,并且可以显示分类内的文章数量 标签云支持 一键回到页面顶部 RSS支持,并且可以自动发现RSS...name表示显示的链接文本,title表示鼠标悬停在友情链接时,显示的文本。 Hugo maupassant 文章归档支持 Hugo默认是不支持生成归档文件的,需要自己实现。...只有文章是html后缀的格式,分类、标签等聚合页是目录Path的格式,如:http://www.flysnow.org/categories/Golang/。...在新的Hugo系统中,我也想这么做,但是Hugo的permalink是不能配置html后缀的,即可你配置了,也只会生成如下的URL/year/month/day/title.html/还是一个目录,无法以
使用Git更新Hugo 个人博客 该文章主要是讨论,如何在本地搭建好hugo静态网页后, 上传git到自己的域名下。而且每天进行实时更新。 网上教程更多的是关于如何搭建Hugo,然后上传。...image.png Hugo主题应用 这里,给出链接,不再赘述Hugo Quick Start。...主要掌握,会更改主题,然后新建blog,可以再本地实现 http://localhost:1313/预览。...第一次git push 根据theme,设定好自己的喜好后,hugo生成public文件夹(Terminal环境下进行) 然后进入public,上传到你git个人域名。...这里就参考:使用Hugo和GitHub搭建博客 参考 基于「Hugo」搭建自己的博客网站 从头教你使用 Hugo 搭建自己的博客 使用Hugo和GitHub搭建博客
品宣介绍,常见就是站点首页、新闻介绍等 同样依赖内容管理系统,能很快支持到不同页面的实现,包括相同组件如导航、页脚等的共享,后面也会介绍。...社区资源丰富 生态很好,现成大量的主题可供选择 作为 Golang 语言最受欢迎的站点框架,随着越来越多人的使用,Hugo 官方鼓励大家开源自己的主题,约定了简易可行的规范,让贡献者的主题能在 Hugo...经验总结 除了上面偏向于 Hugo 本身提供的功能介绍外,下面结合笔者自身的实践经历,阐述一些小小的经验总结,方便后来的朋友: 使用现成的主题 基于 DIY 原则来说,结合自身需求,去主题市场找一个符合自己的主题来进行修改...个人定制 除了 Hugo 本身的框架、规范及工具能力外,因为网页的代码最终还是离不开 HTML/CSS/Javascript,自定义相关的内容,只要善用提供的规则(如各个模板的引用,组合),就能在各个模板入口引入你想自己控制的代码部分...纯静态资源部署很便捷,以 Hugo 为例,他的路由适合文件目录相关的,我们的站点有中英文两个语言版本,开发时都放在一个项目中进行维护共享模板,在构建部署时,会根据语言打成不同的资源包,分别发到不同的国内外
2、快速开始 2.1、安装Hugo 首先我们登陆Github,进入到Hugo的Release页面,根据自己的操作系统下载最新版本的二进制文件包。...然后将其解压,二进制文件的路径添加到环境变量中,就可以愉快的开始 了。...允许 HTML 格式) 之后添加其他信息, 例如图标 post = "" name = "文章" url = "/posts/" # 当你将鼠标悬停在此菜单链接上时, 将显示的标题...hugo server --debug 你会看到hugo输出了很多信息,如当前环境是开发环境,不会启用评论系统等。...但是这个关于页面中的二维码没有居中,如果我们想要使用一些html标签和scss样式,那么您需要下载hugo_extended打头的hugo版本。
先打开config.toml 将主题添加到站点的配置文件中 theme = "ananke" 当然也可以用一条指令完成添加 echo 'theme = "ananke"' >> config.toml...content文件夹,文章是存放在了post目录下,新创建的文件默认包含如下内容,根据需要修改即可: --- title: "Some Content" date: 2022-05-20T08:40:33...默认情况下,输出的内容位于 站点目录/public/ 目录中(可以通过-d/--destination参数修改输出位置,或者在配置文件中设置publishdir参数) hugo -D 然后,我是有个测试站点的...我把hugo生成的静态挪到测试站点,复制过去后访问域名马上就能看到情况,显示下图情况,便完成了hugo博客搭建 坑 1、主题的文件路径是这样的Hugo_blog\themes\ananke,...2、在Hugo_Blog目录下创建一个content文件夹,content文件夹下再创建一个post文件夹。post文件夹里才是真正放md文档的地方。如果路径放错了,文章显示不出来。
在此电脑上的增加一行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上创建一个空的仓库。 注意:仓库名必须跟自己的用户名一样 用户名.github.io,如: ?
),可以参考之前的记录分享: 优化Hugo Next主题的过程 优化Hugo Next主题的过程2 就个人而言还是比较喜欢 NexT 主题的风格,可随着使用的深入发现该主题在兼容性及显示效果上并不友好...,本来想着继续优化下去,但原来的框架还是基于较旧的 Hugo 版本,另外也浏览了下最新版本的 Hexo NexT 主题,显示效果上的差距还是比较大。...捐赠 在重新构建 Hugo NexT 主题的过程中,关于主题代码的托管的问题也是有些困扰,思量考虑一番之后,还是决定把它捐赠到组织当中去,那么后续的团队协助会更加的顺畅,同时也是设计相应的 Logo 和域名...,也显示的更加专业和正式些。...兼容性 本主题可以同时兼容 PC 和手机移动端展现,以下对于 PC 端不同浏览器的兼容性说明。
并且在上图的配置中填入你的 CNAME。 6. 覆盖配置,而不要修改 congo 的配置都放在主题目录下的config/_default目录下,包含几个 toml 文件。...每个 toml 文件都是根目录下的 config.toml 文件里的一个配置项及其子项。 根据最新版本 Hugo 的配置合并规则,你可以选择把主题内的配置合并到最终的配置中。...Hugo 会先加载根目录的config.toml文件,然后会进入主题加载主题内的配置文件,最后合并成一个配置。...,会显示作者的基本信息和头像。...最后 静态站点工具很多,不同的语言都有自己的静态站点生成工具。所谓"写博客半天,找主题两天",最近找到了更轻量级的静态内容工具 mkdocs,未来我会分享这个更轻量级的工具。
建站工具 框架:hugo 版本:hugo extended 0.101.0 主题:FixIt 托管:GitHub和vercel 目前配置实现的功能 使用到的主题是FixIt(https://github.com...site hugo-blog 这时会提示祝贺你,你的hugo网站已经生成,然后提示你去下载主题。...#存放静态文件,如css,js,img等文件目录,hugo直接复制到public目录下,不会做渲染 └─themes #存放网站主题,可存多个主题,在config.toml全局文件中配置指定,也可在执行渲染是加参...安装主题 主题要下载到themes这个目录下,使用git clone ,如没配置git ,参看我的git安装配置文章。...Hugo 和主题信息 hugo = true # 是否显示版权信息 copyright = true # 是否显示作者 author = true
只有使用 .Permalink 或的文件 .RelPermalink 才会发布到 public 目录中。注意:默认情况下未创建资产目录; config:Hugo附带了大量的配置指令。...设置最少的项目且不需要环境意识的项目可以config.toml在其根目录使用单个文件; content:网站的所有内容都将位于此目录中; data:存储生成网站时 Hugo 可以使用的配置文件; layouts...:当前应用的主题文件; public:生成的用于发布的网站资源。...进入已下载主题拷贝所有文件并替换项目根目录下所有文件: ? 启动本地服务,运行查看效果: hugo serve ?...要做的就是,根据 Coding 提供的网站打开查看效果即可。
://github.com/gohugoio/hugo/releases 根据自己的操作系统下载不同的版本。...hugo new post/firstArticle.md 2.3.2 添加主题 执行下面命令,就可以下载主题到本地,运行项目就可以查看自己的静态网站了。...找到主题下的 exampleSite 目录,拷贝目录下的config.toml文件内容到站点根目录的config.toml中。...有了主题就是能好看一下哈!如果你还不满意这样的显示效果,那么就开启自定设计之路吧。每个主题都有 layouts 目录,这里就是一些静态模板,上手改就对了。...extended版本的hugo,其他主题可以用最新的普通版本就行 - wget https://github.com/gohugoio/hugo/releases/download/v0.58.3/
领取专属 10元无门槛券
手把手带您无忧上云