使用GitHub pages + Hexo 快速搭建个性化博客(一)-部署Hexo默认blog模板至远程GitHub

时间:2022-09-04 17:15:32
  1. 登录github账户,快速创建个人gitgub pages。本步骤参见http://blog.csdn.net/qq_23435721/article/details/50850350
  2. 搭建环境
    下载并安装Node.js
    下载安装GitHub for Windows

  3. 使用GitHub账户登录GitHub for Windows.

能够让本地git项目和与远程github建立联系.在安装GitHub for Windows时有自动安装 Git Shell, 在开始菜单中找到并打开,输入命令:ssh -T git@github.com,如下所示:
使用GitHub pages + Hexo 快速搭建个性化博客(一)-部署Hexo默认blog模板至远程GitHub
点击回车后正确反馈如下:
使用GitHub pages + Hexo 快速搭建个性化博客(一)-部署Hexo默认blog模板至远程GitHub
如果是下面之类的反馈(或者显示 Hi xxx):
The authenticity of host ‘github.com (207.97.227.239)’ can’t be established. RSA key fingerprint is 16:27:ac:a5:76:28:2d:36:63:1b:56:4d:eb:df:a6:48. Are you sure you want to continue connecting (yes/no)?
则按提示输入yes后即可正确反馈。
5. 使用Hexo搭建博客框架
Hexo安装
打开GitShell,输入命令cd /,此步骤是进入c盘根目录,之后输入命令npm install hexo-cli -g,效果如下图所示:
使用GitHub pages + Hexo 快速搭建个性化博客(一)-部署Hexo默认blog模板至远程GitHub
Hexo部署
打开GitShell,命令cd /进入c盘根目录,之后命令hexo init Hexo ,最后的Hexo为文件名,自己可以任意取名.如图:
使用GitHub pages + Hexo 快速搭建个性化博客(一)-部署Hexo默认blog模板至远程GitHub
成功显示如图:
使用GitHub pages + Hexo 快速搭建个性化博客(一)-部署Hexo默认blog模板至远程GitHub
之前版本好像需要再进入Hexo目录输入npm install,本次我所安装的貌似已经改进,输入此命令以没什么反应,以为上图中最后已经提示Start blogging with Hexo! 还是上图说话:
使用GitHub pages + Hexo 快速搭建个性化博客(一)-部署Hexo默认blog模板至远程GitHub
此时c盘中已经有Hexo文件夹以及一些文件资源。
使用GitHub pages + Hexo 快速搭建个性化博客(一)-部署Hexo默认blog模板至远程GitHub
接下来,在本地预览博客页面效果.在Hexo目录依次输入命令

hexo generate
hexo server

第二个命令输入后回车执行完成后系统会提示是否允许访问,点击access允许即可。效果如图:
使用GitHub pages + Hexo 快速搭建个性化博客(一)-部署Hexo默认blog模板至远程GitHub
如上图最后一行提示,在浏览器中输入http://localhost:4000/ (若失败可能是4000端口被其他服务占用,请尝试关闭等措施)即可浏览器预览最初的博客原型 效果。(^o^)/ 此时如GitShell中提示,Ctrl+C是停止该服务,停止后浏览器中该地址是打不开的。之后发布博文的话就可以现在本地预览效果再正式发布了。
使用GitHub pages + Hexo 快速搭建个性化博客(一)-部署Hexo默认blog模板至远程GitHub

4.将本地文件部署到GitHub
在Hexo文件夹中,找到_config.yml文件,用记文本编辑器打开,我用的Notepad++.修改成如下文本:
使用GitHub pages + Hexo 快速搭建个性化博客(一)-部署Hexo默认blog模板至远程GitHub
在GitShell 中进入Hexo目录,依次输入一下命令

npm install hexo-deployer-git –save
hexo clean
hexo generate
hexo deploy

如图:
使用GitHub pages + Hexo 快速搭建个性化博客(一)-部署Hexo默认blog模板至远程GitHub
使用GitHub pages + Hexo 快速搭建个性化博客(一)-部署Hexo默认blog模板至远程GitHub
使用GitHub pages + Hexo 快速搭建个性化博客(一)-部署Hexo默认blog模板至远程GitHub
至此,如上图最后提示:Deploy Done!(~ ̄▽ ̄)~
再次在浏览器输入形如http://weikuiwang.github.io/ ,(即最初在GitHub中创建的代码仓库或叫项目名称。)已经不是最初GitHube Pages的单一首页了有某有!