Back

Alpine on Render

Install Debian on Milk-V Duo 256M

I have always wanted to host a personal blog with a clean and beautiful design. The easiest way to achieve this is by using open-source templates. For my website, I chose Alpine Theme, a minimalist blog theme powered by Nuxt.

After publishing the website's source code on GitHub, I use Render to automatically compile and deploy the site regularly. In this guide, I'll walk you through the process of setting up and deploying your own blog using Alpine Theme.

Step 1: Install Alpine Theme

Run the following command to create a new Nuxt project using Alpine Theme:

npx nuxi@latest init -t themes/alpine

Step 2: Publish the Repository to GitHub

After setting up your Nuxt project, push your code to a GitHub repository.

Step 3: Deploy the Blog on Render

  1. Register for an account on Render.
  2. Click "New Static Site" and provide a name for your site.
  3. Link the site to your GitHub repository.

Step 4: Configure Build Settings

In the Build Command field, enter:

pnpm add @nuxt/ui-templates; pnpm install; pnpm generate

In the Publish Directory field, enter:

.output/public

Step 5: Enable Auto-Deploy

Select "Yes" for Auto-Deploy, and Render will automatically compile and deploy your website. After about a minute, your site should be live and accessible.

Optional: Add Google Site Verification

To verify your site with Google Search Console:

  1. Go to Google Search Console.
  2. Select "URL Prefix" and enter your website URL.
  3. Copy the generated HTML meta tag.
  4. Modify the build command to insert the verification tag into your site's <head> section:
sed -i '/<\/head>/i <meta name="google-site-verification" content="**********************************" />' .output/public/index.html
Back to top