首页 > 社交 > 科普中国

静态网站生成工具

常驻编辑 科普中国 2022-05-22 静态   网站   源码   命令   版本   页面   功能   方式   文件   工具   主题

前段时间使用docker搭建了一个wiki的网站,用于记录日常学习中的笔记,用了一段时间,功能很强大,但是编辑器不太熟悉,网站使用java开发的,功能很全面,插件多的时候就感觉越来越臃肿。曾经有段时间就不想使用它了,最近偶然发现一个静态网站的生成工具hugo,可以将markdown直接生成网站,部署到站点上作为自己的知识库或者博客,hugo是使用go语言开发的,使用起来非常方便,生成的网站可直接部署在Nginx、IIS等中间件上面供其他人访问,hugo还有很多漂亮的主题,大家可以选择自己喜欢的进行使用,下面介绍下 我安装使用hugo的经历和方法。8Lj拜客生活常识网

安装

1)使用brew install命令安装8Lj拜客生活常识网

我的电脑是mac的,所以最方便的是直接用brew install hugo命令安装最为方便:8Lj拜客生活常识网

执行安装完成后执行hugo version 命令查看版本,确保安装成功8Lj拜客生活常识网

8Lj拜客生活常识网

2)官网下载二进制包:解压后将二进制文件加入环境变量的方式安装。大家可以根据自己的操作系统,下载适合的安装包。8Lj拜客生活常识网

8Lj拜客生活常识网

3)也可以下载源码 编译 运行,由于我本地的go版本是1.17的,而hugo的最新代码的最低要求是1.18,暂时还不想升级,所以源码编译的方式这里就不过多介绍,感兴趣的可以下载源码编译试试。8Lj拜客生活常识网

创建网站

进入要创建网站的目录,执行一下命令8Lj拜客生活常识网

hugo new site test-blog

8Lj拜客生活常识网

这样名称为test-blog的网站就建好了 ,8Lj拜客生活常识网

下载一个主题 可以在 官网上找到各种各样的主题8Lj拜客生活常识网

cd test-blog
git init
git submodule add https://github.com/halogenica/beautifulhugo.git themes/beautifulhugo

8Lj拜客生活常识网

将主体添加至配置文件8Lj拜客生活常识网

echo 'theme = "beautifulhugo"' >> config.toml

8Lj拜客生活常识网

添加页面

hugo new posts/index.md

8Lj拜客生活常识网

打开content/posts目录下的index.md 文件进行编辑,页面的配置项说明参见官网8Lj拜客生活常识网

8Lj拜客生活常识网

构建网站

执行下面命令8Lj拜客生活常识网

hugo server -D

8Lj拜客生活常识网

成功以后就可以访问http://localhost:1313/就可以访问网站了。8Lj拜客生活常识网

部署网站

执行命令hugo -D 即可生成一个public的文件夹,其下面的内容即为静态网站的所有文件8Lj拜客生活常识网

8Lj拜客生活常识网

这里使用nginx的docker镜像 进行部署,执行以下命令:8Lj拜客生活常识网

docker run --name nginx_mingqi_blog --privileged 
-p 80:80 -d 
-v /users/limingqi/nginx/log:/var/log/nginx 
-v /Users/limingqi/dockers/nginx/conf/default.conf:/etc/nginx/conf.d/default.conf 
-v /Users/limingqi/dockers/nginx/conf/nginx.conf:/etc/nginx/nginx.conf 
-v /Users/limingqi/ui/test-blog/public:/usr/share/nginx/html/ nginx:1.18.0

执行成功后就能通过http:localhost访问到静态网站了。8Lj拜客生活常识网

这个工具还有很多需要研究的地方,这里只是将简单的使用方法记录了一下,以后怎样使用才能使网站更加的方便,快捷、美观,还要花时间研究。有兴趣的小伙伴可以私信我一块研究。8Lj拜客生活常识网

相关阅读:

  • 如何设置静态ip(如何查看静态ip地址)
  • 如何制作gif图片(怎么把静态图片做成动态图)
  • 数据打脸!防守不好天赋不行?灰熊赛前迷之自信变赛后一脸
  • 内蒙古满洲里市全域解除静态管理
  • “动态清零”是否意味全域静态管理?权威回应来了
  • wordpress判断是否启用伪静态或固定链接类型
  • 华为鸿蒙OS系统+电子外后视镜智能化SUV北京魔方静态体
  • 全局变量和局部变量在内存中的区别
  • 切特
  • 解除静态管理 安徽泗县有序恢复生产生活秩序
    • 网站地图 |
    • 声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。文章内容仅供参考,不做权威认证,如若验证其真实性,请咨询相关权威专业人士。