在Windows上搭建Flutter开发环境 如果访问Flutter受到限制，在环境变量中加入下面的变量 export PUB_HOSTED_URL=https://pub.flutter-io.cn export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn 安装Git命令行工具 Git for Windows 获取Flutter SDK 下载 https://docs.flutter.dev/development/tools/sdk/releases https://flutter.cn/docs/development/tools/sdk/releases 将安装包zip解压到你想安装Flutter SDK的路径，在Flutter安装目录的flutter文件下找到flutter_console.bat，双击运行并启动flutter控制台。 如果用cmd启动控制台，需要将flutter\bin对应路径添加到环境变量Path中。 Flutter有三个发布渠道，分别为stable、beta 和 master。 如果已经装好Flutter需要升级的话，使用如下命令。

网站做好后，需要发布到网络上，github和gitlab都提供了免费的Pages功能。 github的Pages功能： 项目必须是公开属性 必须上传hugo编译后的网站文件 gitlab的Pages功能： 项目可以是私有 可以上传hugo网站原始文件，gitlab提供了自动编译功能。 本网站选用gitlab的Pages。 https://gitlab.com/ 新建一个项目，项目名必须为【用户名.gitlab.io】。 将hugo文件提交到项目后，配置CI/CD自动构建脚本，如果新建项目时选的是hugo项目，该脚本会自动生成。 # All available Hugo versions are listed here: https://gitlab.com/pages/hugo/container_registry image: registry.

如果希望统计网站的访问量等数据，可以在网页中加入统计代码。 百度统计 https://tongji.baidu.com/web/homepage/index 在该网站注册并获取统计代码。 <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?***********"; var s = document.

在静态网页中添加评论功能，可使用第三方评论系统。 Valine评论系统 Valine是一款基于LeanCloud的快速、简洁且高效的无后端评论系统。 Valine详细可参见下面的网站。 https://valine.js.org/ https://github.com/xCss/Valine 注册LeanCloud账号后，登录管理界面，添加一个应用。 https://console.leancloud.app/apps 免费版提供256M容量。 在该应用的设置->应用凭证中可以找到AppID和AppKey等，用于配置文件中。 在hugo的配置文件中添加如下配置。 # Valine. # You can get your appid and appkey from https://leancloud.

图片网页制作 图片上传到资源库后，需要制作展示图片的网页。 只需要图片网址即可展示图片。在图片很多的情况下，可通过脚本来制作展示图片的网页。 #!/usr/bin/env python # -*- coding: utf-8 -*- # import os import sys import re import datetime import random import cloudinary from cloudinary.

图片存储 本网站主要展示图片，因此需要将图片存储到网络上。 对于个人网站，最好挑选一个免费的图片空间。 经过挑选，这里使用Cloudinary网站。 该网站提供25Credit免费使用量。如果访问量大，也可升级收费版本。 1 Credit = 1,000 Transformations OR 1 GB Storage OR 1 GB Image Bandwidth OR 2 GB Video Bandwidth 如需申请，请点击Cloudinary

安装主题 可从该网站选择合适的主题。 https://themes.gohugo.io/ 本网站使用下面的主题 https://themes.gohugo.io/themes/hugo-theme-timeline/ 将下载后的主题文件夹放到自己的网站目录的themes文件夹下面，主题文件中的exampleSite是主题提供的示例网站，可删除。 设置网站配置文件config.toml中的主题 theme = "timeline" themes文件夹下面可放置不同的主题，在配置中设置当前使用的主题即可。只有配置中设置的主题起作用。 此时所有的板块将使用该主题。由于hugo只能使用一个主题，如果在某一板块想使用别的主题layout，可以在layouts文件夹下定义该板块的layout模板文件。 如本网站blog模块，在layouts文件夹下新建blog文件夹，在blog文件夹中新建list.html列表文件模板和single.html内容模板。

安装go hugo依赖go环境，下载地址： http://docs.studygolang.com/doc/install 或 https://golang.google.cn/ 安装hugo 下载地址： https://github.com/gohugoio/hugo/releases 在网站可找到两个版本 hugo_0.96.0_Windows-64bit.zip和hugo_extended_0.96.0_Windows-64bit.zip 推荐使用extended版本，否则修改下载的主题有的会不起作用。 建站 生成hugo网站的基本文件。 hugo new site blog 生成的文件夹结构如下： blog ├── archetypes ├── config.