本地图片的处理 hugo 支持两种方式引用本地图片： 图片放入 statics 文件夹，然后在文章中引用： 1 [1.png](/images/1.png) 文章和图片位于同一个目录，文章中直接引用...评论数据的处理 使用 waline 评论，由于 leancloud 数据库中记录的 url 是原文章 /categories/slug 这个格式。...而现在的文章链接有变，所以需要手动处理 leancloud 中的评论数据，修改 url 字段为 /post/slug 这种格式。 5....vercel 创建项目，模板选择 hugo，然后本地 clone 新建的 repo，把 hugo站点文件推送到这个仓库。...主题修改 修改引用代码块颜色 默认引用背景和代码块的颜色比较接近，不好区分，修改为 vue 风格的配色。
于是， 我又盯上了 Github Action 的实现发布文章后主动预热网站， 这样在 CDN 中的缓存配置就更通用了。...定时任务 github --定时任务--> 预热 站点地图(sitemap) sitemap 是我们的站点地图， 用于给搜索引擎网站的地址清单， 便于收录。...这里就需要养成良好的书写习惯， 每次更新都要修改文档的最后更新时间。...以下是文章的元数据信息 --- title: "Hugo 网站优化(9): 预热网站， 使用 Github Action 主动刷新 DNS 缓存" subtitle: "Hugo Qcloud Cdn...简单 API 调用功能， 基本可以直接复制 DEMO， 稍微修改修改就可以用了。
Hugo上并没有类似一的主题，再加上从Hexo迁移到Hugo还有好多要修改的，所以一直迟迟没有行动。...基于此，所以我fork了原来的maupassant主题，把我修改的提交了上去，形成了新的flysnow hugo maupassant theme。...自定义菜单支持，不限个数，自定义排序 自定义友情链接支持 支持文章按年份日期进行归档 支持GA分析统计 Sitemap站点地图 支持关键字SEO优化 代码高亮 Google站内搜索 当然还有很多特性不支持...只有文章是html后缀的格式，分类、标签等聚合页是目录Path的格式，如：http://www.flysnow.org/categories/Golang/。...在新的Hugo系统中，我也想这么做，但是Hugo的permalink是不能配置html后缀的，即可你配置了，也只会生成如下的URL/year/month/day/title.html/还是一个目录，无法以
1.页面关键词 为每篇博客文章设置标题、关键词、描述 title: seo优化 keywords: - seo - hugo description: "hugo博客seo优化" 2.页面描述 在站点目录下的...config中添加博客描述有利于搜索 params: description: "Sulv的个人博客，hugo，papermod，golang，mysql，微服务" 3.Google搜索优化 第一步，...比如我的是https://www.sulvblog.cn，选择第二种验证方式，然后下载一个html文件放到hugo站点的static文件夹下，然后重新部署站点，回到Google Search Console...第二步，在Google Search Console页面点击站点地图，输入当前站点的sitemap.xml，也有可能是其他后缀，hugo部署后一般会自动生成sitemap，在根目录下，如：https:/...html的方式，步骤和google的一样，验证成功后选择 搜索服务->普通收录->sitemap，输入sitemap的网址，和google的站点地图一样，如我的是：https://www.sulvblog.cn
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参数来改变静态页面的存放路径，也可以通过在配置文件中设置...你会发现这里的url里多了子路径，但是如果仓库名是{username}.github.io的格式，那该url就会被简化为https://{username}.github.io/，这样就不需要在url后边添加上仓库名来访问个人站点了
，且站点目录下的文件可以覆盖主题目录下的相应文件——这意味着你可以在不修改主题文件的前提下方便地定制主题。...在 Hugo 中，如果你想要定制主题，你只需在站点目录下新建相应的文件即可。...配置文件 Hugo 中是不区分站点和主题的配置文件的，Hugo 中只有一个位于站点根目录下的 config.toml 配置文件[1]。...在 Hexo 中你可以通过站点配置文件 _config.yml 中的 tag_map 来实现，但在 Hugo 中没有这样的功能，那在 Hugo 中应该怎么办呢？...然后是文章的修改时间的问题。在 Hexo 中，会自动将文件的修改时间作为文章的修改时间，但在 Hugo 中不会。
百度收录提交 百度提交入口：https://ziyuan.baidu.com/linksubmit/url 登录百度账号，输入站点提交，提交的站点需要验证，有三种方式可选。...我的hugo博客主题里带有这个网站验证功能的，即这里的第二种模式的验证，不料设置后验证失败，最后我采取方式一。...上传对应文件到站点根目录 在首页标头加入百度这里提供的一段链接 根据提示设置dns的cname指向 网站验证后，建议在普通收录里，添加一下自己sitemaps，也就是你站点里的网站地图，所有页面链接集合...比如我的hugo博客在编译后是有直接生成这个文件的，位于根目录，(https://zhjin.eu.org/sitemap.xml) 必应收录提交 bing提交入口：https://www.bing.com...添加网站地图sitemaps，和百度类似。 谷歌收录提交 google提交入口：https://www.google.com/webmasters/tools/submit-url?
your new about page: [[menu.main]] name = "About" url = "about" weight = 5 修改layouts/index.html...= "/" weight = 10 [[menu.main]] name = "Blog" url = "/post/" weight = 0 4、重建静态 在站点根目录输入...如果修改了网站内的信息，会直接显示在浏览器的页面上，不需要重新运行hugo server，方便我们进行修改。 .../public 发布文件中犹豫baseUrl需要替换为github路径，所以需要注意几点： 1.添加baseUrl，如：–baseUrl=‘https://landv.github.io' 2.url...中New reository，用户名一定要用：你的注册用户名.github.io，其他无需修改，然后点击Create repository即可 2.github本地文件提交 // 1.设置配置 git
前言 Hugo本身可以通过修改站点配置文件来完成页面的部分定制，如按钮、多语言等功能。...中的某一个作为站点的配置文件，可以通过--config来配置读取一个或多个配置文件，如下： 1 2 hugo --config debugconfig.toml hugo --config a.toml..._default下的配置是通用配置，Hugo每次生成站点时都会读取。...languages语言属性 该属性可以提供站点的国际化功能，即区分多语言版本的站点，比如若设定了en、zh两个语言，设定默认语言是zh；则默认的站点url的根目录后会加上/zh/，并可以通过站点首页的切换语言下拉框来切换到其他语音...，如：/en/。
#存放静态文件，如css，js，img等文件目录，hugo直接复制到public目录下，不会做渲染 └─themes #存放网站主题，可存多个主题，在config.toml全局文件中配置指定，也可在执行渲染是加参...安装主题 主题要下载到themes这个目录下，使用git clone ，如没配置git ，参看我的git安装配置文章。...修改config文件 config.toml文件是全局配置参数文件，是博客页面功能控制的总开关。 每个主题都有他特有的一些功能，都在其提供的config.toml里面开关修改。...然后再对于其中的功能进行个性化的配置修改即可。...自定义深度配置 搜索配置 搜索配置需要自定义修改，这里提供了两种搜索模式，如果 hugo常用命令说明 【待续】
2.新建站点 输入hugo new site hugoblog ，就会在hugoblog文件夹内出现如下目录结构： image.png 3.下载主题 先去 hugo主题官网 找到自己喜欢的主题，然后点击下载会跳转到主题的...然后把主题里面的一些静态文件和配置文件复制到站点目录下，目的是为了可以自定义博客的样式，而不会改动主题文件夹里的样式，这样主题要更新的时候，直接在主题目录下git pull就可以，站点目录的修改会优先覆盖主题里的配置...4.配置文件 站点配置文件推荐改成.yaml后缀的写法，因为更适合阅读，反正.toml的写法我是不习惯，详细的可以看hugo的官方文档，下面是我的配置： （注意这是PaperMod主题的配置方法，一些基本配置所有主题都一样...默认转义 Markdown 文件中的 HTML 代码，如需开启的话 highlight: # anchorLineNos: true codeFences: true...false # 是否为草稿 comments: true showToc: true # 显示目录 TocOpen: true # 自动展开目录 hidemeta: false # 是否隐藏文章的元信息，如发布日期
unknown LoveIt: v0.2.10 Hugo无法使用abbrlink导致的URL与原本Hexo的URL不同步 原本的Hexo博客使用了hexo-abbrlink插件，目的是为每篇文章生成由字母和数字组成的随机...Valine评论功能无法使用 LoveIt主题的评论功能默认情况下是无法在本地使用的，除非修改模板渲染文件，或者启动本地服务时添加参数，如下： 1 hugo server -e production...valine，然后填上从LeanCloud的应用中得到的appId和appKey就可以用了。...[avatar](/images/avatar.jpg) 当然了，如果你有图床之类的，直接写完整的地址也不会出现这个问题，如： 1 !...，需要修改模板才行。
将主题 hugo-universal-theme 中示例站点 exampleSite 文件夹的内容，全部复制到你的站点根目录。...修改站点配置文件 config.toml 修改站点的 baseurl，可修改为你的 Github Pages 地址，如：https://xcbeyond.github.io。...新建 仓库，如：hugo-site-demo。 注：hugo-site-demo 为示例仓库，故设置为公开仓库，实践中建议设置为私有仓库。...3.2.3 自动化部署 利用 Github Actions实现将站点源文件（如：hugo-site-demo）自动化部署到 GitHub Pages （如：xcbeyond.github.io ）上。...站点功能的完善、好看，还需持续优化，可通过添加 Hugo 插件、修改主题样式等一系列方法完成。
这不乘着周末的时间，把自己的站点也是升级到最新开发的主题，同时也是为后续想升级旧版本 Hugo NexT 的用户打个样吧。...✊ 配置更新首先声明一下配置文件已经和旧版本完全不兼容，因此在配置主题时无须参考原来的配置，只须根据新版本主题提供 示例配置文件 里面的注释说明调整自己站点信息即可，如站点名称，标题，头像，菜单，评论等个性化设置...站点菜单项│ └── params.yaml # 各类效果，组件参数配置└── development # 本地开发预览的配置文件（不上传到代码仓库）当在本地运行 hugo server 命令预览站点时...不过自己又稍微折腾了一下，原因是之前的文章都是在 content\posts 一个目录中并没有做好分类管理，想通过此次的升级重新整理下文章的分类，而且新版本的主题中已经可以支持多个自定义目录。...后面也会持续做好站点生成速度的优化，尽可能的提升到极限。图片也希望能够吸引到更多的小伙伴们，一起参与进来共同建设 Hugo NexT 主题。除了主题的开发工作外，也会做好博客内容的打造。
品宣介绍，常见就是站点首页、新闻介绍等 同样依赖内容管理系统，能很快支持到不同页面的实现，包括相同组件如导航、页脚等的共享，后面也会介绍。...便捷获取文章的概览内容 - Summary 便捷获取文章的图片资源 - Image Processing 自定义 URL 的规则 - URL Management 以上便是我们在实践中，有接触过的一些...经验总结 除了上面偏向于 Hugo 本身提供的功能介绍外，下面结合笔者自身的实践经历，阐述一些小小的经验总结，方便后来的朋友： 使用现成的主题 基于 DIY 原则来说，结合自身需求，去主题市场找一个符合自己的主题来进行修改...个人定制 除了 Hugo 本身的框架、规范及工具能力外，因为网页的代码最终还是离不开 HTML/CSS/Javascript，自定义相关的内容，只要善用提供的规则（如各个模板的引用，组合），就能在各个模板入口引入你想自己控制的代码部分...纯静态站点 Hugo 打包构建后输出的是一个纯静态的资源包，这样地好处就是你可以将你的站点部署在任何地方，比如使用 GitHub 免费的 Pages，又或者是随便放在 oss 源中，没有维护服务器，数据库的烦恼
在本教程中，我们将介绍如何在Ubuntu服务器上安装和使用Hugo。这将允许我们配置静态站点，创建内容，并在同一服务器上发布或部署到生产位置。...然后，我们可以创建指向站点目录中主题的符号链接。如果我们有多个站点，这也将允许我们轻松共享主题目录。...我们可以通过输入以下内容在您的主目录中创建一个新站点 hugo new site ~/my-website 进入你的新Hugo网站并浏览： cd ~/my-website ls -F 您将看到用于构建Hugo.../themes 如您所见，我们当前目录中的themes目录实际上只是指向我们克隆到主目录的主题存储库的链接。.../" languageCode = "en-us" title = "My New Hugo Site" 如文件后缀所示，此文件使用TOML语言编写。
如windows使用二进制安装： 下载Hugo二进制文件 ,下载下来后，解压，将解压后的文件夹名称和文件夹里面的.exe文件都改为同一个名称，否则hugo无法运行。...但此时我们的新站点无法启动，需要安装主题。 2.2 安装主题 可以从官方主题库中 选择，里面有上百种主题。我使用的主题是LoveIt ,感觉风格简约，并且功能齐全。...3.2 本地和站点图片路径不一致 在 Typora 中编辑文章插入图片能够显示，而发布后网页中的图片不能正常显示（路径错误）。...或者使用站点根目录（/）引用图片可以正常加载显示，但是无法在 Typora 编辑器中显示图片。 有以下几种方法解决。...在博客文章的前置参数中加入typora-root-url，如： 1 2 3title: "typora test" draft: false typora-root-url: ../..
Hugo是一个用Go编写的静态站点生成器，它具有丰富的主题资源和较好的生成速度。...云开发静态网站托管支持通过云开发SDK调用服务端资源如：云函数、云存储、云数据库等，从而将静态网站扩展为全栈网站。...最后，直接在目录中运行： hugo server 在浏览器打开 http://localhost:1313/ 即可查看效果: image.png 当然，我们需要部署的是编译完成的静态页面文件： hugo...站点的默认主题样式的话，可以自行在github上找到开源的hugo主题，并放置到你的hugo项目中，例如： git clone https://github.com/olOwOlo/hugo-theme-even...themes/even 当然，这篇文章的重点不是教大家如何使用hogu，而且如何在云开发上部署静态的站点。
1、前言 之前，我写过一篇博客迁移之路，里面就有介绍我曾经使用Hexo、Hugo、Docsify等建立过个人站点。...服务 完成上面的步骤后，我们就可以使用命令hugo server启动服务器对个人站点进行预览了。...hugo server --debug 你会看到hugo输出了很多信息，如当前环境是开发环境，不会启用评论系统等。...但是这个关于页面中的二维码没有居中，如果我们想要使用一些html标签和scss样式，那么您需要下载hugo_extended打头的hugo版本。...3、最后 以上就是关于使用Hugo建站（博客）的简单用法，想信你能够使用Hugo打造出属于你的个人站点。更多功能等着你去探索。
Hugo在渲染页面时优先读取站点根目录下的同名字的目录和文件，所以可以利用这个特点来美化主题。...只需要把想修改的主题模板文件拷贝到根目录下同样的目录中并进行修改，这样就可以在不改动原本的主题文件的情况下实现主题美化。...首先在站点根目录下创建一个自定义的文件：\assets\css\_custom.scss，这样Hugo就会最终以该文件来渲染页面的样式。...这个还是比较方便个人站点使用的，于是在网上找到了类似的一个Hugo专用的搜索插件hugo-search-fuse-js。...安装搜索插件hugo-search-fuse-js到本地 hugo-search-fuse-js并不是一个单独的主题，而是Hugo主题的一个组件： 下载hugo-search-fuse-js到站点的主题目录
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
