建站流程

Hexo建站流程

Posted by Mr.Albert on 2022-12-04
阅读时间 3 分钟
文章共 804
阅读量

什么是 Hexo?

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

BF999ADF-FF99-4EF6-BB9F-92ACF8412701

快速开始

为了方便起见,我发布了整个项目,因此您可以按照下面的说明进行操作,然后就可以轻松自定义您自己的博客!

让我们开始!!!

安装 Node.js 和 Git

1
2
3
#For Mac
brew install node
brew install git

Windows:下载 & 安装 Node.js。-> Node.js

Windows:下载 & 安装 Git。-> Git

安装 Hexo

1
$ npm install -g hexo-cli

什么是 Hexo?

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

设置你的博客

1
$ hexo init blog

更多的命令 -> Hexo Commands

主题使用

初始化

1
2
3
4
5
6
cd blog
rm -rf scaffolds source themes _config.landscape.yml _config.yml package.json yarn.lock #just keep node_modules
git clone https://github.com/V-Vincen/hexo-theme-livemylife.git
mv hexo-theme-livemylife/* ./
rm -rf hexo-theme-livemylife
npm install

设置主题

修改 theme 属性值,在 _config.yml 配置文件中。

1
2
3
4
# Extensions
## Themes: https://hexo.io/themes/
## Plugins: https://hexo.io/plugins/
theme: livemylife

启动服务

1
2
hexo generate # or hexo g
hexo server # or hexo s

启动本地服务器。 默认访问地址 http://localhost:4000/

部署上云

1.前提

  1. 已经搭建好 hexo 的相关环境,并将 hexo 部署到了 GitHub 上
  2. 已经购买好云服务器
  3. 已经购买并备案好域名 (可选项,没有也可以用 公网ip 地址访问 hexo)

2.安装宝塔面板

在这里插入图片描述

根据自己服务器的类型,复制对应的代码

在这里插入图片描述

进入腾讯云的控制台,选择自己的云服务器,点击登录,进入终端。

粘贴刚才复制的代码,回车,一路确认。

在浏览器中访问外网面板地址,使用宝塔提供的用户名和密码登录。

在这里插入图片描述

进入面板后,点击一键安装 LNMP。就能直接将 Nginx,MySQL 等网站所需内容一键安装好。

在这里插入图片描述

3.安装 并配置 Git 仓库

1
yum install -y nginx git

添加一个用户git

1
2
3
4
5
6
adduser git   #添加git用户
chmod 740 /etc/sudoers #改变sudoers文件的权限为文件所有者可写
vim /etc/sudoers
#在root ALL=(ALL) ALL 下方添加一行
git ALL=(ALL) ALL
chmod 400 /etc/sudoers #将其权限修改为文件所有者可读

给git用户添加ssh密钥

1
2
3
4
5
6
7
8
9
10
11
12
#在主机端打开powershell,cd到C:\Users\admin\.ssh生成密匙,如已有密匙可跳过这一步
ssh-keygen -t rsa -C "taitres.cc"
# -t 指定密钥类型,默认是 rsa ,可以省略
# -C 用于识别这个密钥的注释,可以输入任何内容
# -f 指定密钥文件存储文件名,默认id_rsa

#在服务器端
su git #切换到git用户
mkdir -p ~/.ssh
touch ~/.ssh/authorized_keys #创建authorized_keys文件
chmod 600 ~/.ssh/authorized_keys #为authorized_keys文件赋予文件所有者可读可写的权限
chmod 700 ~/.ssh #为.ssh文件夹赋予文件夹所有者可读可写可执行的权限

在www/wwwroot/目录下git clone项目

创建php站点

image-20221204215313929

将根目录指向git clone下来的项目

然后通过公网ip或者域名就可以访问了,效果如图:

image-20221204215506188


如果您喜欢此博客或发现它对您有用,则欢迎对此发表评论。 也欢迎您共享此博客,以便更多人可以参与。 如果博客中使用的图像侵犯了您的版权,请与作者联系以将其删除。 谢谢 !