hexo博客上传到云服务器

Git 安装与配置

https://git-scm.com/

下载并安装

安装完成打开在桌面 cmd 执行

git -v

显示版本号即安装成功

Git 配置环境

开始配置环境

咱们新建一个博客目录

git config --global user.name dawanka

git config --global user.email dawanka@dawanka.cn

查看配置信息

cat ~/.gitconfig

Git 首次安装必须设置一下用户签名,否则无法提交代码。

这里设置用户签名和登录 GitHub(或其他代码托管中心)的账号没有任何关系。

签名的作用是区分不同操作者身份。用户的签名信息在每一个版本的提交信息中能够看到,以此确认本次提交是谁进行的!

初始化本地仓库

git init

安装 Node

下载并安装 NodeJS(选择.msi 下载即可)

Node.js — Run JavaScript Everywhere

安装 Hexo

打开 Git 终端(桌面右键,选择 Git Bash Here);

如无特别说明,本文中的所有指令均在 Git 终端完成

打开 Hexo 官网,可以看到安装指令,输入安装指令

npm install hexo-cli -g

回车确定,等待安装完成。

输入 hexo -v 检查 Hexo 是否安装成功。

新建一个文件夹,作为 Hexo 仓库,然后打开 Git 终端,输入指令,初始化 Hexo 仓库:

hexo init

待命令执行完毕之后

预览默认主题

输入指令 :

hexo s

Themes | Hexo

下载主题

在 Hexo 官网选择自己喜欢的主题,进入主题仓库按照文档进行下载配置即可!

更换主题

在 Hexo 根目录下找到_config.yml,将 theme 修改为下载的主题名(默认主题为 landscape!

theme:landscape

直接打开_config.yml 搜索 theme 定位到需要更改的地方直接替换 landscape

theme:你下载的主题名

保存然后预览查看

配置 SSH 秘钥

配置 SSH 密钥,实现免密登录(在后面首次提交时需要验证一次服务器密码)

ssh-keygen -t rsa -C "上面配置的git邮箱地址"

连续敲回车确定,然后看到提示秘钥以保存在.ssh 路径下(如果没有出现提示就多敲几次回车)。

在提示的路径下找到 id_rsa 文件,复制文件内容,下面配置 Git 时会用到

到这里咱们本地部署就已经完成了

接下来咱们部署到京东云服务器上面

打开刚刚咱们购买的京东云服务器后台重置一下密码!

远程登录到咱们的终端

安装 FinalShell

https://dl.hostbuf.com/finalshell3/finalshell_windows_x64.exe

切换到 root 用户

sudo su root

安装 Git

yum install git

配置 Git

创建 git 账户,并修改权限

adduser git

chmod 740 /etc/sudoers

修改配置

安装一下 vim 编辑器

yum -y install vim*

然后修改配置

vim /etc/sudoers

点击键盘“i”建进入编辑模式,然后通过方向键编辑

找到 root ALL=(ALL) ALL 在其下方以相同格式添加 git ALL=(ALL) ALL

root    ALL=(ALL)       ALL
git     ALL=(ALL)       ALL

点击 Esc 后输入:wq,保存退出

改回权限

chmod 400 /etc/sudoers

设置 git 密码

sudo passwd git

密码输入过程中不会显示,输完后直接回车即可,输入两次(密码需要包含大写加小写字母加数字)

配置 SSH 秘钥(把本地配置的秘钥复制到服务器)

切换为 git 用户,配置 SSH

su git

mkdir ~/.ssh

vim ~/.ssh/authorized_keys

点击键盘“i”建进入编辑模式,然后通过方向键编辑

将本地生成的 id_rsa.pub 文件公钥复制进去(需要注意的是,如果之前配置过 SSH,建议将同路径下的 known_hosts 文件删除,否则可能会报错,报错解决方法看后记),

点击 Esc 后输入:wq 保存退出

赋予权限:

chmod 600 /home/git/.ssh/authorized_keys

chmod 700 /home/git/.ssh

本地使用 Git 测试是否配置成功,桌面右键“Git Bash Here”

ssh -v git@你的京东云服务器ip

服务器 ip 为你的服务器公网 ip

执行过程中出现选择,一律选择 yes

如果执行过程中不需要输入密码且无报错,即为配置成功

Git 仓库配置

使用 root 用户

sudo su root

为 hexo 博客创建一个目录,赋予所有权限并设置所有者为 git

mkdir /home/hexo

chown -R git:git /home/hexo

chmod -R 755 /home/hexo

创建 git 仓库

mkdir /home/repo

cd /home/repo

git init --bare hexo.git

创建 Git 钩子

vim /home/repo/hexo.git/hooks/post-receive

点击键盘“i”建进入编辑模式,然后通过方向键编辑,将以下代码复制进去

git --work-tree=/home/hexo --git-dir=/home/repo/hexo.git checkout -f

点击 Esc 后输入:wq 保存退出

修改权限

chown -R git:git /home/repo/hexo.git/hooks/post-receive

chmod +x /home/repo/hexo.git/hooks/post-receive

修改 git 仓库的所有者为 git:


chown -R git:git /home/repo

安装宝塔面板

yum install -y wget && wget -O install.sh https://download.bt.cn/install/install_6.0.sh && sh install.sh ed8484bec

安装过程中出现选择一律输入 y(yes)

安装完成后根据给出的地址(外网 ip)及账号密码,登录宝塔

如果忘记宝塔账号密码可以输入 bt 按提示更改密码

进入宝塔面板后,按照提示安装 Nginx

ps:

因为咱们是静态博客所以只安装 Nginx

添加站点

宝塔面板点击网站,选择添加站点,输入域名,根目录设为/home/hexo,php 版本选择纯静态,

接下来就是重头戏了,咱们输入命令让他上传到服务器!

在 Windows 端博客目录下安装部署插件:

plaintext

npm install hexo-deployer-git --save

然后,将本地仓库与远程仓库关联:

git remote add origin git@你的服务器IP:/home/repo/hexo.git

修改 Hexo 配置文件_config.yml 的推送地址:

_config.yml 打开拉到最下面

deploy:
  type: git
  repo: git@你的ip地址:/home/repo/hexo.git

修改完成保存

执行命令

hexo cl
hexo g
hexo d

打开咱们的服务器 ip 可以看到已经成功部署了!

### 如何在Hexo静态网站生成器中设置和上传个人头像 #### 准备工作 为了能够在Hexo博客中显示个人头像,需先准备好一张想要作为头像的图片。建议将该图片保存为常见的网络图像格式,如PNG或JPEG。 #### 修改主题配置文件 大多数Hexo主题支持自定义头像的功能。通常情况下,在所使用的主题目录下会有一个名为`_config.yml`的主题配置文件[^1]。打开此文件找到关于avatar(即头像)的相关设定项并按照下面的方式修改: ```yaml # 头像设置 author: avatar: /images/avatar.jpg ``` 上述路径中的`/images/avatar.jpg`表示相对于站点根目录下的`source/images/`文件夹内的`avatar.jpg`文件位置。因此,需要确保已将头像放置于相应的位置以便正确加载。 #### 图片上传方法一:本地存储方式 一种简单的方法是直接把头像放在项目的`sources/images/`文件夹里,再按上面提到的形式编辑链接地址即可实现展示效果。这种方式适合不打算频繁更换头像的情况。 #### 图片上传方法二:云服务托管 另一种更为灵活的选择则是借助第三方图床或者CDN服务来存放头像资源。比如可以使用GitHub仓库、又拍云等平台进行管理,并将返回给用户的URL填入到前面说过的配置项当中去。这样做的好处是可以减少自己服务器的压力同时也方便管理和维护[^4]。 完成以上操作之后记得运行`hexo clean && hexo g && hexo d`命令刷新缓存重新部署项目使更改生效。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值