hugo，静态页面编辑神器，外行人的福音（一文详解）
首语
之前做那个程序监控的程序，苦于不会前端，最后只能用模板生套，十分费劲，后来在看开源项目的时候注意到hugo，感觉自己还可以拯救一下。
HUGO简介
hugo是一个通用网站框架，从技术上来说，Hugo是一个静态站点生成器。也就是说，不像WordPress，Ghost和Drupal之类的系统，会奢侈地为每一次访问都生成一次新页面，在你创造出内容时Hugo就已经把页面建好了。由于站点被访问的次数远远大于被编辑的次数，Hugo优化了网站访问的同时，提供了优异的写作体验。
使用Hugo建站极其快速且非常安全。Hugo站点可以部署在任何地方，包括Heroku、GoDaddy、DreamHost、GitHub Pages、Google Cloud Storage、Amazon S3和CloudFront，也能在CDN群上工作的很好。Hugo站点的运行不依赖昂贵的运行环境，如Ruby、Python或者PHP，也不依赖任何数据库。
我们想让Hugo作为网站的创建工具。近乎秒建的速度，能够随时重新生成被修改的地方，Hugo为此提供了一个非常快的反馈环路。此反馈环路当你设计网站时非常简便，而当创建内容时也非常实用。
安装
官网：https://gohugo.io/
Git地址：https://github.com/gohugoio/hugo
发行版快速链接：https://github.com/gohugoio/hugo/releases
我下载的windows版的，解压，配置环境变量，或者放到配置过环境变量的文件夹中，golang大法好，光秃秃的执行文件真香。
在任意cmd中执行，表示安装成功
hugo version
Hugo Static Site Generator v0.62.0-6608F155 windows/amd64 BuildDate: 2019-12-23T10:26:18Z
基本用法
任意目录下执行这个命令
//hugo new site [name] 新建一个名字为博客的站点
hugo new site blog
会在当前目录下生成这个blog目录，结构后如下图
content 目录是放置内容的目录，通常是网页显示的东西，为markdown文件，
staitc 目录放静态文件，
themes 放主题模块
同时在命令行中还会出现如下提示
1. Download a theme into the same-named folder.Choose a theme from https://themes.gohugo.io/ orcreate your own with the "hugo new theme <THEMENAME>" command.
2. Perhaps you want to add some content. You can add single fileswith "hugo new <SECTIONNAME>\<FILENAME>.<FORMAT>".
3. Start the built-in live server via "hugo server".
意思是
- 下载或者新建一个主题
- 添加一些内容
- 运行这个服务
首先可以去hugo的官网下载一些主题，网址：https://themes.gohugo.io/
选择一个主题下载，主题页也一般会说明使用方法，注意事项。
将下载好的主题解压，放到前面截图的themes目录中
拷贝themes/xxx你下载的主题xxxx/exampleSite目录下的内容到blog目录
命令行cd blog 在blog目录下执行命令，启动服务
hugo server
Error: module "introduction" not found; either add it as a Hugo Module or store it in "D:\\hugo\\project\\test\\blog\\themes".: module does not exist
这里报错，错误是说theme目录下的hugo-theme-introduction-4.0文件夹名字错误，将其改为introduction，然后在命令行中重新输入hugo server
PS D:\hugo\project\test\blog> hugo server
Building sites … WARN 2020/01/01 16:07:12 Page.RSSLink is deprecated and will be removed in a future release. Use the Output Format's link, e.g. something like:{{ with .OutputFormats.Get "RSS" }}{{ .RelPermalink }}{{ end }}| ES | DE | EN
+------------------+----+----+----+Pages | 28 | 28 | 28Paginator pages | 0 | 0 | 0Non-page files | 7 | 7 | 7Static files | 49 | 49 | 49Processed images | 16 | 18 | 18Aliases | 1 | 0 | 0Sitemaps | 2 | 1 | 1Cleaned | 0 | 0 | 0Built in 54 ms
Watching for changes in D:\hugo\project\test\blog\{archetypes,content,data,layouts,static,themes}
Watching for config changes in D:\hugo\project\test\blog\config.toml
Environment: "development"
Serving pages from memory
Running in Fast Render Mode. For full rebuilds on change: hugo server --disableFastRender
Web Server is available at //localhost:1313/ (bind address 127.0.0.1)
站点启动成功。
在浏览器中输入 127.0.0.1:1313 就可以访问到站点
Markdown简单用法
我这里使用vscode ，下载markdownlint插件
经常写博客应该对markdown语法非常熟悉，具体的联系方法就是
注册一个csdn账号，点写博客，点markdown编辑器，点帮助，
然后勤加练了就可以了，我这里就不细讲了。
未完待续。。。
hugo，静态页面编辑神器，外行人的福音（一文详解）相关推荐
- ASP.NET页面与IIS底层交互和工作原理详解（一）
第一回: 引言 我查阅过不少Asp.Net的书籍,发现大多数作者都是站在一个比较高的层次上讲解Asp.Net.他们耐心.细致地告诉你如何一步步拖放控件.设置控件属性.编写CodeBehind代码,以实 ...
- java构造块_java中的静态代码块、构造代码块、构造方法详解
运行下面这段代码,观察其结果: package com.test; public class HelloB extends HelloA { public HelloB() { } { System. ...
- ASP.NET页面与IIS底层交互和工作原理详解 （二）
第三回: 引言 Http 请求处理流程 和 Http Handler 介绍 这两篇文章里,我们首先了解了Http请求在服务器端的处理流程,随后我们知道Http请求最终会由实现了IHttpHandler ...
- Nginx 反向代理、负载均衡、页面缓存、URL重写及读写分离详解【转载】
本文只为备份,以防失效.原文请看https://blog.51cto.com/freeloda/1288553 补充说明:部分图片为测试图片,未完全复制,参考文字描述即可. Nginx 反向代理.负载 ...
- Nginx 反向代理、负载均衡、页面缓存、URL重写及读写分离详解(1)
大纲 一.前言 二.环境准备 三.安装与配置Nginx 四.Nginx之反向代理 五.Nginx之负载均衡 六.Nginx之页面缓存 七.Nginx之URL重写 八.Nginx之读写分离 注,操作系统 ...
- Nginx 反向代理、负载均衡、页面缓存、URL重写及读写分离详解
标签:读写分离 页面缓存 URL重写 Nginx 反向代理 原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 .作者信息和本声明.否则将追究法律责任.http://freeloda.bl ...
- Nginx反向代理、负载均衡、页面缓存、URL重写及读写分离详解
大纲 一.前言 二.环境准备 三.安装与配置Nginx 四.Nginx之反向代理 五.Nginx之负载均衡 六.Nginx之页面缓存 七.Nginx之URL重写 八.Nginx之读写分离 注,操作系统 ...
- android频道编辑实现_短说频道功能详解—构建你社区的小门户
短说社区论坛系统是想天软件推出的一款集社区论坛.电商商城.知识付费三大版块为一体的整合运营系统 同步支持H5.公众号.安卓.IOS.PC.多渠道小程序(微信.头条.百度.支付宝.QQ) SAAS版本. ...
- PyQt（Python+Qt）入门：Designer组件属性编辑界面中QWidget类相关属性详解
本文适用人员:本文比较长,适合不理解Qt Designer部件属性的人员阅读或资料查找. 声明: 1.如果有人认为本文是简单的复制粘贴+翻译而成,敬请读本文最后的后记: 2.本文为老猿Python学习 ...
最新文章
- Django模型之数据库操作-查询
- Linux非阻塞IO（二）网络编程中非阻塞IO与IO复用模型结合
- audio标签下方有空隙的原因与解决方法
- html5家谱资源网,免费家谱系统（ASP,Access,CSS,html5）
- [Linux] 020 RPM 包的命名原则与其依赖性
- 使用Guava的AbstractInvocationHandler正确完成代理
- eclipse中 将java项目转换为web项目
- Sharding-Proxy安装_以及_sharding-proxy自动分表配置_Sharding-Sphere，Sharding-JDBC分布式_分库分表工作笔记019
- 微服务乱码_本地正常服务器乱码
- PCL之体素网格滤波器--VoxelGrid
- app一键签名工具 --- Android Sign Kit v1.0免费版
- php 中文地址伪静态,.htaccess实现含中文的url伪静态跳转
- 泛零售数据中台建设之灵魂问答 | 奇点云CEO行在直播回顾
- 你一个包含n个整数nums，判断nums中是否存在三个元素a,b,c,使得a+b+c=0？
- Windows 服务监控工具
- linux 命令大全_11个炫酷的Linux终端命令大全
- Tomcat6中web项目部署路径webapps和wtpwebapps的区别
- python编写一个接口，链接mysql数据库查询数据
- linux中的快捷键大全
- Django笔记七之ManyToMany和OneToOne介绍