在数字化转型的浪潮中,Linux 系统因其稳定性、安全性和开源特性,成为了许多开发者和企业的重要选择。ALMA Linux 是一个由社区驱动的企业级 Linux 发行版,它基于 CentOS Stream,为用户提供了稳定、可靠和易于使用的环境。本文将带您从零开始,一步步学习如何在 ALMA Linux 上搭建项目,并完成实战操作。

第一章:准备阶段

第一节:环境准备

在开始之前,确保您的计算机上已安装有 ALMA Linux。您可以从官方下载页面获取安装镜像,并按照官方教程进行安装。

# 下载 ALMA Linux 安装镜像
wget https://repo.almaLinux.org/ALMA/7/isos/x86_64/almaLinux-7.7-x86_64-minimal.iso

# 创建启动 USB
sudo dd if=almaLinux-7.7-x86_64-minimal.iso of=/dev/sdx bs=4M status=progress

第二节:安装基础工具

为了方便后续操作,我们需要安装一些基础工具,如 Git、Python、MySQL 等。

sudo dnf install -y git python3 mysql-community-server

第二章:实战项目一:搭建个人博客

第一节:环境搭建

首先,我们选择一个轻量级的博客框架——Hexo。Hexo 是一个快速、简洁且高效的博客框架,使用 Markdown 写作,可以生成静态网页。

# 安装 Node.js 和 npm
sudo dnf install -y nodejs npm

# 安装 Hexo
npm install -g hexo-cli

# 创建博客文件夹
mkdir my-blog
cd my-blog

# 初始化 Hexo
hexo init

# 安装依赖
npm install

第二节:本地预览

接下来,我们可以通过启动本地服务器来预览我们的博客。

hexo server

打开浏览器访问 http://localhost:4000,您将看到博客的初始页面。

第三节:撰写文章

在 source/_posts 文件夹下,创建一个新的 Markdown 文件,例如 first-post.md。编辑该文件,添加以下内容:

---
title: 我的第一个博客文章
date: 2023-04-01 16:01:10
categories: 
- 日常
tags: 
- Hexo
- 博客
---

这是我的第一个博客文章!

保存文件后,在终端中执行以下命令生成静态文件:

hexo generate

再次访问 http://localhost:4000,您将看到新添加的文章。

第四节:部署到 GitHub Pages

为了将博客部署到 GitHub Pages,您需要创建一个 GitHub 仓库,并将博客静态文件上传到该仓库。

# 创建 GitHub 仓库
gh repo create my-blog-repo

# 配置 Git 用户信息
git config --global user.name "Your Name"
git config --global user.email "your_email@example.com"

# 克隆仓库到本地
git clone https://github.com/your_username/my-blog-repo.git

# 将本地博客静态文件移动到克隆的仓库目录
cd my-blog-repo
cp -r ../public/* .

# 添加远程仓库
git remote add origin https://github.com/your_username/my-blog-repo.git

# 提交更改
git add .
git commit -m "Initial commit"

# 推送更改
git push -u origin master

经过以上步骤,您的博客已经成功部署到 GitHub Pages 上,可以通过 https://your_username.github.io/my-blog-repo/ 访问。

第三章:实战项目二:搭建个人网站

第一节:环境搭建

接下来,我们将使用另一个轻量级框架——Nuxt.js,来搭建一个个人网站。

# 安装 Nuxt.js
npx create-nuxt-app my-website

# 进入项目目录
cd my-website

# 启动开发服务器
npm run dev

打开浏览器访问 http://localhost:3000,您将看到 Nuxt.js 的初始页面。

第二节:开发网站

在 pages/index.vue 文件中,添加以下内容:

<template>
  <div>
    <h1>我的个人网站</h1>
    <p>这是一个基于 Nuxt.js 的个人网站。</p>
  </div>
</template>

<script>
export default {
  name: 'IndexPage',
}
</script>

保存文件后,在终端中执行以下命令,重新加载页面,您将看到更新的内容。

第三节:部署到 Vercel

为了将网站部署到 Vercel,您需要注册一个 Vercel 账号,并按照官方教程进行操作。

# 登录 Vercel CLI
vercel login

# 部署网站
vercel

经过以上步骤,您的个人网站已经成功部署到 Vercel 上,可以通过 https://your-project-id.vercel.app/ 访问。

第四章:总结

通过本文的学习,您已经掌握了在 ALMA Linux 上搭建个人博客和个人网站的基本技能。在后续的学习中,您可以进一步探索更多的 Linux 相关知识和应用场景,不断提升自己的技能水平。祝您学习愉快!