Github + Hexo 搭建个人Blog(二)Hexo工具使用

相关文章:

Github + Hexo 搭建个人Blog(一)Github搭建Blog


使用Hexo需要提前安装Nodejs和Git。

安装Node.js

下载Node.js

安装Node.js,在windows系统中一路next就可以了。担心安装后不能使用可以打开命令行工具,输入“node --version”检查版本,如果显示版本序号则可以正常使用。如下图所示:


安装Git

下载Git

安装Git,一路next就可以了。

Hexo配置

1.在电脑中适当位置新建文件夹,我的文件夹命名为“blog_github”,注意文件夹名称不能包含汉字和大写字母。打开cmd命令行进行操作。(后续步骤中出现的“WARN”都不需要担心,可以忽略,不影响安装过程)


2.安装Hexo

npm install hexo-cli -g //安装hexo,效果图如下


这样就完成了Hexo的安装。

3.Hexo配置

初始化Hexo

hexo init //接上一步,效果图如下

安装其他组件

npm install //效果图如下

生成任务部署

hexo g //g - generate 生成,效果图如下

页面展示

hexo s //s - server 服务,效果图如下

在网页上打开:“http://localhost:4000/”,时间会稍微长一点。在网页上的展示效果:


至此,本地化服务做好了。

4.我们开始将Hexo和Github绑定起来。

设置Git的user name和user email

在该文件夹处点击右键选择“Git Bash Here”,如果没有这个选项的话进入Git的安装目录,打开“git-bash.exe”,输入

cd 'D:\CFileBuffer\blog_github' //单引号中为blog文件目录,效果图如下


在命令行中输入下图中两行语句,其中“sinn”为用户名,“strongwindblowing@163.com”为邮箱,用户需要修改为自己的用户名和邮箱。


输入下面命令,然后连续敲三次回车,最后生成密匙,得到两个密匙文件:id_rsa和id_rsa.pub(默认存储路径为C:\Users\Administrator\.ssh)

ssh-keygen -t rsa -C "strongwindblowing@163.com" //效果如下图所示

此时,登陆Github,点击图像进入设置(settings),选择“SSH and GPG keys”,如下图。然后点击右侧“New SSH key”


将id_rsa.pub中的内容复制粘贴到Key中,其中该文件推荐用Notepad++软件打开。添加SSH key时需要再次输入登陆密码。


测试添加ssh key是否成功:在命令行中输入

ssh -T git@github.com //可能会再次输入一遍yes/no,选择yes就好了。效果图如下


配置Development

在设置的博客文件夹内找到“_config.yml”,用Notepad++打开。翻到最后一行,修改deploy值。


其中repository对应的值为项目的ssh值,打开仓库,打开对应界面获取ssh。


5.部署文档

首先安装hexo的一个拓展

npm install hexo-deployer-git --save //安装完成效果图如下,如果安装失败,试着删除“package-lock”文件,并重新安装

常见的一些Hexo命令--Hexo官方文档

hexo new post "Hello" //新建文档
hexo -g //生成
hexo -d //部署
hexo -s //本地端口预览
hexo -c //clean 清除本地内容

编辑好文档后,就可以按照“hexo g && hexo d”进行生成和部署,然后通过http:\\username.github.io域名来访问了。


在此安装过程中的其他未尽事宜和错误,请参考参考文档和网络资料。

参考文章:

使用Hexo+Github一步步搭建属于自己的博客(基础)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值