hexo-blog折腾记录

安装折腾总览

目前的 blog 折腾经过了

  • 自己用 PHP 写 自建,样式太丑,放弃(17年)
  • Github page 国内访问速度太慢,加上 next 的样式太素(19年)
  • 最后改成 fluid 这个样式,page 换到 Gitee(20年)
  • gitee 启动审查机制,弃用 ,jsdelivr 被污染,更换 cdn源 ,重回GitHub(2022年5月)

目录也分为三块

  • hexo 安装
  • hexo 的主题 next 与 fluid 的修改
  • 最后就是 过程中碰到的一些问题
    • 样式与生成出来文件的分支管理?
    • 多主机如何进行发布?
    • git 如何超高速拉取 github 仓库的文件?

HEXO 基础安装流程

  • npmcnpm 的区别就不说了

    1
    2
    `npm install hexo -g` #安装 `hexo` 
    `hexo -v` #查看版本
    1
    2
    3
    4
    5
    `hexo init dir`                          # 初始化目录
    `hexo new post "关于hexo的安装的一些记录"` # 新建文件
    `hexo s` # 启动服务,可访问 http://localhost:4000 进行预览
    `hexo generate --deploy` # 编译生成静态文件,并上传至 git 服务上
    `hexo clean && hexo d -g` # 上传前需要清理缓存来避免样式错乱问题,编译缩写

hexo 的主题 next 与 fluid 的修改 hexo 进阶 next

  • next 主题相关
1
2
3
cd themes # 进入主题目录
git clone https://github.com/iissnan/hexo-theme-next themes/next #克隆主题文件
// 主要参考 : https://www.jianshu.com/p/9f0e90cc32c2
  • fluid 主题相关
1
2
3
cd themes # 进入主题目录
git clone https://github.com/fluid-dev/hexo-theme-fluid.git #克隆主题文件
// 主要参考 : https://hexo.fluid-dev.com/ 进行配置

过程中可能碰到的一些问题

样式与生成出来文件的分支管理?

  • 需要 新建一个 hexo 分支 来避免 master 主分支被覆盖 ,主分支 master 为静态文件目录 ,hexo 分支为 样式与配置文件目录

配置未生效

  • 老版本配置写在 _data/fluid_conf 中,导致新版本修改配置无效

未生成 index.html 内容 layout 无内容

  • 需要把 hexo theme 文件复制到 themes 目录下

多主机如何进行发布?

  • git checkout hexo 拉下代码后 切换分支 至配置生成目录
1
2
3
npm install hexo                     # 重新安装 hexo
npm install # 重新拉所需的运行所需文件
npm install hexo-deployer-git --save # 重新生成 钩子才能上传成功

git 设置 https 代理的正确姿势?

  • git config --global http.https://github.com.proxy socks5://127.0.0.1:1080 仅设置 github 在 https 端口的 代理

  • 前提条件,你的 SS 开了,而且本地端口为 1080

  • git 全局 设置代理

    1
    2
    3
    4
    git config --global http.proxy 'socks5://127.0.0.1:1080' # http全局设置代理
    git config --global https.proxy 'socks5://127.0.0.1:1080'# https全局设置代理
    git config --global --unset http.proxy # http全局取消代理
    git config --global --unset https.proxy# https全局取消代理

搭建 hexo,在执行 hexo deploy 时,出现 ERROR Deployer not found: git 的错误

  • npm install hexo-deployer-git --save #重新生成 钩子才能上传成功

hexo 怎么删除文章?

  • 先使用 hexo clean 再删除
  • 最后再重新 hexo generate –deploy 生成就OK

如何让 百度收录

  • https://ziyuan.baidu.com/linksubmit/url 自行提交

  • 如果想自行安装,请学习检索

  • 技能点需求 难度 ♥ ♥

  • githexonpmmdhtml/文件目录 相关基础知识

  • 这样就能继续愉快的写blog

设置流量统计

使用 busuanzi 来处理

评论系统

使用 gittalk 来实现,依赖较少,github 也有 oauth 功能倒是第一次用
创建入口被隐藏了,可以通过 https://github.com/settings/applications/new 进入

1
2
3
4
Application name             // 应用名称,随便填
Homepage URL // 填自己的博客地址
Application description // 应用描述,描述一下,无要求
Authorization callback URL // 填自己要使用 `Gitalk` 的博客地址,不可乱填

参考
hexo官方文档
fluid官方文档


hexo-blog折腾记录
https://blogxy.cn/posts/13c4aac6/
作者
YI
发布于
2019年1月29日
许可协议