Hexo博客搭建和部署github(简略文字版~)


Hexo的搭建

安装Nodejs
node -v	#查看node版本
npm -v	#查看npm版本
上述步骤查看环境变量是否配置成功(下同)
npm install -g cnpm --registry=http://registry.npm.taobao.org	#安装淘宝的cnpm 管理器
cnpm -v	#查看cnpm版本
cnpm install -g hexo-cli    #安装hexo框架
hexo -v	#查看hexo版本
mkdir blog	#创建blog目录
cd blog	 #进入blog目录
sudo hexo init 	#生成博客 初始化博客
hexo s	#启动本地博客服务
http://localhost:4000/	#本地访问地址
hexo n "我的第一篇文章" #创建新的文章 
#返回blog目录
hexo clean #清理
hexo g #生成
#Github创建一个新的仓库 YourGithubName.github.io
cnpm install --save hexo-deployer-git #在blog目录下安装git部署插件
----
#配置_config.yml 
-----
	# Deployment
	## Docs: https://hexo.io/docs/deployment.html
	deploy:
  		type: git
 		repo: https://github.com/YourGithubName/YourGithubName.github.io.git
  		branch: master
-----
hexo d	#部署到Github仓库里
https://YourGithubName.github.io/  #访问这个地址可以查看博客

 git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia  #下载yilia主题到本地

#修改hexo根目录下的 _config.yml 文件 : theme: yilia

1.hexo c	#清理一下
2.hexo g	#生成
3.hexo d	#部署到远程Github仓库
注:2和3步可简写 hexo g -d
https://YourGithubName.github.io/  #查看博客

Hexo 部署到github

一. 在Git bash界面下设置ssh key

#这将按照你提供的邮箱地址,创建一对密钥,后续用于github中ssh的绑定
ssh-keygen -t rsa -C "your_email@example.com"
输入后会出现key的存放位置,直接默认回车即可。
接下来回车两次,即默认空密码。结果如下图所示。
我这里是默认路径C:\Users\Administrator\.ssh,
复制id_rsa.pub这个文件里面的所有内容就是我们要的ssh key

在这里插入图片描述

二 . 复制ssh key,绑定到github账户中去
在这里插入图片描述
在这里插入图片描述
三. 测试能否成功连接

Git bash界面下输入该命令: ssh -T git@github.com
如下图所示,出现Hi XXXX! You've successfully authenticated, but GitHub does not provide shell access.
即成功。

在这里插入图片描述

四.设置账户信息

git config --global user.name "you_name"//github的用户名
git config --global user.email  "you@exmaple.com"//github的邮箱

在这里插入图片描述

Hexo主题配置

一.选择主题
github中找主题,例如https://github.com/fluid-dev/hexo-theme-fluid

二.主题下载
方式一:git clone git项目地址 安装地址
例, git clone https://github.com/fluid-dev/hexo-theme-fluid themes/fluid
注意:fatal: unable to access 'https://github.com/DIYgod/hexo-theme-sagiri/': OpenSSL SSL_read: Connection was reset, errno 10054
这个错误可能是连接git的网络不稳定,多试几次。
方式二:npm install 安装
例,npm install --save hexo-theme-fluid
具体见各主题说明

三.修改hexo站点配置文件
在hexo生成的文件夹下,修改config.yml文件,找到theme,对应主题的名称。
例,theme:fluid

四.重新生成运行
1.hexo clean
2.hexo g
3.hexo s

Hexo网页标题乱码问题

1.打开hexo站点的config配置文件,修改language: zh-CN.
2.保存文件的格式需要以utf-8来保存,这里推荐以vscode或者editplus等软件编辑。

Hexo页面部署成功,打开界面缺显示404

因为页面缓存的问题,用Ctrl+F5刷新成功完成.
参照该博客,https://chenpt.cc/hexo-Error/ 

hexo 缺少git组件

原因:少了hexo针对git的deploy组件
解决方法:npm install --save hexo-deployer-git
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值