使用Hugo创建站点 很开心的想要开始创建hugo站点,但是... 提示hugo指令不能用 感觉是环境变量配置问题。 首先我得知道winget把hugo下载在哪里了。 1....设置环境变量 找到“我的电脑“-”高级系统设置“-”环境变量“-”系统变量“中的path,向其中添加hugo可执行软件(.exe)的路径。 设置环境变量 5....PaperMod主题 进入PaperMode主题的github地址,按照安装说明进行主题下载,下载方式有很多中,此处采用git clone方式(要提前安装git工具)。...localhost:1313:是一个本机地址localhost(也可以用127.0.01) 加上 端口号1313。...参考文章: Windows下使用 hugo + github pages 创建自己的个人博客 Hugo - 安装、设置及使用:这篇很想详细,也解疑了我一些疑惑。
创建博客网站 现在我们就可以使用hugo搭建一个属于自己的博客网站了。...本地访问测试 现在,我们在终端中执行下方代码启动本地网站进行测试: hugo server 可以看到成功启动,在浏览器中输入 http://localhost:1313/ 即可访问这个本地站点: 可以看到网站标题为...这样我们就成功使用HUGO在Windows本地快速部署了一个静态博客网站。 5....安装内网穿透工具 目前我们在本机成功部署了一个博客网站,但如果没有公网IP的话,只能在本地局域网环境使用,有一定局限性。...配置固定公网地址 我们接下来为其配置固定的HTTP端口地址,该地址不会变化,方便分享给别人长期查看你的本地服务,而无需每天重复修改服务器地址。
使用方法# 建议下面的步骤在 Chrome 浏览器中完成,实测 Safari 浏览器可能无法打开工作空间。...第二步:编译安装 Hugo# 此时工作空间和代码都准备完毕,但想要运行,还需要安装一下 hugo 工具。...# .vscode/preview.yml autoOpen: true # 打开工作空间时是否自动开启所有应用的预览 apps: - port: 1313 # 应用的端口 run: hugo...使用该命令,开启后所有页面均可正常打开。 要注意的是,其中的 --baseURL 每个工作空间都不同,但是同一工作空间配置端口后是不会改变的,因此配置一次就不用管了。...记得将这个地址拷入刚刚所说的配置文件中的 --baseURL 部分,只有这样,您 hugo 博客中的每个页面才会依此地址生成,您可以正常预览后面的自页面。
当红炸子鸡traefik,配合nginx,完成hugo博客的高效部署,如何做到? 今天通过使用traefik加上nginx这两种技术,部署了我现在使用的这个博客。...这篇文章主要分为三部分,第一部分讲hugo博客部署的一些注意的点。第二种方式就是使用k8s或者docker-swarm模式部署应该是如果出错应该怎样高效定位问题。...所以,即使你直接运行hugo的服务性能也是不低的,和所有能够独立提供的服务架构一样,如nodejs、SpringCloud,虽然你觉得它简单,容易上手,但实际上它已经帮你做了不限于服务发现、不限于发布订阅...服务通常运行1313端口,如果你不指定它会在访问的时候形如*:1313,这不太美观,hugo应该帮你做了类似于vue中devServer中proxy同含义的事情 disableLiveReload,就是字面意思了...成本永远都存在,成本付出都有价值,或多或少而已,但看你是愿还是非愿。
为了简化 Hugo 安装流程,这里直接使用 Hugo 可执行安装文件。...5-10 分钟:为博客设置主题 Hugo 中你可以自己构建博客的主题或者使用网上已经有的一些主题。这里选择 Kiera 主题,因为它简洁漂亮。...server -D 然后在浏览器中输入 http://localhost:1313。...可用通过在终端中输入 Crtl+C 来停止服务器运行。现在你的博客还是空的,但这也给你留了写作的空间。它看起来如下所示: image.png 你已经成功的给博客设置了主题!...image.png 20-30 分钟:调整网站 前面的工作很完美,但还有一些问题需要解决。例如,简单地命名你的站点: 终端中按下 Ctrl+C 以停止服务器。
将下载好的Windows版本hugo应用程序压缩包解压到这个bin文件夹 2.2 配置环境变量 然后在Windows搜索栏中搜索环境变量,点击环境变量 选择系统变量中的Path,点击新建: 将 C:\hugo...创建博客网站 现在我们就可以使用hugo搭建一个属于自己的博客网站了。...本地访问测试 现在,我们在终端中执行下方代码启动本地网站进行测试: hugo server 可以看到成功启动,在浏览器中输入 http://localhost:1313/ 即可访问这个本地站点: 可以看到网站标题为...安装内网穿透工具 目前我们在本机成功部署了一个博客网站,但如果没有公网IP的话,只能在本地局域网环境使用,有一定局限性。...配置固定公网地址 我们接下来为其配置固定的HTTP端口地址,该地址不会变化,方便分享给别人长期查看你的本地服务,而无需每天重复修改服务器地址。
(有些人直接就让在 GitHub 阅读,虽然可以,但体验还是不太好,而且看起来没有那么高大上,是不是?)...: unknown 02 使用 Hugo 在你本机某个目录执行如下命令,创建一个网站,我使用 polarisxu 这个名字。..."hermit"' >> config.toml 测试下是否成功,运行: $ hugo serve 打开浏览器访问:http://localhost:1313/,看到如下内容: ?...查看文章详情:http://localhost:1313/posts/my-first-post/。 ? 如果文章完成,可以执行 hugo 命令,生成静态页面。...比如虽然 https://polarisxu.studygolang.com/ 和这里的例子使用了同一个模板,但样子却有不少不同,你可以查看 https://github.com/polaris1119
借助Go语言我们 可以用同步的方式写出高并发的服务端软件,同时,Go语言也是云原生第一语言,Docker,Kubernetes等等著名的项目都是使用Go语言实现的。 ...装完以后,在命令行内输入 hugo version 打印出版本号即表示hugo安装成功 在命令行中输入命令 hugo new site hugo_blog 就生成了一个名字为hugo_blog...title: "第一篇文章" --- ### 你好啊 123123123 ``` print('hello world') ``` 然后在命令行中输入 hugo server 来热启动项目...可以看到已经在1313端口起了一个hugo服务 访问一下 至此,非常快速而简单博客已经做好了,那么如何部署到线上呢?...修改nginx配置文件 vim /etc/nginx/conf.d/default.conf 监听80端口,并且项目目录指定/root/public server { listen
多语言支持:Hugo 支持多语言网站的生成,方便管理和发布多语言内容。 内容管理:Hugo 通过使用 Markdown 文件管理内容,使得内容创建和维护变得简单直观。...2 Hugo安装教程 教程采用二进制程序的方式来安装Hugo,基于Centos 使用wget下载最新的hugo包。...For full rebuilds on change: hugo server --disableFastRender Web Server is available at //XXXXX:1313/...(bind address 0.0.0.0) Press Ctrl+C to stop 我们去对应的端口访问即可。...这里要多说一句hugo的文章格式是支持TOML 和YAML格式的,关于这2个格式的书写方法,可以参考hugo中教程:https://www.gohugo.org/doc/content/front-matter
Hugo中的内容使用易于使用的标记语言编写。页面元数据在每个页面的特殊部分中提供,称为“前端内容”,使用与主配置文件相同的配置语法。...您选择的主题也可能使用自己的前端变量。在Hugo主题库中查看主题的README,以获取有关主题的详细信息。...-baseUrl=http://your_domain_or_IP/ -D -F 现在,如果您在Web浏览器中访问服务器的域名或IP地址并将:1313端口规范附加到最后,您将看到您呈现的站点: http...如果您希望使用Hugo像传统Web服务器一样在端口80上提供内容,则必须在命令行中添加--port选项。...您还必须在命令前加上sudo,因为1024以下的端口仅限普通用户使用: rm -r public sudo hugo server --bind=0.0.0.0 --baseUrl=http://your_domain_or_IP
这里推荐用hugo或hexo。 然后把静态网页文件托管到github仓库。这里推荐使用git和gitlab工具。 把远程的静态网页文件进行渲染,形成让大家可根据网址直接阅览的网页。...可以在浏览器上输入 http://localhost:1313/ 进行浏览。...:1313/ (bind address 127.0.0.1) Press Ctrl+C to stop 如果出现下面的错误: hugo new posts/my-first-post.md Error...md可以使用相对位置进行引用。 其实如果不是为了同时保存md文件在有道云笔记的话,这种方式是最方便的,而且免费。...2、更新博客的流程 日后更新博客时就只需要在本地的hugo\content\post文件夹中编辑新的md文件,然后.
使用Hugo搭建静态站点 hugo下载地址:https://github.com/gohugoio/hugo 模板列表:https://github.com/gohugoio/hugoThemes 开始搭建...服务监听IP地址; -p, --port=1313 服务监听端口; -w, --watch[=true] 监听站点目录,发现文件变更自动编译; -D, --buildDrafts...lv.abc.red --bind="0.0.0.0" --port=80 -t hyde 使用hyde主题,如果使用-t 选择了主题会将当前默认的主题覆盖; --buildDrafts...--baseURL=http://www.datals.com 站点监听域名 --bind=0.0.0.0 监听全部网段 --port=80 服务监听端口 -w...修改为https,现在github都是https的链接 3.设定对应的绑定端口,http设定port=80,https设定port=443 github相关问题 1.创建github目录文件 在github
", 作为先后使用过 hexo 和 hugo 的我来说,这确实名副其实。...gohugo 安装 hugo 提供了很多种安装方式,Git, Docker, Binary. 个人电脑使用二进制安装是最方便快捷的,无需安装其他依赖。...生成站点 使用 Hugo 快速生成站点,比如希望生成到 /path/to/site 路径: 1 hugo new site /path/to/site 站点目录结构: ▸ archetypes/...new path/fileName 添加主题 添加主题的方式选用 Git 子模组的形式,为了日后快速升级,避免在使用 hexo 中因大量魔改 next 主题而导致难以升级的困扰。...: 1 hugo serve --disableFastRender 去查看 http://localhost:1313 hugo build 使用以下命令生成静态文件,然后自己可手动选择部署到 github
适合个人博客、小型网站使用。 本博客已稳定使用 Umami 两年多。现在正值 Umami 大升级到 2.0 版本。...推荐使用 Docker 安装。...如果端口被占用,把ports中冒号前的3000改为其他的。...一些静态博客 Hexo、Hugo 的主题已经支持 Umami 了,只需要在主题的 config 中配置即可。...比如在本地用 hugo server 测试 Hugo 博客时就不会统计 127.0.0.1:1313 的访问了。 3. 优化三:如何集成到 API 有人问到如何把 Umami 集成到 API 里。
我的这个网站托管在GitHub pages(https://charlie-king.github.io)和vercel(https://kingpo.vercel.app)上,虽然服务器都在国外,但完全免费...建站工具 框架:hugo 版本:hugo extended 0.101.0 主题:FixIt 托管:GitHub和vercel 目前配置实现的功能 使用到的主题是FixIt(https://github.com...现业务数据与模板分离 │ ├─layouts #存放自定义的模板文件,hugo优先使用此目录下模板,未发现再去themes同目录下查找 ├─public #编译生成的静态文件存放目录 ├─static...hugo server 在浏览器里,输入:localhost:1313 就可以访问了。 不过这时候网站还是空的,hugo初始生成的网站默认不带样式,我们需要选个主题安装。...config.toml中。
Cobra用于许多Go项目,如Kubernetes、Hugo和Github CLI等。此列表包含了使用Cobra的更广泛的项目列表。...最好的应用程序在使用时读起来就像句子,结果,用户直观地知道如何与之交互。 遵循的模式是 APPNAME VERB NOUN --ADJECTIVE....在以下示例中,“服务器”是命令,“端口”是标志: hugo server --port=1313 在此命令中,我们告诉Git克隆url的内容。...git clone URL --bare 安装 使用眼镜蛇很容易。首先,使用go get来安装该库的最新版本。...▾ cmd/ add.go your.go commands.go here.go main.go 在Cobra应用程序中,
但此时我们的新站点无法启动,需要安装主题。 2.2 安装主题 可以从官方主题库中 选择,里面有上百种主题。我使用的主题是LoveIt ,感觉风格简约,并且功能齐全。...用于是否显示草稿文章 * --watch 用于实时监控变化,方便调试 访问:http://localhost:1313/ ?...或者使用站点根目录(/)引用图片可以正常加载显示,但是无法在 Typora 编辑器中显示图片。 有以下几种方法解决。...个人不是很喜欢,因此使用了下面这种方法。 更改Typora 设置 具体步骤: 设置Typora ,将插入文档中图片默认保存在hugo的“static\images\文章名称”文件夹下 ?...1 hugo new about.md 2.在config.toml中增加配置。
这些开源项目对自己的影响和启发还是很大的,之前就有想过如何去回馈开源社区,也开贡献过自己的一些项目,参与过一些开源项目,但都还是仅限国内的项目。...Hugo运行环境 Hugo (基于Go语言)是当下主流的静态站点生成引擎之一,Istio 的官方站点便是基于此引擎构建的,因此您也需要熟悉下对它的基本使用。...首先在 Hugo 官方仓库的发布中,找到并下载与您电脑系统对应平台的版本 Hugo Downloads ,然后把下载文件解压到适合的位置,并为之配置系统环境变量,最后终端工具上使用 hugo version...--bind="127.0.0.1" 服务监听IP地址; # -p, --port=1313 服务监听端口; # -w, --watch[=true] 监听站点目录,发现文件变更自动编译...一般情况之下,是建议每翻译一篇文章都独立创建个分支开展,但如果调整内容比较少的话,可以考虑归并到一起,减轻Reviewer的工作量。
pseudoyu 使用的是 hugo-theme-den 主题,并基于此主题做了一些个性的定制。...后续如果我的主题有更新,你都可以直接使用如下命令来更新 git submodule update --remote hugo-theme-den主题会提供了实例配置与初始页面,开始使用主题时可以将其...将拷贝过来的文件,加入到自己的仓库中 git add -A git commit -m "use hugo-theme-den" # 3....-ignoreCache 然后访问 http://localhost:1313 # 4....正常的网站都是在后端检索再返回给前端,但 hugo 生成的是静态的 HTML 文件,想要在这样的网站上支持搜索,就得提前将网站的文章进行分析,生成静态的索引文件。
本文使用「署名 4.0 国际 (CC BY 4.0)」许可协议,欢迎转载、或重新修改使用,但需要注明来源。...批量生成招聘需求图片 招聘需求类的图片重在内容排版,特别适合使用 Markdown 书写,配合 Hugo / Hexo 之类的静态网站生成工具生成简洁漂亮的页面,然后再通过截图等方式得到我们要的结果。...:1313/ (bind address 127.0.0.1) Press Ctrl+C to stop 使用浏览器打开 localhost:1313,便能看到排版还算过得去的页面了。... 结构中的 $TITLE, $NAME 就是我们想动态替换的内容,如果我们直接使用浏览器打开模版,会看到下面的结果。 ?...最后 如果你阅读过我的其他文章,会发现我一直在尝试使用简短代码和简单方案去解决我们日常中遇到的许多看似复杂的需求。
领取专属 10元无门槛券
手把手带您无忧上云