(一)使用Hexo+Github 搭建博客

Hexo介绍

Hexo—— 快速、简洁且高效的博客框架

images

安装Node.js

根据个人电脑版本(64或32位)
下载NodeJS
建议选择LTS版本|参考文档

安装Git

根据个人电脑版本(64或32位)
下载Git

安装Hexo

1.新建文件夹‘blog’并进入
2.在空文件夹内单击‘鼠标右键’,选择‘Git Bash Here’
images
3.弹出bash小黑窗
images

  • 在黑窗中,按顺序输入下面代码
    1.输入npm i -g hexo-cli,使用npm安装全局安装hexo的命令行工具

    $ npm i -g hexo-cli
    2.输入hexo init,利用hex命令初始化一个新的博客
    $ hexo init //根据个人网速情况,可能要等很久

    初始中…
    images
    hexo init 初始化完成!
    images
    3.输入npm i,安装包(如果网速差或者报错,建议使用cnpm)
    $ cnpm i //根据个人网速情况,可能要等很久
    使用cnpm i 安装包
    images
    4.输入hexo s,开启本地服务器
    $ hexo s
    images
    5.在浏览器输入:http://localhost:4000/查看我们的博客
    images

    写博客

    把写好的markdown文件,存放到/source/_posts文件夹中即可

    配置Next主题(可选)

    • Next主题官方文档:http://theme-next.iissnan.com/

      完成部署GitHub

      原理:
      每个Gighub账户都可以创建一个YourName.github.io的仓库,
      这个仓库的master分支是可以直接使用YourName.github.io在网络中访问的,
      我们可以利用Github的这个功能来进行静态页面的展示。

有两种部署的方式,一种是手动部署,一种是使用hexo命令行部署,推荐使用第二种

1.手动部署

1.清空之前生成的博客文件

进入bash小黑窗,输入hexo clean(如果服务器开启中,可以使用Ctrl+C停止)
images
2.生成博客文件
输入 hexo g
$ hexo g
生成完成!
images
3.进入 public 文件夹中,开启 bash 黑窗

进入 public 文件夹
images

进开启 bash 黑窗
images
4.输入git init 初始化仓库,并使用 add 和 commit 提交
$ git init
$ git add
$ git commit -m ‘blog’
git init&git add.
images
git commit
images
完成提交!
images
5.使用git push 命令推荐到Github仓库
注意后面需要加上 -force强制覆盖
$ git push 仓库地址 -force
如果使用https地址,需要输入用户名和密码
images
推送完成!
images
6.在浏览器输入YourName.github.io来访问你的博客
images

2.使用hexo命令部署

  • 此方法需要配置SSH秘钥来免秘钥来免密提交,SSH的配置方法参考SSH配置方法
    1.在blog文件夹中打开bash黑窗,安装部署工具
    images
    输入npm i hexo-deployer-git-save来安装hexo部署工具
    $ npm i hexo-deployer-git –save
    同样可以使用cnpm进行安装(推荐)
    images
    2.找到‘~/blog/_config.yml’文件,修改最后代码:

代码如下:
deploy:

type:git
repo:git@hithub.com:YourName/YourName.github.io.git
branch:master
images
3.清空之前生成的博客文件
打开bash小黑窗
输入hexo clean
images
4.生成的博客文件
输入hexo g
$ hexo g
生成完成!
images
5.部署到Github
输入hexo d
$ hexo d
最后显示INFO Deploy done:git代表部署成功
images
6.在浏览器输入YourName.github.io来访问你的博客
images

自动部署方案

使用Travis CI 自动部署Hexo博客

总结常用命令

$ hexo clean
//清空生成的博客
$ hexo g
//生成博客文件
$ hexo s
//启动本地服务器
$ hexo d
//按照配置好的_config.yml文件,完成部署

-------------本文结束感谢您的阅读-------------