前言:

此教程主要记录Hexo博客搭建过程及遇到的相关问题,方便以后自行查看。为什么要在手机上搭建博客呢?手机作为人们每时每刻都离不开的工具,在手机上搭建自己的个人博客一是可以用来装逼二是可以随时随地的发布自己的博文,岂不是美滋滋?(๑•؎ •๑)那么问题来了,该怎么在手机上搭建博客呢?这就不得不提到 Termux这个强大的高级模拟终端了,它的存在可以让你的手机瞬间变成一台小型主机服务器。(́ಢ.౪ಢ‵)此时此刻真想说一声:Termux赛高!!!关于Termux更多美妙的用法请自行度娘研究。

在这里呢作为小白萌新的我给出一些建议,关于源代码编辑器:电脑端推荐Vscode,手机端推荐jota+。为什么推荐专业的编辑器呢?那是因为在博客搭建完成之后,还需要找一款自己喜欢的主题进行源代码修改。在修改源代码的过程中你就会体会到专业的源代码编辑器是多么的美好,瞬间想起了我之前像SB一样用手机Vim去修改源代码,说多了都是痛苦,哭唧唧(*꒦ິ⌓꒦ີ)。Vim大佬可以忽略我的吐槽!尽量使用电脑去修改源代码,如果不方便用电脑可以用上边推荐的jota+。另外还可以通过Xshell,Xftp连接到Temux终端进行远程管理修改文件。关于博客搭建的方法多种多样,可根据实际的配置环境去度娘寻找适合自己的部署方案。那么接下来我们就乘坐着哆啦A梦的时光机开始进入愉快的搭建之旅吧!

一.博客平台对比

Hexo博客平台: Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。一般选择结合github使用,无需支付服务器成本。

Typecho博客平台: Typecho是由type和echo两个词合成的,来自于开发团队的头脑风暴。Typecho基于PHP5开发,支持多种数据库,是一款内核强健﹑扩展方便﹑体验友好﹑运行流畅的轻量级开源博客程序。选用Typecho,搭建独一无二个人网络日志发布平台,享受创作的快乐。

WordPress博客平台:WordPress是一款个人博客系统,并逐步演化成一款内容管理系统软件,它是使用PHP语言和MySQL数据库开发的。用户可以在支持 PHP 和 MySQL数据库的服务器上使用自己的博客。

二.博客部署流程

1.安装配置Termux

① 下载地址:https://pan.baidu.com/s/1yaeFOAJHusuIQL9654whdg 提取码:e2i6

② 首次启动Termux会从官网远程服务器加载数据,极大概率会出现以下问题:

问题原因从服务器获取数据失败,网络问题。

🎉解决办法需要挂梯子去谷歌商店或者从F-Droid开源仓库里重新下载安装Termux。

③ 打开termux终端,输入以下命令更换默认源为清华大学源加快软件包的下载速度。

sed -i 's@^\(deb.*stable main\)$@#\1\ndeb https://mirrors.tuna.tsinghua.edu.cn/termux/termux-packages-24 stable main@' $PREFIX/etc/apt/sources.list
sed -i 's@^\(deb.*games stable\)$@#\1\ndeb https://mirrors.tuna.tsinghua.edu.cn/termux/game-packages-24 games stable@' $PREFIX/etc/apt/sources.list.d/game.list
sed -i 's@^\(deb.*science stable\)$@#\1\ndeb https://mirrors.tuna.tsinghua.edu.cn/termux/science-packages-24 science stable@' $PREFIX/etc/apt/sources.list.d/science.list
apt update && apt upgrade

④ 安装常用基础工具

pkg install vim curl wget git tree openssh -y

2.安装配置Hexo

① 由于Hexo基于Nodejs环境运行,所以必须安装Nodejs

pkg install nodejs-lts  安装稳定版本       
node -v 查看node版本
npm -v  查看npm版本

② 安装初始化Hexo

npm install hexo-cli -g   使用npm安装Hexo 
hexo -v    查看版本        
mkdir Hexo 新建文件夹
cd Hexo    进入Hexo文件夹 
hexo init  将hexo初始化到Hexo目录下

PS:安装完成后你会看到有WARN,不用担心,不影响使用。

③ 生成静态文件并启动Hexo,如果端口被占用我们还可以修改Hexo端口。

hexo g     生成静态网页存放于public目录下
hexo s     启动hexo默认端口4000
vi ~/hexo/node_modules/hexo-server/index.js       修改默认端口(可选)
hexo.config.server = Object.assign({ port: 8081,  这里我将默认端口改为了8081

PS:这里我修改过默认端口所以访问http://localhost:8081, 如果能够正常访问,则说明 Hexo本地博客已经搭建起来了,将Hexo关联到Github就可以在外网访问您的博客了。

3.将Hexo部署到GitHubPages

① 需要一个Github账号,自行注册。注册地址:GIthub官网 https://github.com

② 新建一个 repository。如果你希望你的站点能通过 <你的 GitHub 用户名>.github.io 域名访问,你的 repository 应该直接命名为 <你的 GitHub 用户名>.github.io。如下图所示:

安装hexo-deployer-git插件

npm install hexo-deployer-git --save

配置一键 Deployment功能,repo改为你的仓库地址。Backup功能,需新建仓库分支Backup作为博客备份仓库地址。

vi ~/hexo/_config.yml   这是站点配置文件
# Deployment
## Docs:https://hexo.io/docs/deployment.html
    deploy:
      type: git
      repo: [email protected]:liufg520/liufg520.github.io.git  
      branch: master
# backup
backup:
  type: git
  message: Backup My Blog of Github and Coding
  repository:
    github: [email protected]:liufg520/liufg520.github.io.git,Backup

创建ssh key,密码为空

ssh-keygen -t rsa -C "邮箱地址"

注意:输入以上命令直接回车3下密码为空,邮箱地址是注册登录github使用的邮箱地址,改成你自己的邮箱即可。

将生成的公钥添加到GitHub

cat .ssh/id_rsa.pub  查看复制生成的公钥文件内容

测试ssh key是否添加成功

ssh -T [email protected]

配置个人信息告诉github你是谁来进行权限处理

git config --global user.email "[email protected]"
git config --global user.name "liufg520"

测试Hexo是否将网页推送到GithubPages

hexo clean  清除旧public目录文件
hexo g      生成新public目录文件
hexo d      部署推送到github

PS:如果返回以下信息表示部署推送成功,使用浏览器访问https://liufg520.github.io 就可以访问到我的博客了!如下图所示:

⑩ Github绑定自定义域名

⑴ 免费申请个人域名 申请域名地址: http://www.freenom.com/zh/index.html

⑵ 在域名配置管理添加CNAME类型

⑶ 在仓库设置—GitHub Pages绑定个人域名

至此,我们的搭建之旅到此结束了。此时您可以使用您的个人域名来访问自己的博客了,是不是很开心呢!如有疑问可留言给我!能解答的我尽量解答。那么关于下一篇Hexo二次元主题之Sakura我尽量写的详细易懂一些。哆啦A梦:“大雄”,快点回家吃饭啦!不说了呦,哆啦A梦喊我回家吃饭了呢。みなさん米娜桑,さようなら撒由那拉!!!