Hexo+github博客搭建


一、博客的环境搭建

1.Node.js和Git的下载

先去Node.js官网下载安装程序,根据你电脑的配置去选择不同的安装包(64位或者32位)

然后去git官网下载适合电脑配置的安装包

Win+R输入cmd打开命令指示符窗口输入以下指令检查Node.js与git是否安装完成

node -v

npm -v

安装成功

2.cnpm的安装

国内镜像源速度慢,所以利用npm安装一个cnpm(镜像源指向淘宝)

npm install -g cnpm --registry=http://registry.npm.taobao.org

查看cnpm是否安装成功

cnpm -v

安装成功

二、本地安装hexo静态博客框架

打开命令指示符窗口进行操作

自动安装hexo框架

cnpm install -g hexo-cli

框架安装完成

查看hexo版本

hexo -v (我的是4.2.0)

选择一个磁盘作为你博客文件的存放位置,在磁盘内右击鼠标右键,选择Git Bash Here,在此窗口进行下面操作

新建一个文件(我的叫blog)

mkdir blog

进入blog目录

cd blog/

安装hexo

cnpm install hexo-cli -g

hexo安装成功

安装 hexo 部署到 git page 的 deployer

cnpm install hexo-deployer-git --save

部署成功

初始化hexo

hexo init

初始化成功

启动hexo

hexo s

出现下图表示本地部署已经完成,然后我们进入本地网址](http://localhost:4000)查看我们的博客

可以看到一个网页,说明Hexo已经成功在本地运行(这个图是网上找的,自己搭的时候这张图忘记截保存了)

三、将本地博客部署到Github上

1.创建项目代码库

在创建的博客目录下右击鼠标点击Git Bash Here安装一个插件

cnpm install --savehexo-deployer-git

安装成功

GitHub官网去注册一个账号(注册就是填一下信息这里就不多说了)

点击New repository开始创建,注意Repository name必须为你的用户名+github.io,完成创建就可以了

2.配置SSH密钥

只有配置好SSH密钥之后我们才可以实现本地代码库与GitHub库关联起来

在博客所属的文件夹下右击鼠标右键打开Git Bash Here输入

ssh-keygen -t rsa -C "your email"

两次回车就可以

接下来会出现一堆奇怪的东西,不用管他,继续输入

clip < ~/.ssh/id_rsa.pub

将公钥的内容复制到系统粘贴板上

3.在GitHub上添加你的公钥

点击头像再点击Settings

进入之后点击SSH and GPG keys

再点击New SSH key,Title填什么都可以,Key里面粘贴刚才的公钥就可以

4.配置个人信息

输入下面的两个命令(用户名和邮箱替换成自己的)

git config --global user.name "your user name"

git config --global user.email "your email"

5.将Hexo文件更新到GitHub库中

进入“user name ” .github.io,点击Code复制SSH

打开你创建的博客文件夹(我的是hexo),右击用记事本打开_config.yml文件

一直拉到最后,按下图修改并且保存(repository改成自己复制的内容,并且注意冒号后面都有一个空格)

在hexo文件执行命令

hexo g -d

你的博客就部署到GitHub上面了,博客地址是“你的用户名”.github.io

四、发布博客

输入命令就会在hexo\source_posts目录下生成一个.md文件

hexo n "文章标题"

用编辑器写文章(我用的是Typora)

写完之后记得保存,然后在博客文件(hexo)下输入

hexo g

hexo g s

这样就可以在本地查看(http://localhost:4000)了

接下来再输入

hexo g -d

写的博客就部署到GitHub上面了,就可以在网站上查看了

​ 。。。。。。。未完待续。。。。。。。


文章作者: Lin Hai
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 Lin Hai !
  目录
//