Clean White Theme for Hugo CleanWhite is a clean, elegant, but fully functional blog theme for Hugo. upstream projects have done awesome jobs to create a blog theme, what I’m doing here is porting it to Hugo $ cp -r hugo-theme-cleanwhite/exampleSite/** ../ $ cd .. $ hugo serve If your site is already a git themes/hugo-theme-cleanwhite Run Hugo Build-in Server Locally $ hugo serve -t hugo-theme-cleanwhite Generate index file: $ hugo Create a new file in the root of your Hugo project called .env, and add the
将ZIP文件移动到您的C:\Hugo\bin文件夹中。 双击ZIP文件并提取其内容。确保将内容提取到同一C:\Hugo\bin文件夹中-Windows会默认执行此操作,除非您告诉它要提取其他位置。 现在,您应该有了三个新文件:hugo可执行文件(hugo.exe)LICENSE,和README.md。 现在,您需要将Hugo添加到Windows PATH设置中: 安装 $ brew install hugo 验证安装 $ hugo version $ hugo help 新建网站: $ hugo new site quickstart 添加内容 $ content//. $ hugo new posts/my-first-post.md Hugo命令 命令hugo将您的站点渲染到public/dir 中,并准备将其部署到Web服务器: 启动Hugo服务器 $ hugo server -D http://localhost:1313 安装主题 config.toml baseURL = "https:
博客更换计划 自从打算把博客换到hugo到现在已经过去两个星期了,今天才开始往服务器上面部署,之所以没有直接部署还是有很多原因限制,时间是一个方面。还有就是平台更改后的样式和功能也有所变化。 但是这个通过全局替换也可以解决,不至于在写一个脚本来单独完成,如果图片过多可以考虑 问题的解决思路及步骤 剩下的就是关于自动部署了,产生了好几中想法 将源码放到github,直接用钩子监测推送,在服务器端使用hugo 生成静态资源,但github访问速度较慢 将源码放到github,再自动推送到coding,服务器监测coding推送,然后拉取,使用hugo生成静态资源 在2的基础上使用travis直接生成静态资源, 需要在脚本中下载hugo,go get太慢,可以考虑wget`下载二进制包调用命令 1,2配置比较繁琐,但手动可靠性及稳定性都要高一些,3就比较省心,但要写脚本 试了第三种后,go get太慢,改为wget hugo的包后加入环境变量进行调用hugo命令 需要考虑加入的功能 评论,以及代替 全局搜索 图片改图床,因该平台后图片路径很可能不一致,所以使用图床比较省心,后面计划使用七牛的图床可以做一个脚本,推送前将图片上传到七牛并替换原链接
homebrew/bin/brew shellenv)"' >> /Users/zhuyaguang/.zprofile eval "$(/opt/homebrew/bin/brew shellenv)" hugo new posts/hugo-command.md hugo server -D hugo --destination .
hexo-hugo平台的转移完成! /releases/download/v0.72.0/hugo_0.72.0_Linux-64bit.tar.gz - tar -xzvf hugo_0.72.0_Linux-64bit.tar.gz - chmod +x hugo - export PATH=$PATH:$PWD - hugo version script: - hugo after_script: - cd /hugo-blog echo "设置目录组合拥有者" sudo chown -R www:www . /hugo-blog echo "设置目录权限" sudo chmod -R 755 .
需要文件 1.安装git 2.符合你系统的hugo二进制执行文件(deepin系统可直接下载linux系统的deb格式的安装包,直接可安装免配置) 下载链接:点我直达 3.hugo任意主题包 官网主题链接 2.安装hugo 第一种方法(推荐) 点开你下载的安装包,名称类似于hugo_0.65.1_Linux-64bit.deb,直接点击安装,安装完毕即可。 本站备用下载链接(themes里是主题,数字的是hugo的版本,推荐最新版本):点我直达 第二种方法 当你采用第二种方案时,你下载的名称类似于hugo_0.65.1_Linux-64bit.tar.gz b.此时进入博客文件夹内,因为hugo没有内置主题,所以你需要去下载一个,例如我选择的notepadium主题,解压并放进themes文件夹内(可能解压的文件夹是hugo-notepadium-x.x.x 等,把他重命名为主题的名字notepadium(删去hugo-和-x.x.x),这样方便hugo的生成和我们操作) 如你下载过慢或无法下载,可以使用本站备份的notepadium主题。
不过单单就Hexo和Hugo的框架设计来说,我觉得是Hexo远胜于Hugo的。因为Hexo有更完整的插件机制,主题机制。它的插件机制可以让你替换里面的核心组件,增加更多的渲染引擎、模板引擎等等。 相比之下Hugo就差多了。压根没有插件机制,干啥都得主题自己做。读配置也写得比较死,很不方便。比如Hexo可以给主题加配置,然后有主题配置和站点配置,但是Hugo就没法读取主题配置。 另外Hugo的模板引擎只能用Go语言的HTML template。哇这货难用的屎一样。语法就像是要你自己写逆波兰式。自己写树形结构。不过就像Hugo自己说的,它这个静态网站生成系统非常地快。 比如Hugo很难支持把<!– toc –>转为目录,只能固定地给所有文章开头加目录。 但是Hugo就得自己集成了,还好反正不困难。然后我的Blog就支持公式了。并且我把以前一些文章的内容改成了公式。好看多了。
2.1 创建两个仓库 这里需要创建两个仓库,一个是 Github Pages仓库,也就是usename.github.io;另一个是Hugo文章仓库,来存放Hugo文章。 将会得到以下这两个文件: 1 2 id_rsa_hugo_deploy.pub (public key) id_rsa_hugo_deploy (private key) 2.2.2 填写密钥 2.3 本地准备 这一步主要是本地和仓库进行同步,假设Hugo 文章的 Repository 名字是 myBlog,将myBlog仓库克隆到本地,开始初始化 Hugo 系统,如果本地已经有Hugo 系统 # 安装 Hugo uses: peaceiris/actions-hugo@v2 with: hugo-version: 'latest' # 使用 Hugo最新版 extended: true - name: Build # 编译 run: hugo --minify - name: Deploy
2.符合你系统的hugo二进制执行文件 下载链接:点我直达 3.hugo任意主题包 官网主题链接:点我直达 本地安装步骤 1.安装好Git(无脑安装,一直点next就OK) 2.下载hugo符合你系统的二进制包 本站备用下载链接(themes里是主题,数字的是hugo的版本,推荐最新版本):点我直达 3.解压并重名文件夹为hugo,放到你想放的地方(例如我的E:\hugo) 4.要安排全局变量了(如不全局变量无法通过 git的命令行,你只能通过cmd进入hugo文件夹后才能执行hugo的命令,所以推荐设置为全局变量)步骤如下: 5.回到hugo文件夹这里,右键选择Git Bash here ,分别输入git config 8.此时进入博客文件夹内,因为hugo没有内置主题,所以你需要去下载一个,例如我选择的notepadium主题,解压并放进themes文件夹内(可能解压的文件夹是hugo-notepadium-x.x.x 等,把他重命名为主题的名字notepadium(删去hugo-和-x.x.x),这样方便hugo的生成和我们操作) 如你下载过慢或无法下载,可以使用本站备份的notepadium主题。
hugo Hugo是一个用 Go语言 编写的静态网站生成器,可以快速地生成高效、安全和易于管理的静态网站。 同时,Hugo还支持多种语言和主流平台,满足不同用户的需求。 官网 安装快速指引 环境部署 下载 hugo_0.111.3_Linux-64bit.tar.gz 解压之后将可执行程序 hugo 放到 /usr/local/bin 下面 wget https:/ /github.com/gohugoio/hugo/releases/download/v0.111.3/hugo_0.111.3_Linux-64bit.tar.gz tar xvf hugo_0.111.3 _Linux-64bit.tar.gz cp hugo /usr/local/bin hugo version 创建自己的 xxx.github.io 在 github 处创建仓库,命名为自己 github
官方地址: https://cusdis.com/ 他通常是用于静态博客的一个第三方评论系统,但是官方文档没有提供如何在 hugo 中使用的参数,我也是报错了多次才琢磨出来。 1. 这个时候如果你 hugo server 基本都会报错,因为没有修改 {{ PAGE_ID }} 等内容,这不是 hugo 官方提供的参数,按照我下面的格式,将 id, url, title 重写一下即可 ="{{ .Title }}" >
这里先给出 Hugo 的中英文官方文档,方便大家遇到问题时查阅: Hugo 中文文档 Hugo 英文文档 接下来就来看看,如何利用 Hugo 来搭建一个博客。 搭建过程 安装 Hugo 既然要使用 Hugo,那么首先需要对它进行安装。如果要通过二进制安装包的方式进行安装,那么首先需要到这里去进行选择适合自己平台的安装包,然后下载它。 那这个时候就可以通过查看 Hugo 版本号的方式,来却 Hugo 是否安装成功。 hugo version 如果安装成功了,那么执行命令后就会像我们上面那样,提示你所安装的 Hugo 的版本。 通过以下命令,我们就能够完成 Hugo 项目的初始化了! hugo new site [项目名称] hugo new site JavaPark 项目初始化后,得到的目录如下。 hugo server -D 总结 以上就是如何利用 Hugo 搭建一个博客了,主要从 Hugo 安装、初始化项目、主题设置、预览等几个方面介绍了 Hugo 的使用,剩下的就是写作了。
使用环境 系统:Debian GNU/Linux 11 x86_64 宝塔:7.9.0 GIt 安装hugo apt-get install hugo 检查是否安装成功 hugo version 输出下图内容 ,即安装成功 创建站点 hugo new site Hugo_blog ! 先进入```Hugo_blog```文件夹,我是放在了```/www/wwwroot/Hugo_blog```这个路径下 ! 我把hugo生成的静态挪到测试站点,复制过去后访问域名马上就能看到情况,显示下图情况,便完成了hugo博客搭建 坑 1、主题的文件路径是这样的Hugo_blog\themes\ananke, hugo是首先在Hugo_blog进行hugo编译,然后生成一个public文件夹。然后在Hugo_blog\public 目录下进行 git commit的,很容易出错。
但是,Hugo 提供了许多内置变量,可方便地访问模板中的全局值. .Site.AllPages : 获取所有页面 – 数组 .Site.Author: 获取配置中定义的 作者名 .Site.BaseUrl
记录一下从 Typecho 迁移到 Hugo 的过程。 主要是折腾的 URL,也就是 slug 和导入评论到 Disqus 的过程。 脚本地址: https://github.com/eallion/typecho-to-hugo 注意: 这并不是一个 Typecho 插件! root','password','typecho'); 将 convert.php 上传到网站目录下 通过浏览器访问 htttps://www.example.com/convert.php 即可导出 Hugo 所有文章会在网站根目录,批量复制到 Hugo 即可。 二、Hugo 配置 Hugo 根目录的 config.toml 需要修改一下链接形式。
检查Hugo配置: PS E:\> hugo version hugo v0.101.0-466fa43c16709b4483689930a4f9ac8add5c9f66 windows/amd64 : PS E:\demo> hugo new site hugo-demo Congratulations! Your new Hugo site is created in E:\demo\hugo-demo. " created PS E:\demo\hugo-demo> 然后我们打开my-first-post.md,向其中输入以下内容: # halo Hugo it's my first hugo post hugo 就是这么简单,直接hugo,然后将public下的内容拿去部署即可。 3、最后 以上就是关于使用Hugo建站(博客)的简单用法,想信你能够使用Hugo打造出属于你的个人站点。
Html 的方法写博客,然后部署到 GitHub 上的,但是随着许多静态博客生成器的出现,可以让我们更多的专注于写文章本身而减少对工具的依赖,后面也尝试过 Hexo 这个工具,非常好用,但是在了解了 Hugo ox-hugo 的介绍,决定使用 ox-hugo 来将文章从 .org 格式转换成 .md 格式。 对于相关的配置可以阅读 ox-hugo 本身的介绍文档 https://ox-hugo.scripter.co/ 。当然也可以通过这篇文章了解如何进行配置。 Return `org-capture' template string for new Hugo post." templates 了,而且在执行 org-export-dispatch 时就可以看到 hugo 导出配置了。
迁移前后对比 旧的Hexo博客 newblog02.png 新的Hugo博客 zd001.png 首先,不可否认的是,外观上的变化是很大的。 比如说一个好好的插件,可能哪天就突然不兼容了,要么就是天天炸依赖,每次build的时间,也是越来越长,一度到达一分钟(虽然跟博客的东西太多离不开 当我把所有的内容全部迁移到Hugo之后,每次构建的时间不到一秒钟
下载hugo winget下载hugo指令 提示同意协议条款,选择Y,回车 开始下载Hugo安装包了,接下来是拼网速的时候了。 安装完成! 2. 使用Hugo创建站点 很开心的想要开始创建hugo站点,但是... 提示hugo指令不能用 感觉是环境变量配置问题。 首先我得知道winget把hugo下载在哪里了。 1. C盘下搜索下hugo安装包 这个图是我解压后重新搜索的,不然一开始只有zip包 3. 解压zip运行下hugo.exe 解压zip后获取hugo.exe地址 4. 重启shell,测试hugo指令 很开心,hugo指令可以用了 2.x 重新回到hugo建立站点 hugo new site 指定路径 my-hugo文件夹下新增了这些文件夹和文件 创建站点后的命令窗口 此处官网说是在config.yml新增主题,但我在站点目录下只看到hugo.toml。因为hugo支持多种配置格式文件,所以我尝试直接在已有的hugo.toml添加主题字段。
Hugo Hugo 是由 Go 语言实现的一个 Static Site Generator 工具,特点就是快,而且默认是支持 Org mode 这种文本的。 在长时间的使用之后,发现 Hugo 对 Org mode 的支持也比较一般,对于一些比较好用的特性,功能都不支持,最好的方案还是从 Org 转成 Markdown ,所以在最终使用 ox-hugo 工具配合 Hugo 使用,然后通过 capture 功能直接生成对应的博客文章,方便快捷。