使用WebStack-Hugo和Cloudflare免费部署一个静态响应式导航网站

本地测试：

指导文档：https://weiyan.cc/tech/discussions-10/

在本地成功 hugo server 运行起来后

  1. 移动hugo.exe 到windows的可执行文件目录 C:\Windows\System32，并移除说明文档等不相关文件
  2. 添加.gitignore 文件，将忽略问价及目录写到该文件中 主要是public目录和.hugo相关的文件
  3. github新建一个仓库 https://github.com/walkingsky/hugo_webstack ，按照生成后的说明文件，在本地目录新建git仓库并push到github上

修改编辑：

  1. content/adout.md 文件：站点的about说明

  2. config.yml 修改网站url，标题，copyright；如果按照文档，主题目录使用了“Webstack-Hugo”大写首字母，则theme配置也要改成对应的大写，否则，在cloudflare上部署时会报错，提示找不到主题

  3. themes/Webstack-Hugo/layouts/_default/single.html 和 themes/Webstack-Hugo/layouts/index.html 修改掉原来的百度统计脚本

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    <script>
        var _hmt = _hmt || [];

        (function() {

        var hm = document.createElement("script");

        hm.src = "https://hm.baidu.com/hm.js?86cead3bcab6a1417189e6138d69262";

        var s = document.getElementsByTagName("script")[0];

        s.parentNode.insertBefore(hm, s);

        })();
    </script>

  4. 替换themes/Webstack-Hugo/static/assets/images/ 目录底下的网站图标和logo

部署到cloudflare上：

新建page，导入现有git存储库，从github导入，框架预设选择hugo，其他默认，直接部署就行