- This is my personal microblog.
- Built with Hexo - A fast, simple & powerful static site generator
- Hosted on
- GitHub Pages: https://thiennguyen93.github.io or https://thiennguyen.dev
- Cloudflare Pages: https://thien.pages.dev
- Adding .env with the following environment variables:
- GH_TOKEN: Github personal access token (scope: repo)
- GH_PRIVATE_THEME_REPOSITORY: the name of theme repository
- Clone the source;
- Run command "npm run myinstall" to install packages;
- Run command "npm run build-gh-page" to generate Github Page;
- Done
- Personal access token is required.
- Go to repository Settings → Secrets and Variables → Actions, add two secrets
- GH_PRIVATE_THEME_REPOSITORY: Custom theme private repository
- GH_TOKEN: Personnal access token to give access to the private theme repository
- Site settings > Build & deploy > Build settings;
- Build command: npm install --global yarn && yarn build
- Publish directory: public
- Site settings > Build & deploy > Environment;
- Set the environment variables same as .env file;
Run this command
npm run dev
Please update the .env
GH_PRIVATE_THEME_REPOSITORY=<theme_repo>#<branch>
GH_TOKEN=<Token to get the theme repos>
Because the two different source folders shares the same assets folder. Need to copy assets
folder to each source folder when running blog (auto-copy).
If class is added to an img element. If the image is in the user's view, an additional class in-view
is added automatically to the img element.
If class is added to an img element. It will be ignored in the gallery of the post.
This package helps the low quality version of each images stored in the root/assets/img
directory. The LQIP is saved under path source[_<<{language_code}>>]/assets/img/lqip/<<file_name>>.webp
- Restcountries.com
---
title: Âm thanh của hạnh phúc
date: 2024/01/28
categories:
- Journal
language: en
toc: false
cover: /assets/img/2024-01-28-am-thanh-hanh-phuc-cover.webp
fetchpriority: "high" --> Reduce LCP
cover_lqip: /assets/img/lqip/2024-01-28-am-thanh-hanh-phuc-cover.webp
thumbnail: /assets/img/2024-01-28-am-thanh-hanh-phuc-thumbnail.jpg
useStyles: ['/assets/styles/img-tilt-effect.css','/assets/styles/bulma-timeline.css']