hexo+github+win搭建博客

之前，会在印象笔记、牛客网或者其它平台记录笔记，现在准备搭建自己的博客，会更加方便，还可以提升自己的学习能力。通过调研学习，决定使用hexo+github搭建自己的博客。下面记录了自己搭建hexo博客的详细步骤。在开始之前，可以先看看hexo官方说明文档 https://hexo.io/docs/

    过程如下

• 下载安装Git

• 本地安装配置hexo

• 搭建hexo博客

• 创建GitHub仓库，将hexo部署到GitHub上

    1、安装Git

    去GitHub官网下载，https://git-scm.com/downloads

    2、本地安装配置hexo

     安装配置hexo之前，需要安装node.js、npm

• 安装node.js、npm（新版node.js已经集成了npm）

   https://nodejs.org/en/download/  官网下载相应的node.js安装版本，可自定义安装路径，其余全部按照默认配置，一路next即可

  注意：官网下载的node.js有两个文件版本，msi文件安装后会自动配置环境变量，zip文件需要手动配置环境变量

  验证安装是否成功：在cmd或GitBush（安装Git成功后鼠标右键会显示）中输入node -v，如果显示出版本号，则安装成

       由于node已经集成了npm，则不需要安装npm，同样使用npm -v检测是否安装成功，如果显示版本号，则安装成功

        

• 下载安装hexo

        使用npm包管理器下载hexo，但由于国内镜像源下载较慢，一般使用cnpm（淘宝镜像源）下载，

        输入命令 npm install -g cnpm --registry=https://registry.npm.taobao.org，

　　PS：npm安装插件过程：从http://registry.npmjs.org 下载对应的插件包（该网站服务器位于国外，所以经常下载缓慢或出现异常）

 

        

      下载成功后，同样可以使用cnpm -v检测是否安装成功

       

       之后，使用cnpm全局下载hexo,输入命令cnpm install -g hexo-cli

       

       同样的可以使用hexo -v检测是否安装成功，由下面信息可以看出，是基于node安装的，显示hexo的版本等信息，则安装成功

      

    3、本地安装配置hexo

• 搭建博客

       新建空文件夹，用于存放blog，选中该文件夹，右键选择git bash ，使用 hexo init 语句初始化一个博客

       

      初始化完成后，打开该文件夹，会显示初始化的一些文件夹，我们所写的博客就在\source\_posts该文件夹中

      之后，可以输入hexo s打开博客  此时会出现一个博客本地地址http://localhost:4000，在浏览器中输入localhost：4000，出现下图则说明创建博客成功！

       该博客主题是默认初始化的主题，我们也可以根据自己的喜好从网上下载更换主题

      

      

• hexo命令，可以查看官方说明文档 https://hexo.io/docs/writing

        hexo new "postName" #新建文章
        hexo new page "pageName" #新建页面
        hexo generate #生成静态页面至public目录
        hexo server #开启预览访问端口（默认端口4000，'ctrl + c'关闭server）
        hexo deploy #部署到GitHub
        hexo help  # 查看帮助
        hexo version  #查看Hexo的版本

      注意：所有语句操作都是基于你所建博客文件夹的根目录下

 

    4、创建github仓库，并把博客部署到远程GitHub上

• 创建GitHub仓库

       创建一个GitHub仓库（没有账号的记得先创建一个账号），平时创建托管代码的仓库名一般没什么要求，但要用户托放博客，命名应为：xxx.github.io（xxx为你GitHub的账户名）

       该地址就是你博客地址

    

• 把博客部署到GitHub上

          部署到远程仓库前，需要安装git，同样的在你创建博客文件夹的根目录，右键选中git bash，

        输入命令 cnpm install --save hexo-deployer-git

      

      下载完后，在文件夹的根目录下找到_config.yml配置文件，用记事本打开，修改配置，

       repo为你的GitHub仓库地址，复制过来即可

 

1 2 3 4

deploydeploy:   type: 'git'   repo: https://github.com/xxx/xxx.github.io.git   branch: master

        注意：修改_config.yml配置文件时，冒号后面的空格千万不能少！！！

       然后输入hexo d（hexo deploy缩写）即可部署到GitHub

      大功告成！！，在GitHub仓库中，刷新会出现刚才push上去的内容，接下来在浏览器中输入你的仓库名xxx.github.io即可，第一次访问有点慢，等等就好啦！！

　　我的博客地址：https://murphyyya.github.io/