本文主要是介绍零成本搞定静态博客——十分钟安装hugo与主题,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
文章目录
- hugo介绍
- hugo安装与使用
- 方式一:新建站点自建主题
- 方式二:新建站点使用系统推荐的主题
hugo介绍
通过 Hugo 你可以快速搭建你的静态网站,比如博客系统、文档介绍、公司主页、产品介绍等等。相对于其他静态网站生成器来说,Hugo 具备如下特点: 1. 极快的页面编译生成速度。( ~1 ms 每页面) 2. 完全跨平台支持,可以运行在 Mac OS X, Linux, Windows, 以及更多! 3. 安装方便 Installation 4. 本地调试 Usage 时通过 LiveReload自动即时刷新页面。 5. 完全的皮肤支持。
hugo安装与使用
本文使用Chocolatey安装hugo工具。
Chocolatey 是一款 Windows 软件管理自动化工具,它将安装程序、可执行文件、压缩文件和脚本打包成编译好的包。这个应用程序与 SCCM、Puppet、Chef 等集成,并得到了企业信任来管理软件部署。
# 搜索
choco search hugo
# 安装
choco install hugo-extended
# 卸载
choco uninstall hugo-extended
接下来有两种方式
方式一:新建站点自建主题
hugo new site mysite
cd mysite
看一下目录结构
mysite
├─archetypes
├─assets
├─content
├─data
├─i18n
├─layouts
├─static
└─themes
新建主题
# 新建主题,名称为mytheme
hugo new theme mytheme
# 设置主题,名称为mytheme
echo "theme = 'mytheme'" >> hugo.toml
# 启动服务
hugo server
方式二:新建站点使用系统推荐的主题
系统推荐的主题
hugo new site myblog
# 或者
hugo new site myblog --format "yaml"
输出
Congratulations! Your new Hugo site was created in D:\hugoweb\mysite001.Just a few more steps...1. Change the current directory to D:\hugoweb\mysite001.
2. Create or install a theme:- Create a new theme with the command "hugo new theme <THEMENAME>"- Or, install a theme from https://themes.gohugo.io/
3. Edit hugo.toml, setting the "theme" property to the theme name.
4. Create new content with the command "hugo new content <SECTIONNAME>\<FILENAME>.<FORMAT>".
5. Start the embedded web server with the command "hugo server --buildDrafts".
安装主题
cd myblog
# 会在当前目录下生成一个.git文件夹
git init
# 添加子模块
git submodule add https://github.com/adityatelange/hugo-PaperMod.git themes/PaperMod
echo "theme = 'PaperMod'" >> hugo.toml
hugo server
这篇关于零成本搞定静态博客——十分钟安装hugo与主题的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!