Windows环境下搭建Hexo+Github博客记录


很多博客、文章、Hexo官网都已经很详细的讲解了关于hexo的好处,用法。这里,我记录下我在使用过程中所遇到的问题,方便大家的学习。

OK,Start:

Hexo

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

前期准备

需要安装GitNode.js

git base命令($结尾都是git base):

$ npm install -g hexo-cli

安装完成后验证状态:

$ node -v
$ npm -v
$ hexo -v

建站

$ hexo init <folder>
$ cd <folder>
$ npm install

完成后,该文件夹下的目录结构如下:

.
├── _config.yml
├── package.json
├── scaffolds    
├── source
|   ├── _drafts
|   └── _posts
└── themes

这样Hexo的资源就安装好了。然后在本地运行输入以下命令:

$hexo s -g 

然后就可以在本地浏览器访问 http://localhost:4000 ,查看本地博客了。Ctrl+C可以关闭调试。

同步到GitHub

在不购买服务器的前提下,我们的网站需要挂在GitHub Pages上。GitHub Pages是面向用户、组织和项目开放的公共静态页面搭建托管服务,可用于搭建个人博客。

  • 首先需要一个Github账号
  • 进入GitHub Pages
  • GitHub中New repository一个项目,此项目必须以yourname.github.io命名。
  • 然后在项目中进入Setting–>Deploy keys添加本机的ssh。具体生成方法自行百度。
  • 然后在本地博客站点_config.yml中设置:

    deploy:
        type: git
        repository: git@github.com:yourname/yourname.github.io.git
        branch: master
    
  • 在terminal终端,将当前目录切换到你的本地博客目录,执行以下命令:

    npm install hexo-deployer-git --save
    
  • 然后运行以下命令就可以同步到GitHub:

    $hexo clean // clean本地项目,防止缓存
    $hexo g // 全拼是:hexo generate,可以简写成 hexo g; 根据你编辑的md格式的博客,生成静态网页
    $hexo d // 全拼是:hexo deploy,可以简写成 hexo d; 将本地博客发布到github
    
  • 更新博客到github命令:

    $hexo d -g
    

显示 Gitment 评论