HEXO+keep+Github+阿里云搭简傻瓜式总结
CCgicol Lv1

方案简述

HEXO是常用的一个博客搭简框架,keep是某开源组织针对其博客做的极简美化,博主十分中意这种极简风格的博客,所以选择了这个解决方案完成自己的博客搭简,同时使用github加链接阿里云的方式来完成了线上部署,目前已经完成了绝大部分流程,只有入网许可证没有搞定,这个也可以在阿里云申请,相关的流程同样会在博客更新。

慕雪的寒舍 :本文主要的参考,本文是自己搭简过程的一个简要化总结,可以和这个博主的文章结合起来看,效果更好。

准备工作

安装git

在进行博客搭简的最开始,需要了解git的相关知识,方便之后通过git拉取与推送,同时各种博客的线上模板都是用git进行更新的,用了git才能方便下一步的工作。

这一块我在很早就已经完成了相关的搭简,这里附上我之前学习时用到的链接,大家按照这个步骤一步一步来,就可以完成git的安装了。

csdn git安装详细教程

重点关注ssh链接github这一步骤,在后面使用github时需要用到。

安装nodejs

主要使用nodejs中的包管理工具

csdn npm安装 windows

关注环境变量的配置,在cmd中可以运行npm,同时也可以在git bash中运行即达到了目的。

同时测试下是否可以使用npm进行install,如果安装的是最新版本的npm则主要修改下载源如下,这里我就踩过坑,遇到过如下报错:

image

解决方案是换源

查看当前使用源,根据当前镜像源改成不一样的就好,来回换一换,博主是换成华为源解决的这个问题:

1
npm config get registry

最新淘宝源:

1
npm config set registry https://registry.npmmirror.com

华为云镜像源:

1
npm config set registry https://mirrors.huaweicloud.com/repository/npm/

腾讯云镜像源:

1
npm config set registry http://mirrors.cloud.tencent.com/npm/

官方源:

1
npm config set registry https://registry.npmjs.org/

使用魔法

这里不多说了,只要会使用美少女魔法能量访问火星收集外太空能量,就可以完成本项目。

HEXO

安装hexo

1、在git bash中对全局安装hexo命令

1
npm install -g hexo
1
npm install hexo-deployer-git --save  ## 安装的git同步模块

2、查看版本

1
hexo -v

有相关的显示则表示hexo全局安装成功,如果没有成功,则可能是之前npm的环境变量配置出现了一些问题,这里提供一个取巧的解决方案。

建立一个将来写博客的文件夹,在文件夹中安装hexo,运行命令:

1
npm install hexo

然后每次从其中的文件夹中的“node_modules/.bin”中运行git bash,再把bash退回到博客首部文件夹中,就可以运行hexo命令了。

image

或者对npm卸载重装。

3、创建 hexo 文件夹

在自己写博客的根目录下创建一个文件夹,进入后运行hexo创建博客的初始化的操作,完成博客的初始化。

1
hexo init

最终效果图,出现如下文件则说明成功。

image

hexo的一些基本操作

Hexo官方文档

1
2
3
4
5
6
7
8
9
10
11
12
13
hexo -v   ## 查询hexo版本

##本地测试部署流程
hexo cl ## 清除缓存文件 (db.json) 和已生成的静态文件 (public)
hexo g ## 生成静态文件。
hexo s ## 本地静态部署

##线上部署流程
pandoc -v ## 测试pandoc模块是否可用
hexo cl ## 同上
hexo g ## 同上
hexo d ## 部署

hexo的一些配置参数

在hexo主题的根目录下找到_config.yml这个文件做参数的配置。

1
2
3
4
5
6
deploy:
type: git
repo:
github: https://github.com/musnows/musnows.github.io.git ## 需要添加的github地址,这里需要自己创建一个新的项目用来保存博客内容。
gitee: git@gitee.com:musnow/musnow.git ## 可以添加多个,可以连同gitee一起添加。
branch: master

Keep主题的配置

github配置

域名与图床与通网许可

md文档的一些问题

评论区

 请作者喝杯茶
微信支付
微信收款二维码
支付宝
支付宝收款二维码