文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在Ubuntu上安装和使用Hugo

介绍 Hugo是由Go语言实现的静态网站生成器。简单、易用、高效、易扩展、快速部署。Hugo这样的选择允许您简化堆栈，编写友好的markdown，处理更新和自定义内容，从而生成网站。...但是，我们应该安装一些额外的软件来帮助我们启动和运行。 安装Hugo主题 主要的Hugo包不包括任何主题。Hugo主题定义了如何为用户呈现网站内容。...为了使此链接更灵活地进行可能的部署，我们将创建一个相对符号链接。如果将Hugo存储库部署到远程服务器，则只需确保将themes目录再次克隆到Hugo的父目录中： ln -s .....默认情况下包含的前端内容通常由您正在使用的主题定义。 我们当前的主题包括生成页面的前面三个项目。您可以根据需要调整这些或添加其他项目。 Hugo可用的一般变量可以在这里找到。...让我们将新页面提交到我们的git存储库： git add . git commit -m 'First pages of our site' 建立和服务网站 Hugo可以获取Markdown文件，应用配置和主题中定义的设置

6.4K10

Hugo系列(4) - 从Hexo迁移至Hugo以及使用LoveIt主题的踩坑记录

接着发现已经有人发起了PR修复了该issue，只是作者还没merge，所以只能把这段代码自行合并到自己的博客项目了。...无法直接自定义JavaScript LoveIt主题没有直接提供自定义JavaScript的文件，只能通过修改页面的模板文件来引入自定义的JavaScript文件，具体做法可以参考Hugo系列(3) -...LoveIt主题美化与博客功能增强#添加自定义的custom.js。...--more--> 文章标题里的特殊符号不需要使用字符实体 在Hexo里，如果文章的标题里存在英文的双引号、冒号等特定的符号，必须使用字符实体来替代，否则就会报错。...而在Hugo里，则没有这个需要，直接使用原本的符号就行。如果在标题里使用字符实体，并不会被自动解析成对应的字符。

1.5K20
您找到你想要的搜索结果了吗？
是的
没有找到

玩转开源 |Hugo 的使用实践

在上一篇博文中已经介绍了 Hugo 的基本搭建步骤，那如何使用 Hugo 搭建符合自己需求的主题页面？不妨还是以 Hugo-book主题作为 基础，一起探索如何将它塑造成我们需要的网页。...title = 'Hugo 的基本使用' 图 1，hugo 自定义导航示例 多语言的支持 Hugo 的一个常见的用途就是搭建 GitHub page，来介绍开源项目，做为其产品文档页面；开源项目涉及的参与者可能来自不同国家和语言背景...文档语法扩展 Hugo 主题不仅支持 Markdown 本身的语法，还提供了一些独特的语法特性，比如以 Hugo-book 主题为例，它有着丰富的功能和标签支持。...columns 标签允许我们按照需求定义多个列，每一列可以包含不同的内容、文本、图片等，这样就能在同一页内展示多个相关联的信息，提升了信息传达的效率和清晰度。...探索完以上内容，在 《搭建 Hugo 管理 Markdown 文档》 文章之初给出的 Demo效果 已经能够完成。 Hugo + Markdown 的结合使得文档更生动、更易读、更具交互性。

54721

开垦属于你的网络空间：简单易用的静态博客框架推荐

这篇文章介绍了几个非常出色且备受欢迎的开源项目。不论是Hugo、Jekyll、Hexo还是Eleventy，在各自领域内都表现出色。...此外，Hugo 还具有以下关键特性： 强大资源管道：包含 CSS 和 JavaScript 打包功能 (支持 Sass 编译)，图像处理工具 (调整尺寸、裁剪旋转)、EXIF 数据抽取； 多语言支持：支持多国语言翻译...，方便国际化项目的开发； 模块化设计：可通过 Hugo Modules 与其他项目共享内容、资源、数据和主题等。...内置插件和变量功能：内置 Liquid 扩展，自定义 Permalinks 等特性使得在建立并管理页面时更加简便。...使用 JavaScript 编写，可以将包含不同类型模板的目录转换为 HTML。

38840

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

概述 Hugo可以让你轻松生成静态网站，比如个人博客、API文档、公司主页等，你只需要提供markdown格式的文本，它就能帮你渲染成各种你想要的样式，只需要安装想要的主题，写好对应的markdown...，包含一些基本配置和主题特有的配置。...这几个文件夹的作用分别是： archetypes：包括内容类型，在创建新内容时自动生成内容的配置 content：包括网站内容，全部使用markdown格式 layouts：包括了网站的模版，决定内容如何呈现...生成的，包含一些页面的特定配置，比如标题、分类等，不同的主题还有自己支持的一些配置，需要看主题的说明。...，接下来我教大家如何利用 Github Pages 来做到永久免费。

6.9K31

Markdown博客文章写作最佳体验，hugo+Obisidian+Vscode

现在我们的整体写作流程如下： 通过命令hugo new posts/文章名.md 新建一篇文章。...obisidian 1.obisidian简介 Markdown编辑器，市面上口碑不错的有typora，vscode，obisidian。不过typora从2021-11-23号起已经开始收费。...一款离线的笔记软件（现在也推出收费云服务） markdown编辑工具，实时预览 文件都在本地存储 文件夹式管理 它可以智能生成文档关系图谱，记忆保存你上次打开的文件位置，界面简洁，文件夹式管理，不同文件可以链式关联...QuickAdd插件，点击它的设置，新增一个宏定义，输入框输入【新建博客】-Macro-add Choice，这时你就可以看见增加了新建博客的宏定义，闪电符号点击勾选，这里是创建命令的意思。...通过以上设定，你已经完成新建文章的快捷方式配置，按快捷键ctrl+p，调起命令面板，输入quickadd，就能看到新建博客的快捷按钮，我这里截图的两个都一样，步骤1中勾选闪电符号，就是在这里创建这个快捷命令

30210

Markdown博客文章写作最佳体验，hugo+Obisidian+Vscode

现在我们的整体写作流程如下： 通过命令hugo new posts/文章名.md 新建一篇文章。...obisidian 1.obisidian简介 Markdown编辑器，市面上口碑不错的有typora，vscode，obisidian。不过typora从2021-11-23号起已经开始收费。...一款离线的笔记软件（现在也推出收费云服务） markdown编辑工具，实时预览 文件都在本地存储 文件夹式管理 它可以智能生成文档关系图谱，记忆保存你上次打开的文件位置，界面简洁，文件夹式管理，不同文件可以链式关联...QuickAdd插件，点击它的设置，新增一个宏定义，输入框输入【新建博客】-Macro-add Choice，这时你就可以看见增加了新建博客的宏定义，闪电符号点击勾选，这里是创建命令的意思。...通过以上设定，你已经完成新建文章的快捷方式配置，按快捷键ctrl+p，调起命令面板，输入quickadd，就能看到新建博客的快捷按钮，我这里截图的两个都一样，步骤1中勾选闪电符号，就是在这里创建这个快捷命令

97410

玩转开源 | 搭建 Hugo 管理 Markdown 文档

实际上笔者的文档基本都是在 Sublime 中用 markdown 格式撰写的。...在 先前文章 《Markdown的那些事儿》 也有提到到，围绕 markdown 有着大量的开源软件、库做支持；这里分享下使用基于MIT许可证的开源软件 Hugo 来管理 Markdown 文档，能帮助基于...markdown 生成各种风格主题的静态页面。...Hugo是一款强大的用于生成静态网页的程序，擅长于将 Markdown 文档按需要转换成各类主题的静态网页；它由Go语言编写的，在处理速度上非常快；也有人对比过类似一些产品比如 Jekyll / Hugo...到这里，其实我们就能看到 利用hugo 搭建出来的默认站点了：http://localhost:1313/ Hugo 新增文档 在下载 hugo-book主题 的时候，里面就包含了 它的一些示例网页；只需要复制到

73541

将hexo文章头转为hugo格式

语言的一些语法及特性,在一些变量的表现上跟hexo有所不同,markdown文件虽然可以复用,但是文章内容的front matter,即文章头定义的那些标签会有所不同,首先是时间的格式会不同 go默认的格式是...xxxx-xx-xxTxx-xx-xx+08:00 [+08:00代表的是时区.还有就是tags,categories等标签的定义,在go里定义多个要用数组,长度不确定需要使用切片,切片的形式为 []type...{},所以在hugo中定义多个tags跟hexo会有不同] hexo中 [tags: ] - hexo - blog hugo 中 [tags: [hexo,blog]] 为了解决markdown...获取目录下的所有markdown类型的文件 [ 2. 读取内容,并查找tags,categories标签] 3. 进行替换 4....将替换的内容重新写进文件 项目地址: hexo2hugo 说明: [ 当前只实现了对 tags,categories单标签单属性的替换,如有其他需求可以自行克隆增加] 待优化项(功能): 命令行参数获取

75341

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

下文会对搭建、本地测试、自动化部署维护等过程进行详细讲解，希望对大家所有帮助。...使用 Hugo 搭建博客 Hugo 是用 Go 实现的博客工具，采用 Markdown 进行文章编辑，自动生成静态站点文件，支持丰富的主题配置，也可以通过 js 嵌入像是评论系统等插件，高度定制化。...GitHub Pages 发布博客 完成上述准备工作后，我们现在已经可以通过自定义域名来访问我们的 GitHub Pages 页面了，目前因为项目仓库是空的，访问后会报 404 页面。...我们的 build 任务包含了 Checkout、Setup Hugo、Build Web 和 Deploy Web 四个主要步骤，其中 run 是执行的命令，uses 是 GitHub Action...现在每当我们本地通过熟悉的 Markdown 语法完成博客内容编辑后，只需要推送代码，等待几分钟，即可通过我们的自定义域名访问更新后的网站。

1.2K10

利用基于Go Lang的Hugo配合nginx来打造属于自己的纯静态博客系统

借助Go语言我们 可以用同步的方式写出高并发的服务端软件，同时，Go语言也是云原生第一语言，Docker，Kubernetes等等著名的项目都是使用Go语言实现的。     ...而纯静态页面则没有这个烦恼，如果我们只需要一个简单的站点，一些简单的功能和页面，比如博客，我们只想以极简的方式用markdown语法写下文字或者代码，让服务器访问纯静态页面，这就是静态网站生成器可以提供给我们的好处...Hugo的优点包含但不限于：     得益于Go的高性能，性能很快         世界上最快的静态网站生成工具，5秒生成6000个页面     文档为Markdown格式,语法超简单     ...title: "第一篇文章" --- ### 你好啊 123123123 ``` print('hello world') ``` 然后在命令行中输入 hugo server 来热启动项目...可以看到已经在1313端口起了一个hugo服务 访问一下 至此，非常快速而简单博客已经做好了，那么如何部署到线上呢？

60420

Hugo 与 Hexo 的异同

：「Hugo 支持用户定义的类别（taxonomies）来帮你为自己网站的读者展示文章之间的逻辑关系」。...我觉得这是 Hugo 的又一个优点，直接利用起文件系统的结构来组织文章，合理且符合用户预期，Markdown 文档的存放也更有序。...这也意味着当你从 Hexo 迁移到 Hugo 时，你的一些包含大写字母的原链接会 404，如果你想避免这个情况，你可以在配置文件 config.toml 的顶部加上 disablePathToLower...在 Hexo 中，你可能会在 Markdown 中使用 Hexo 标签插件来实现一些 Markdown 语法无法实现的特殊排版需求。...即有空格、标点符号，或其它特殊符号。 如果你的博客部署在 Netlify 上的话。 在 Hugo 中，你甚至可以配置 Git 的改动（commit）时间为文章的修改时间，即 :git。

4.1K10

如何使用 Hugo 搭建个人博客？

Date }} tags: ["python"] categories: ["Programming"] authors: - "iswbm" --- 新建文章后，用 vscode 或 typora 等 markdown...: ["**/404.html", "*/noindex/*"] # 指定要包含的字段，这些字段将被索引用于搜索 fields: ["title", "description", "content"]...: 20 --- >目前本网站应用 [Pagefind](https://pagefind.app/) 进行搜索，英文准确度较高，若要检索中文，建议把关键词拆分成最多两个字一组，并包含在符号 `"`...iswbm.com/txcloud Ucloud：https://iswbm.com/ucloud 有了服务器后，需要在服务器上安装 nginx yum install nginx 然后我们在本地电脑的项目根目录下直接执行...hugo 即可编译最终的 html 文件到 public 中（记得清空此前的 public 目录，以免有缓存残留） hugo 然后将 public 目录直接打包上传到服务器的某个目录下，这个目录自行定义即可

8910

免费的个人博客系统搭建及部署解决方案（Hugo + GitHub Pages + Cusdis）

，希望对大家有所帮助。...Hugo 是用 Go 实现的博客工具，采用 Markdown 进行文章编辑，自动生成静态站点文件，支持丰富的主题配置，也可以通过 js 嵌入像是评论系统等插件，高度定制化。...[2022-05-29 更新] 我后来为了方便管理，把 NameSilo 域名迁移到了 Cloudflare，大家可以直接在 Cloudflare 上购买，教程包含在《Hugo + GitHub Action...图片管理 日常发布的文章中可能会涉及很多图片，将图片存储在静态博客源项目仓库中的话会使项目过于庞大，并且很难二次使用和管理，因此，我同样选择了 GitHub 作为图床工具，并使用 PicGo 客户端进行图床管理...GitHub Pages 仓库，实现博客的发布，因为每次更新都需要进行重复操作，且博客源 Markdown 文件无法进行很好的备份和版本管理。

2.2K10

博客生成静态站点工具 Top 20

Hugo 是一个基于 Go 语言的静态站点生成器，是当前流行度最高的静态网站生成器之一，其快速构建和部署的优点备受用户青睐。...VuePress 的目标是用于快速搭建文档型网站，并且可以支持自定义主题、插件等功能。 VuePress 使用 Markdown 来写作和生成网站内容，同时支持 Vue 组件和自定义页面。...Sphinx具有以下特点： 灵活性：Sphinx支持多种标记语言（如reStructuredText、Markdown等），并提供了多种主题和插件来自定义文档样式和功能。...多种输出格式：Sphinx支持生成HTML、PDF、EPUB等多种格式的文档，方便发布和分享文档。 社区支持：Sphinx 是一个开源项目，有庞大的社区支持和开发者社区，您可以轻松地获取帮助和支持。...如果您需要更多的灵活性和可定制性，那么 Next.js、Gatsby 或 Hugo 可能更适合您的需求。

3.2K21

打造个人IP: 开源项目网站构建框架

前言 您是否正在寻找有关如何创建博客网站: 个人博客 或者 开源项目官网 : Dubbo, Vue.js的构建框架? 在这篇文章我将向您展示如何创建一个美观并且实用的开源博客/开源项目官网构建框架！...适合于开源项目的官方网站这类的需求，有很多开源项目都使用Docusaurus或者借鉴于Docusaurus对自己的开源官网上做了一些自定义的设置。...Docusaurus有以下优点: Markdown驱动-节省时间并专注于项目的文档。...只需使用Markdown 和Docusaurus 撰写文档和博客文章，就会发布一组准备服务的静态html文件。 Reat生成-通过重用React来扩展或自定义项目的布局。...支持无限制的内容类型，分类，菜单，动态API驱动的内容等等，所有内容都没有插件。支持Markdown和完整的i18n支持，Hugo附带预先制作的模板，可以快速完成SEO，评论，分析和其他功能。

1.5K40

DevOps工具介绍连载（48）——静态扫描工具Brakeman

质量分配 使用String#strip或String.squish（＃1459）检查SQL查询字符串 处理（＃1465）locals哈希中的非符号键render 渲染参数中的索引调用（＃1459） 全球批量分配...现在CallIndex冻结的结果有助于防止将来对共享数据进行这种修改。 变化 降价的信心 由于先前的重构，Markdown报告中未提供置信度。...将识别出更多的情况，特别是当它是方法调用的目标时。 更多范围 无论检测到Rails的版本如何，都将处理named_scope和scope。...默认报告格式排序 由于Jacob Evelyn的帮助，默认文本报告中的警告现在按文件和行号以及可信度和类别进行排序。...Ruby 2.7冻结字符串 在Ruby 2.7中，符号和其他一些常量值（true/ false等）将返回冻结的字符串。这仅以较小的方式影响了Brakeman，但现在已修复，以准备Ruby 2.7。

2.1K10

利用 Github Pages 和 Hugo 快速搭建免费的个人网站

只需在本地编写 markdown 文件，即可完成日常文章的维护。 Github Pages：是一个静态站点托管服务，直接将个人、组织或项目的页面托管于 GitHub 仓库中。...3、开始建站 接下来，看看如何一步一步地为自己搭建一个个人网站吧！ 3.1 Hugo 搭建 3.1.1 安装 Hugo 参考 Hugo 官方的安装指南。 根据你的操作系统，选择对应的安装方式。...3.1.6 创建文章 日常站点文件，都是采用 markdown 文件进行维护。例如，创建一篇新文件。 切换到站点 hugo-site-demo 目录下。...about.md 自动生成到了 content/about.md ，打开 about.md: 这是 markdown 格式， --- 之间的内容用于设置文章的属性内容，--- 下面就是正文部分。...3.2 站点部署 本地已经搭建好啦，接下来如何对外发布呢？ Github 是绝对的最佳选择。

5.5K43

如何翻译Markdown文件?-1-难点及解决方案

为什么要翻译 Markdown 文件 为什么要翻译 Markdown 文件？翻译 HTML 文件不行吗？ 这是因为现在越来越多的工具使用 Markdown 来组织他们的内容。...比如： •Gitbook，Obsidian 作为文档、笔记的工具•Hexo（我用的就是 Hexo），Jekyll，Hugo 作为静态网站生成器（SSG）•Strapi 等作为内容管理系统（CMS） 根据项目的情况...表情符号也被破坏了。...但是在翻译的过程中, 却面临一系列的困难, 如: •Markdown 语法被损坏•翻译一些不应该被翻译的内容, 如:•翻译结果中出现了不同的 Markdown flavor 并以此提出翻译 Markdown...但不论如何, 翻译后还是需要人去 review, 修正. 另外在翻译专业技术类文章时, 如果某个翻译 API 支持"单词库"功能真的是太刚需了. 希望对各位有所帮助.

40320
点击加载更多

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

更多标签

活动推荐

    运营活动

    活动名称
    广告关闭

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

    Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

    深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

    腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

    领券