Hexo快速构建我的小站-Hexo初始化和将项目托管在Github(一)

 

背景交代

    相信每一个程序员都有本身作过我的网站,博客之类的项目了，可是如今还在维护吗？反正我前先后后作过2到3个了，维护一段时间后由于一些不可逆的缘由(主要是懒)都没有维护了，购买的一些域名和服务器信息也都过时了，最近玩了一下hexo，发现这个东西挺方便的，基本半个小时就能够搞完，而且若是 彻底托管在github上基本就是0成本，用做学习记录输出是够了。

 

1.依赖于nodejs安装，安装nodejs和npm

下载地址，能够对照电脑系统版本进行下载安装：https://nodejs.org/en/download/
如今nodejs的安装包内置了npm，因此下载安装完成以后，nodejs和npm都会安装好

检查安装是否成功

安装成后会显示出对应的版本信息，因为我电脑以前就安装过了，因此应该不是最新的版本

2.安装hexo

安装命令：

sudo npm i -g hexo

直接一步就安装完成了,而后能够经过hexo -v查看是否安装成，成功安装的话，会打印出上面截图中的一些版本信息

3.hexo初始化博客项目

命令：

hexo init

 

初始化完成以后，看看hexo在文件夹给我生成了哪些文件

 

若是你是一名前端或者nodejs开发者，相信对这些文件再熟悉不过了，仍是对上述几个文件简单解释一下：

• node_modules：存放依赖包信息

• public：存放生成的页面

• scaffolds：存放生成文章的一些模板

• source：存放用命令建立的各类文章

• themes：存放博客使用的主题

• _config.yml：存放整个博客的配置

• db.json：存放source解析所获得的

• package.json：存放项目所需模块项目的配置信息

 

4.将生成的博客项目跑起来

一、清除
hexo clean
二、生成
hexo g
三、启动服务
hexo server

 

启动完成后就能够按照提示，打开 http://localhost:4000 来访问咱们在本地初始化好的博客项目了

能够看到咱们的项目已经成功跑起来了，成功的迈出了第一步，先暂且按耐住激动的心情，咱们继续！

 

5.在GitHub上建立仓库用于托管博客项目

打开Github：https://github.com/PeyShine，新建一个仓库，如图

仓库名称须要配置为：我的名字.github.io，仓库设置为公开，而后点击建立就能够

 

6.配置_config.yml

deploy:
   type: git
   repository: https://github.com/PeyShine/PeyShine.github.io.git
   branch: master

　　

7.上传项目 

在此以前请先安装一个插件

npm install hexo-deployer-git --save

　　

部署（上传到GitHub） 

hexo d 或者 hexo deploy

上传过程当中输入了用户名和密码，若是提早配置好ssh也能够不用输入

到Github上看一下，是否上传成功

能够看到文件都已经上传成功了

8.成功访问

经过域名“https://peyshine.github.io” 来访问