使用 hugo quickstart demo 模板搭建 blog

2018-12-22 11:55:13 +08:00
 shalk

写在前面

最近我在 ubuntu 上使用了 hugo 几个月,虽然网上已经有很多安装 hugo 的教程,但我制作了一个 docker 镜像,并且创建了一个模板项目 hugo-quickstart-demo,希望能有所帮助!

简介

hugo 是一个快速的静态站点生成器, 由 golang 编写而成。

如果你想试一下 hugo,可以按照下面的步骤操作。

如果你已经有一个 hugo 站点,你可以把 docker-run.shdocker-stop.sh 拷贝走。

单行

如果你已经安装了 docker,你可以执行以下命令:

curl -sSL https://git.io/hugodemo | sh -

之后访问  http://localhost:1313 进行预览,通过执行./docker-stop.sh 停止环境。

接下来,按照下面的步骤,创建你的仓库。

用法

  1. fork 仓库 hugo-quickstart-demo

  2. 下载你自己的仓库

    git clone --recursive https://github.com/<input-your-user-name>/hugo-quickstart-demo.git
    
  3. 进入目录

    cd hugo-quickstart-demo
    
  4. 启动站点

    • Docker 用户, 执行:
    ./docker-run.sh
    

    请访问 http://localhost:1313 预览你的 blog

    如果你想停止,执行:

    ./docker-stop.sh
    
    • Hugo 用户

    如果你没有 docker,但是已经安装了 hugo ,执行下面的命令:

    hugo server -b 0.0.0.0:1314 --verbose -D
    

我的最佳实践

  1. 安装 docker ( 推荐, 可选)
  2. fork 模板
  3. clone 你的仓库
  4. 运行docker-run.sh( 推荐, 可选) ,或者 运行 hugo server 命令
  5. 安装hugo , 创建一篇日志hugo new post content/posts/your-post-name.md
  6. 使用你最喜欢的编辑器完成日志编写, 与此同时,http://localhost:1313/ 会自动同步你的修改。
  7. 提交你的修改,git commit git push
  8. 部署你的博客 netlify(推荐) or github pages

END

1506 次点击
所在节点    分享创造
0 条回复

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/519968

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX