Hexo + github搭建个人博客
工具准备
下载nodejs
下载地址:https://nodejs.org/zh-cn/
检验Node.js是否成功安装
打开cmd,输入Node -v,出现版本即为成功
可能出现的问题:
如果npm -v会出现npm WARN config global –global, –local are deprecated. Use –location=global instead.
解决办法是:在管理员cmd中,输入npm-windows-upgrade –npm-version latest
出现以下内容即为成功
若出现npm fund 这不是报错!
下载git
下载地址:https://git-scm.com/download/win
检验git是否安装成功
在cmd输入git –version,出现下图即为成功(版本号可以不一致)
Hexo下载
创建一个文件夹名为“myHexo“,右键“git bash here“
下载hexo
npm可能下载过慢,可以使用国内淘宝下载源cnpm
方法一 :输入npm: npm install -g hexo-cli
方法二:下载cnpm:npm install -g cnpm –registry=https://registry.npm.taobao.org
安装hexo: cnpm install -g hexo-cli
检验是否安装Hexo
用hexo -v命令查看是否安装成功hexo,若成功则出现:
网站的初始化
输入hexo init
npm的安装
输入npm install
网页的生成
输入 hexo g
本地访问
输入hexo s
或者hexo server
,,然后在浏览器输入http://localhost:4000查看是否在本地可以访问
ctrl + C 为停止
本地和github关联
生成SSH密钥
来到git bash里(当前位置为之前创建的文件夹,我这里是myHexo)
生成ssh密钥 : ssh-keygen -t rsa -C “你的github邮件地址”
按四次4次回车,结果如下:
注意找到id_rsa.pub这个文件路径并复制里面的内容(如上图红色圈)
可以改后缀,使用记事本打开
或者使用cd 命令,再用cat命令
复制这串内容(原模原样复制)
Github的仓库关联
点击右上角的github头像
选中settings
点击左侧的ssh and GPG keys
SSH keys选择New SSH keys
填写内容
- Title 随意填写
- Key:粘贴刚才的密钥
点击Add SSH key保存
测试本地与github是否关联成功
输入 :ssh -T git@github.com
出现 successfully就是成功,but这些不管它。
博客的远程推送
_config.yml****的配置
来到myHexo文件夹,找到_config.yml
使用记事本或者在git bash中用vim打开找到最后一行,输入一下格式
1 | Deploy: |
如我的配置
安装自动部署发布工具
- 安装工具
输入**npm install hexo-deployer-git --save**
再输入hexo g
再输入hexo d
访问
浏览器输入 : 自己github用户名@github.io
hexo多部署
创建oss
进入oss控制台:OSS管理控制台 (aliyun.com)
设置Bucket
- 设置用户
设置页面
- 默认首页:index.html
- 默认404页:404.html(按照你实际的404页面地址填写)
- 子目录首页:开通,这里由于Hexo的分类、标签等页面,都是子目录的形式(例如:/tags/),如果不开通这个功能,不会自动定位到对应目录的index.html
- 文件404规则:Index
hexo 配置
在hexo目录执行
阿里云推送:npm install hexo-deployer-ali-oss --save
(github的推送:npm install hexo-deployer-git --save
)
在hexo的**_config.yml**文件中
1 | deploy: |
推送
默认是推送到根目录,若要指定目录 就加入remotePath:<您要部署的目录>
hexo cl
hexo g
hexo de [remotePath:<您要部署的目录>]
Centos的配置
工具准备
安装git
yum install git -y
- 验证 Git 的版本:
git --version
安装Node.js
- 安装
curl -sL https://rpm.nodesource.com/setup_14.x | sudo bash - && sudo yum clean all && sudo yum makecache && sudo yum install -y gcc-c++ make && sudo yum install -y nodejs
验证node版本信息
node -v
验证npm的版本信息
npm - v
安装hexo
安装
npm install -g hexo-cli
验证
hexo -v
博客
博客初始化
cd ~ && hexo init blog --no-clone
- 安装 hexo-deployer-cos 插件
cd ~/blog && npm install hexo-deployer-ali-oss --save
- 自动生成博客的静态文件
hexo g
启动博客
- 进入 blog 项目文件夹,启动博客项目:
cd ~/blog/ && hexo s
- 验证是否启动成功
IP地址加端口号4000
例如:192.168.1.1:4000
最后,非常感谢大佬[武师叔](Hexo+github搭建个人博客 | 武师叔 (wushishu.xyz))!武师叔的博客很系统,很详细的记录了搭建的流程。在搭建的时候,我遇到了一些麻烦,在武师叔的博客里,找到了解决方案。在此衷心的感谢!