搭建博客前提

一丶下载node.js

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型。

Node 是一个让 JavaScript 运行在服务端的开发平台,它让 JavaScript 成为与PHPPythonPerlRuby 等服务端语言平起平坐的脚本语言。 发布于2009年5月,由Ryan Dahl开发,实质是对Chrome V8引擎进行了封装。

Node对一些特殊用例进行优化,提供替代的API,使得V8在非浏览器环境下运行得更好。V8引擎执行Javascript的速度非常快,性能非常好。Node是一个基于Chrome JavaScript运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。Node 使用事件驱动, 非阻塞I/O 模型而得以轻量和高效,非常适合在分布式设备上运行数据密集型的实时应用。

在DOS窗口中输入 : node -v 回车显示版本号即下载成功

二丶下载git

Git 是一个开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目。

Git 是 Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。

Git 与常用的版本控制工具 CVS, Subversion 等不同,它采用了分布式版本库的方式,不必服务器端软件支持。

在桌面右键,刷新下面能看到 : Git GUI Here和Git Bash Here 即下载成功

三丶登录github官网

1.注册账户

2.创建仓库

注意你的仓库名格式必须为 : 你刚注册的账户名 . github . io 并且要设为公共的

搭建博客

一丶安装Hexo

1.创建本地存储仓库

准备一个存储你的博客的文件夹

进入文件夹

右键选择 : Git Bash Here

输入命令 :

npm config set registry https://registry.npm.taobao.org

这是添加国内镜像源,为了加快下载插件的速度

2.安装Hexo

npm install -g hexo-cli

3.检查Hexo是否安装成功

hexo -v

4.初始化Hexo

hexo init

这时你的博客文件夹中会生成初始化文件

5.安装依赖插件

npm install

二丶测试预览

1.生成静态网页

hexo g
#也可以输入全称 : hexo generate

2.启动本地服务器,预览主题

hexo s
#也可以输入全称 : hexo server

服务器启动之后在浏览器地址栏输入 : 127.0.0.1:4000

可预览本地效果,Ctrl+C 可关闭服务器

三丶将你的博客部署到github

1.生成SSH秘钥

绑定用户名

git config --global user.name "你的github用户名"

绑定邮箱

git config --global user.email "你的github用户绑定的邮箱"

一直回车就好

ssh-keygen -t rsa -C "你的github用户绑定的邮箱"

让输入(y/n)时,输入 : y

cat ~/.ssh/id_rsa.pub

2.复制生成的秘钥到你的github中绑定

3.检验是否成功绑定

ssh -T git@github.com

提示成功信息即绑定成功(Hi username! You’ve successfully authenticated,but GitHub does not provide shell access)

4.安装 deploy-git 部署插件

npm install hexo-deployer-git --save

5.修改 _config.yml 文件

deploy:
type: git
repository: https://github.com/你的github用户名/你的github用户名.github.io
#【注意】主题不一样 branch 配置不一样
branch: master

6.常用命令

1.清除缓存 ,网页正常情况下可以忽略此条命令,执行该指令后,会删掉站点根目录下的public文件夹

hexo clean

2.生成静态网页 (执行后会在站点根目录下生成public文件夹, hexo会将”/blog/source/“ 下面的.md后缀的文件编译为.html后缀的文件,存放在”/blog/public/ “ 路径下)

hexo g
#也可以输入全称 : hexo generate

3.自动生成网站静态文件,并将本地数据部署到你设定的仓库

hexo d
#也可以输入全称 : hexo deploy

4 . 2跟3可以一块

hexo g -d
#也可以输入全称 : hexo generate --deploy

四丶选择主题

到这里你的博客已经搭建完成了,你可以选择你喜欢的主题进行配置啦

选择主题