随着亚马逊、虾皮、速卖通等平台电商进入红海，门槛越来越高、内卷越来越严重，跨境电商独立站成为了一种新的选择。最流行的独立站建站平台是 Shopify，但是 Shopify 的价格是 29 美元/月起，对于刚刚起步的小站来说，这个价格还是有点高的。本文将介绍如何使用 Hexo 和 GitHub 搭建一个免费的联盟营销独立站。

环境准备

1. NodeJS: https://nodejs.org/zh-cn/download
2. Git: https://git-scm.com/downloads
3. GitHub: https://github.com

Hexo 搭建

创建 Hexo 站点

请替换 hyonline 为你自己的

1
2
3
4
5

npm install hexo-cli -g
hexo init hyonline
cd blog
yarn install
yarn server

按照提示打开 http://localhost:4000，如果看到 Hexo 的默认页面，说明安装成功。

推送到 GitHub

1、创建 GitHub 仓库

2、推送到 GitHub

1
2
3
4
5
6

git init
git add .
git commit -m "First Commit"
git remote add origin https://github.com/hyonline-store/hyonline-store.github.io.git
git branch -M main
git push -u origin main

自动部署

1、设置 Workflow permissions 为 Read and write permissions

2、添加 .github/workflows 目录，创建 gh-pages.yml 文件，内容如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

name: github pages
on:
  push:
    branches:
      - main # default branch
jobs:
  deploy:
    runs-on: ubuntu-22.04
    steps:
      - uses: actions/checkout@v2
      - uses: c-hive/gha-yarn-cache@v2
      - run: yarn install
      - run: yarn build
      - name: Deploy
        uses: peaceiris/actions-gh-pages@v3
        with:
          github_token: ${{ secrets.GITHUB_TOKEN }}
          publish_dir: ./public

3、 部署成功后，设置 Pages

等待 GitHub Action 执行完成，就可以通过 https://hyonline-store.github.io 访问了。

域名解析

DNS 解析

1、添加 A 记录（Godaddy 为例）

2、添加 CNAME 记录（Godaddy 为例）

3、GitHub Pages 解析

4、Hexo CNAME 设置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

name: github pages
on:
  push:
    branches:
      - main # default branch
jobs:
  deploy:
    runs-on: ubuntu-22.04
    steps:
      - uses: actions/checkout@v2
      - uses: c-hive/gha-yarn-cache@v2
      - run: yarn install
      - run: yarn build
      - name: Deploy
        uses: peaceiris/actions-gh-pages@v3
        with:
          github_token: ${{ secrets.GITHUB_TOKEN }}
          publish_dir: ./public
+         cname: you.hyonline.store