Termux搭建Hexo博客

前言

本文使用blimkfox源码
引用了教程:韦阳的博客
国光
感谢以上源码和教程提供者
话不多说，进入正文

下载Termux

Google play
F-Droid
酷安
建议Google play或F-Droid下载，酷安的是旧版本，F-Droid的是源文件重新编译签名为apk文件的

语法部分

cd blog 进入blog文件夹
rm -rf A 删除A文件
mkdir A 创造A文件夹
mv A /data/data/com.termux/files/home/blog/
在你想移动的文件的文件夹中输入指令
移动A文件到 /data/data/com.termux/files/home/blog/
vim A 编辑/新建A文件
vim使用方法: i编辑
ESC+ :wq 保存退出 ESC+:q!不保存退出
ESC+/A 搜索A字符

Hexo博客编写方法

hexo new (文件名)
然后会生成一个文件在source/_posts文件夹中
vim (文件名)
title 网站标题
tag 标签
多标签写法

---
title: 文章标题
tags: 
  - hexo
  - hexo入门
---

引入代码框

    ```ba sh
    没有空格ba sh替换为bash

hexo g # 生成博客网页文件
hexo s # 本地预览博客
hexo d # 上传网页文件到github

配置Termux

注意:部分教程需科学上网
首先先更新源

pkg update

更新源后，你可以更换为清华源

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

pkg update

更换为清华源后下载和更新源速度变快了很多，如果你的梯子够快的话，可以忽略这步

美化Termux

这步不是必要的，可以跳过

sh -c "$(curl -fsSL https://html.sqlsec.com/termux-install.sh)"

输入后是否授权访问文件
当然要同意了
如果拒绝了，可以输入

termux-setup-storage

重新获取权限
然后让你选择色彩样式和字体样式
我设置的是

Enter a number, leave blank to not to change: 0
Enter a number, leave blank to not to change: 6

如果想重新选择你可以输入
~/.termux/colors.sh 更改色彩样式
~/.termux/fonts.sh 更改字体样式

下载vim

直接输入指令

pkg install vim

下载Nodejs

直接输入指令

pkg install nodejs-lts

下载git

直接输入指令

pkg install git

新建文件夹

直接输入指令

mkdir blog

文件名自定义，blog为文件名

下载Hexo

进入文件夹blog(cd blog) 输入指令

npm install hexo-cli -g

更新一下npm源

npm install

输入 hexo g 生成静态网页
输入 hexo s 本地本地预览网页
接着我们用浏览器打开 http://localhost:4000/
看到如下图说明你成功了

按CTRL+C结束

下载主题

打开文件夹 cd blog/themes
输入指令

git clone https://github.com/blinkfox/hexo-theme-matery.git

等待下载完成

切换主题

修改blog文件夹下的_config.yml
vim _config.yml
找到themes值
修改为 theme: hexo-theme-matery

以下搬了原文，因为没什么可以详细讲的
请修改 _config.yml 的 url 的值为你的网站主 URL（如：http://xxx.github.io）。
建议修改两个 per_page 的分页条数值为 6 的倍数，如：12、18 等，这样文章列表在各个屏幕下都能较好的显示。
如果你是中文用户，则建议修改 language 的值为 zh-CN。

新建分类 categories 页

categories 页是用来展示所有分类的页面，如果在你的博客 source 目录下还没有 categories/index.md 文件，那么你就需要新建一个，命令如下：

hexo new page "categories"

编辑你刚刚新建的页面文件 /source/categories/index.md，至少需要以下内容：

---
title: categories
date: 2018-09-30 17:25:30
type: "categories"
layout: "categories"
---

新建标签 tags 页

tags 页是用来展示所有标签的页面，如果在你的博客 source 目录下还没有 tags/index.md 文件，那么你就需要新建一个，命令如下：

hexo new page "tags"

编辑你刚刚新建的页面文件 /source/tags/index.md，至少需要以下内容：

---
title: tags
date: 2018-09-30 18:23:38
type: "tags"
layout: "tags"
---

新建关于我 about 页

about 页是用来展示关于我和我的博客信息的页面，如果在你的博客 source 目录下还没有 about/index.md 文件，那么你就需要新建一个，命令如下：

hexo new page "about"

编辑你刚刚新建的页面文件 /source/about/index.md，至少需要以下内容：

---
title: about
date: 2018-09-30 17:25:30
type: "about"
layout: "about"
---

新建留言板 contact 页

contact 页是用来展示留言板信息的页面，如果在你的博客 source 目录下还没有 contact/index.md 文件，那么你就需要新建一个，命令如下：

hexo new page "contact"

编辑你刚刚新建的页面文件 /source/contact/index.md，至少需要以下内容：

---
title: contact
date: 2018-09-30 17:25:30
type: "contact"
layout: "contact"
---

注：本留言板功能依赖于第三方评论系统，请激活你的评论系统才有效果。并且在主题的 _config.yml 文件中，第 19 至 21 行的“菜单”配置，取消关于留言板的注释即可。

新建友情链接 friends 页

friends 页是用来展示友情链接信息的页面，如果在你的博客 source 目录下还没有 friends/index.md 文件，那么你就需要新建一个，命令如下：

hexo new page "friends"

编辑你刚刚新建的页面文件 /source/friends/index.md，至少需要以下内容：

---
title: friends
date: 2018-12-12 21:25:30
type: "friends"
layout: "friends"
---

```bash
同时，在你的博客 source 目录下新建 _data 目录，在 _data 目录中新建 friends.json 文件，文件内容如下所示：
新建文件直接进入source目录 cd blog/source
新建文件 vim friends.json
```bash
[{
    "avatar": "http://image.luokangyuan.com/1_qq_27922023.jpg",
    "name": "码酱",
    "introduction": "我不是大佬，只是在追寻大佬的脚步",
    "url": "http://luokangyuan.com/",
    "title": "前去学习"
}, {
    "avatar": "http://image.luokangyuan.com/4027734.jpeg",
    "name": "闪烁之狐",
    "introduction": "编程界大佬，技术牛，人还特别好，不懂的都可以请教大佬",
    "url": "https://blinkfox.github.io/",
    "title": "前去学习"
}, {
    "avatar": "http://image.luokangyuan.com/avatar.jpg",
    "name": "ja_rome",
    "introduction": "平凡的脚步也可以走出伟大的行程",
    "url": "https://me.csdn.net/jlh912008548",
    "title": "前去学习"
}]

执行hexo clean && hexo g重新生成博客文件

代码高亮

由于 Hexo 自带的代码高亮主题显示不好看，所以主题中使用到了 hexo-prism-plugin 的 Hexo 插件来做代码高亮，安装命令如下：

npm i -S hexo-prism-plugin

然后，修改 Hexo 根目录下 _config.yml 文件中 highlight.enable 的值为 false，并新增 prism 插件相关的配置，主要配置如下：

highlight:
  enable: false

prism_plugin:
  mode: 'preprocess'    # realtime/preprocess
  theme: 'tomorrow'
  line_number: false    # default false
  custom_css:

搜索

本主题中还使用到了 hexo-generator-search 的 Hexo 插件来做内容搜索，安装命令如下：

npm install hexo-generator-search --save

在 Hexo 根目录下的 _config.yml 文件中，新增以下的配置项：

search:
  path: search.xml
  field: post

中文链接转拼音

如果你的文章名称是中文的，那么 Hexo 默认生成的永久链接也会有中文，这样不利于 SEO，且 gitment 评论对中文链接也不支持。我们可以用 hexo-permalink-pinyin Hexo 插件使在生成文章时生成中文拼音的永久链接。

安装命令如下：

npm i hexo-permalink-pinyin --save

在 Hexo 根目录下的 _config.yml 文件中，新增以下的配置项：

permalink_pinyin:
  enable: true
  separator: '-' # default: '-'

注：除了此插件外，hexo-abbrlink 插件也可以生成非中文的链接。

文章字数统计插件

如果你想要在文章中显示文章字数、阅读时长信息，可以安装 hexo-wordcount插件。

安装命令如下：

npm i --save hexo-wordcount

然后只需在本主题下的 _config.yml 文件中，将各个文章字数相关的配置激活即可：

postInfo:
  date: true
  update: false
  wordCount: false # 设置文章字数统计为 true.
  totalCount: false # 设置站点文章总字数统计为 true.
  min2read: false # 阅读时长.
  readCount: false # 阅读次数.

添加emoji表情支持

本主题新增了对emoji表情的支持，使用到了 hexo-filter-github-emojis 的 Hexo 插件来支持 emoji表情的生成，把对应的markdown emoji语法（::,例如：:smile:）转变成会跳跃的emoji表情，安装命令如下：

npm install hexo-filter-github-emojis --save

在 Hexo 根目录下的 _config.yml 文件中，新增以下的配置项：

githubEmojis:
  enable: true
  className: github-emoji
  inject: true
  styles:
  customEmojis:

添加 RSS 订阅支持

本主题中还使用到了 hexo-generator-feed 的 Hexo 插件来做 RSS，安装命令如下：

npm install hexo-generator-feed --save

在 Hexo 根目录下的 _config.yml 文件中，新增以下的配置项：

feed:
  type: atom
  path: atom.xml
  limit: 20
  hub:
  content:
  content_limit: 140
  content_limit_delim: ' '
  order_by: -date

执行 hexo clean && hexo g 重新生成博客文件，然后在 public 文件夹中即可看到 atom.xml 文件，说明你已经安装成功了。

注册Github账号

这步是从韦阳的博客搬过来的
接下来就去注册一个github账号，用来存放我们的网站。大多数小伙伴应该都有了吧，作为一个合格的程序猿（媛）还是要有一个的。

打开https://github.com/，新建一个项目，如下所示：

然后如下图所示，输入自己的项目名字，后面一定要加.github.io后缀，README初始化也要勾上。名称一定要和你的github名字完全一样，比如你github名字叫abc，那么仓库名字一定要是abc.github.io。

然后项目就建成了，点击Settings，向下拉到最后有个GitHub Pages，点击Choose a theme选择一个主题。然后等一会儿，再回到GitHub Pages，会变成下面这样：

点击那个链接，就会出现自己的网页啦，效果如下：

连接Github与本地

输入

git config --global user.name "TomorrowX6"
git config --global user.email "fg24680s@gmail.com"

用户名和邮箱自己改
然后生成密钥SSH key：
ssh-keygen -t rsa -C “fg24680s@gmail.com“
打开github，在头像下面点击settings，再点击SSH and GPG keys，新建一个SSH，名字随便。

git bash中输入

cat ~/.ssh/id_rsa.pub

将输出的内容复制到框中，点击确定保存。

输入ssh -T git@github.com，如果如下图所示，出现你的用户名，那就成功了。

打开博客根目录下的_config.yml文件，这是博客的配置文件，在这里你可以修改与博客相关的各种信息。

修改最后一行的配置：

deploy:
  type: git
  repository: https://github.com/TomorrowX6/TomorrowX6.github.io
  branch: master

repository修改为你自己的github项目地址。

输入hexo g后输入hexo d同步到云端

其他

一般的配置文件在_config.yml和themes/hexo-theme-matery/ _config.yml，你可以在配置文件中修改你想要的配置

live2d

直接输入指令

npm install --save hexo-helper-live2d

npm install live2d-widget-model-shizuku

在根目录vim _config.yml下添加

live2d:
  enable: true
  scriptFrom: local
  pluginRootPath: live2dw/
  pluginJsPath: lib/
  pluginModelPath: assets/
  tagMode: false
  log: false
  model:
    use: live2d-widget-model-shizuku
  display:
    position: right
    width: 150
    height: 300
  mobile:
    show: true
  react:
    opacity: 0.7

注意:live2d与不蒜子会发生冲突
解决方法:
修改\themes\hexo-theme-matery\source\libs\others\busuanzi.pure.mini.js文件
将b.style.display=”none”中none去掉
就不会发生冲突了
摘选自:https://blog.csdn.net/weixin_37891983/article/details/105362748

好了，本文就到这里了，再次感谢blimkfox 韦阳的博客 国光
本文可能有些地方上不成熟，请大家在评论区指点(评论区已被墙，请使用科学上网工具)
如果你有很多的资金，并且还非常喜欢本文章，请打赏我，十分感谢你