张金龙的博客分享 http://blog.sciencenet.cn/u/zjlcas 物种适应性、分布与进化

博文

用HUGO生成静态网站

已有 7371 次阅读 2017-6-25 22:48 |个人分类:软件介绍|系统分类:科研笔记|关键词:学者

HUGO是一个静态网站生成软件,用GO语言写成。主要用于将Markdown文档转换成静态网页。静态网页一般只包括html, Javascript以及CSS等。由于完全不需要在服务器上运行数据库以及服务器端的脚本语言,所以静态网页便于维护,安全性也更高些。

HUGO适于生成个人博客,个人网站等小型网站。有多重风格的主题可以选择。类似的静态网站生成器还有 Jekyll, Hexo, Gitbook, Pelican等。

HUGO需要使用命令行,所以Windows用户在使用时,需要为软件添加系统路径,以便在cmd中直接可以调用。

HUGO下载: https://gohugo.io/

苹果电脑下的安装: brew update && brew install hugo

查看帮助: hugo help

查看版本: hugo version

生成新网站模板,例如要建立一个名为 bookshelf的网站 hugo new site bookshelf

添加新的markdown文件 hugo new post/good-to-great.md

查看content里面的内容 tree -a content

启动hugo的服务器, hugo的本地版服务器便于网页的浏览和调试。同时生成网页的速度极快,且保存后都可以直接刷新,不必再重新开启服务器。 hugo server

打开网络浏览器,如FireFox, Chrome等,输入以下网址 http://localhost:1313/

HUGO网站生成的模板并不提供主题。但是要成功生成网页,就必须要指定模板。查看模板的网页为: https://themes.gohugo.io/

要使用网站模板,需要先建立一个名为theme的文件夹,并将工作目录转移到该文件夹下。以便在生成网站时,按照一定的主题生成网站。

mkdir themes && cd themes

用git下载不同网页风格主题 git clone git@github.com:dim0627/hugo_theme_robust.git

按照指定主题生成整个网站,生成的网站在public文件夹下。 hugo --theme=hugo_theme_robust

使用disqus留言板 (https://disqus.com/),需要在config.toml中设定。更改参数为:

[Params]
 Author = "XXXXX"
 disqusShortname = "xxxxx"

参考

http://nanshu.wang/post/2015-01-31/

https://gohugo.io/overview/quickstart/

Markdown语法: https://daringfireball.net/projects/markdown/syntax




https://m.sciencenet.cn/blog-255662-1062913.html

上一篇:基于DataTables Javascript库建立本地版物种信息快速查询网页
下一篇:ImageMagick批量调整多个文件夹下照片的尺寸

0

该博文允许注册用户评论 请点击登录 评论 (0 个评论)

数据加载中...
扫一扫,分享此博文

Archiver|手机版|科学网 ( 京ICP备07017567号-12 )

GMT+8, 2024-4-18 11:19

Powered by ScienceNet.cn

Copyright © 2007- 中国科学报社

返回顶部