Workflow

[kurtbruns]

This isn't ready to merge, but I'm opening up this pull request to start testing Vercel.

• Github Pages environment is currently broken because the baseURL is no longer set to https://3b1b.github.io/3Blue1Brown.com/ in config.

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/3b1b/3blue1brown-website/5PbFftCocPd1PjvaSNqkG8ALKEBn
✅ Preview: https://3blue1brown-website-git-workflow-3b1b.vercel.app

[kurtbruns]

The current branch variable needs to be made available for creating Git LFS URLs in the staging environment. @3b1b Assuming Vercel works like the environment that runs the github action, try updating Vercel's build command to something like this:

env HUGO_PARAMS_BRANCH=`git rev-parse --abbrev-ref HEAD` hugo --environment staging

There may be another way to get the current branch name in Vercel, but as long as git is available on the command line, this should work fine. Keep any other flags we currently pass to the build command. Once this is done, the current branch can be accessed like this for generating URLs in the staging environment.

.Site.Branch

Edit: If the above doesn't work, this preview variable might do the trick.

[kurtbruns]

The figure-test shortcode demonstrates environment aware URLs. See the content/lessons/2021/git-lfs-test/ for an example.

http://localhost:1313/lessons/git-lfs-test/

[vincerubinetti]

Do you want to delete the test figure component, and put the real one into effect in this PR. I believe a clean way to do it would be to make layouts/partials/asset-url.html:

{{- $path := . -}}
{{- if $resource := .Page.Resources.GetMatch $path -}}
  {{- if (eq site.Params.environment "production") -}}
    {{- printf "%s%s" site.Params.Bucket $resource.RelPermalink ) -}} 
  {{- else if (eq site.Params.environment "staging") -}}
    {{- printf "https://github.com/3b1b/3Blue1Brown.com/raw/%s/content/%s/%s" site.Params.branch .Page.File.Dir $path -}}
  {{- else -}}
    {{- resource.RelPermalink -}}
  {{- end -}}
{{- else -}}
  {{- errorf (printf "%s: Unable to find resource given the path:\"%s\"" .Position $path) -}}
{{- end -}}

Then in layouts/shortcodes/figure.html, change partial rel-url mentions to partial asset-url

[netlify]

✔️ Deploy Preview for 3blue1brown ready!

🔨 Explore the source changes: 72d1727

🔍 Inspect the deploy log: https://app.netlify.com/sites/3blue1brown/deploys/60b0269f597dbc57799fdcd5

😎 Browse the preview: https://deploy-preview-47--3blue1brown.netlify.app