一、博客的环境搭建
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上面了,就可以在网站上查看了
。。。。。。。未完待续。。。。。。。