blog Hugo Supported Personal Blog Setup

安装 Hugo 个人博客的步骤如下:

  1. 安装 Hugo: 通过 brew install hugo 安装 Hugo。
  2. 安装 Node.js 依赖: 使用 npm i 安装所需的 npm 包,接着使用 npm start 以服务器模式启动产品。
  3. 生成并安装证书: 使用 brew install mkcert 安装 mkcert,然后生成证书:
  4. mkcert localhost 127.0.0.1 ::1
  5. 安装证书:mkcert -install
  6. 构建并部署网站: 在构建完成后,使用 npm run build 来构建站点,并通过 npm run serve:prod 启动生产环境。

构建步骤(来自 package.json):

- 使用 sitemap-tree-generator.js 脚本构建侧边栏 HTML 片段。

- 使用 palette-generator 脚本插入应用程序颜色,并通过 bulma-css-vars 将 JS 中的颜色转换为 CSS。

- 使用 Webpack 创建站点脚本,并读取 webpack.config.js 进行配置。

zip 文件大小:17.42MB