记树莓派上Hexo的搭建

前言

首先感谢你能来访问我的 Blog,这是我搭建的第一个博客网站,使用的是 Github Pages + Hexo 的形式搭建。从小白一路走了过来也挺不容易的 hhh,我奋战一天一夜,从一开始的Aurora失败最后转投Hexo,可谓经历良多。现在把它记录下来,将来也许会是一种怀念。

准备工作

安装nodejs及npm

1. 寻找nodejs链接

进入Node.js官网

点击OtherDownloads进入下载页面我们可以看到在Linux Binaries (ARM)下有着armv8即aarch64的包。

树莓派上wget下载即可。

2.解压二进制包

在树莓派终端输入如下命令解压:

1
2
xz -d ~.tar.xz
tar -xavf ~.tar

先将系统内原本存在的/usr/bin.node删除,在终端输入:

1
2
sudo rm -rf /usr/bin/node
#如果不存在,忽略此步骤

解压后,将二进制包移动到/usr/local/node下,在终端输入:

1
sudo mv ./~ /usr/local/node

4.建立软连接

然后为nodenpm建立软连接,在终端输入:

1
2
3
sudo ln -s /usr/local/node/bin/node /usr/bin/node
sudo ln -s /usr/local/node/bin/npm /usr/bin/npm
#这类似于Windows中的快捷方式

我们通过查看nodenpm版本的方式来查看是否成功,在终端输入:

1
node -v && npm -v

可以看到对应的版本号说明安装成功,如下图(不同支持版或版本号不同):

GitHub创建个人仓库

登录到GitHub,如果没有GitHub帐号,使用你的邮箱注册GitHub帐号:Build software better, together 点击GitHub中的New repository创建新仓库,仓库名应该为:用户名.github.io这个用户名使用你的GitHub帐号名称代替,这是固定写法,比如我的仓库名为:

获取GitHub的taken

这一部尤为关键!后面要用。

1.登录github,点击设置

2.在左侧菜单点击开发者设置

3.生成新的令牌

4.点击创建完成创建

切记,务必复制一下这个token,并且保存在某个文件里,否则之后只能编辑权限,找不到token值了,只能重新创建。同时注意保护这个taken,这个taken的权利极其大!小心不要让它泄露了。

部署Git

在树莓派终端输入以安装Git:

1
sudo apt-get install git

配置Git信息

1
2
git config --global user.name "你的GitHub用户名"
git config --global user.email "你的GitHub注册邮箱"

然后查看是否已经全局修改用户名:

1
git config --list

配置完成后如下图:

Hexo的安装

新建一个文件夹并在此安装Hexo

1
2
3
mkdir blog
cd blog
sudo npm install hexo-cli -g

查看是否安装成功

1
sudo hexo -v

正式起航

Hexo 初始化配置

第一个命令,为hexo建立软连接

第二个命令,初始化Hexo

第三个命令表示安装 hexo 部署到 git page 的 deployer,否则后面执行hexo d‘时会出错。

1
2
3
sudo ln -s /home/lib/node_modules/hexo-cli/bin/hexo /usr/bin/hexo
sudo hexo init
sudo npm install hexo-deployer-git --save

本地查看效果

执行以下命令

1
2
sudo hexo g
sudo hexo s

执行完即可浏览器进入 http://localhost:4000/ 查看效果

显示如下说明操作成功:

确认完后回到ssh按Ctrl+C退出。

将博客部署到Github Pages 上

到目前为止,我们的本地博客就成功搭建了,但是现在我们只能通过本地连接查看博客,我们要做的是让其他人也能够访问我们的博客,这就需要我们将博客部署到 Github Pages 上。

我们需要配置博客根目录下的_config.yml文件,在终端输入:

1
sudo vim _config.yml

进入_config.yml后到文件末端,如下图 将此处修改为

1
2
3
4
5
6
7
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: https://github.com/你的账户名/你的账户名.github.io.git
branch: master
#注意这里的冒号后要加空格

类似这样:

在 blog 文件夹下分别执行以下命令

1
sudo hexo clean && sudo hexo g && sudo hexo d

期间要输入用户名和密码(taken),用户名输入你的GitHub用户名即可,但是密码不是你的GitHub密码,而是taken!至于taken,一步步按上文走的你应该有了。

至此,你的博客已经上传至GitHub了!

访问博客

你的博客地址:https://你的用户名.github.io, 比如我的是:https://misakajialin.github.io ,现在每个人都可以通过此链接访问你的博客了!(感动)

后言

至于接下来内容,就期待我的第二篇博客吧!

  • 版权声明: 本博客所有文章除特别声明外,著作权归作者所有。转载请注明出处!
  • Copyrights © 2023-2024 misakait
  • 访问人数: | 浏览次数:

请我喝杯咖啡吧~

支付宝
微信