Windows环境下hexo搭建个人博客
一、安装git
1、下载地址
https://git-scm.com/download/win
2、下载完成后双击exe文件进行安装,如下图所示:
git --version
来查看是否安装完成;
二、安装Node.js
1、下载地址
2、下载完成后双击msi文件进行安装,如下图所示:
3、安装成功后通过命令查看是否安装完成;
4、环境配置(这里的环境配置主要配置的是npm安装的全局模块所在的路径,以及缓存cache的路径);在安装路径下面新建【node_global】和【node_cache】文件夹
5、创建完两个空文件夹之后,打开cmd命令窗口,输入
npm config set prefix "D:Program Filesnodejsnode_global"
npm config set cache "D:Program Filesnodejsnode_cache"
6、接下来进行环境变量的配置
进入环境变量对话框,在【系统变量】下新建【NODE_PATH】,输入【D:Program Filesnodejsnode_globalnode_modules】,将【用户变量】下的【Path】修改为【D:Program Filesnodejsnode_global】
npm install express -g
进行测试。
三、使用github
1、在GitHub官网注册账号。然后要添加SSH Key,这样Github就能识别设备,允许电脑直接提交代码。
打开刚刚安装好的git,右键选择Git Bash Here,输入命令
cd ~/.ssh
2、如果显示No such file or directory
,则表示此电脑第一次使用SSH Key。
下面是如何产生新的SSH Key。在git bash 中输入:
ssh-keygen -t rsa -C “xxxx@qq.com”
3、注意用户名改成自己的邮箱地址,中间的提示,可以直接按回车即可。成功后会生成两个文件id_rsa
和id_rsa.pub
。显示如下图:
Settings-> SSH keys->New SSH key
。复制id_rsa.pub
中的内容到github中。
四、安装hexo
在本地新建一个文件夹blog
,右键,选择Git Bash Here
。
输入指令,安装hexo,等安装完毕,通过输入hexo
的命令来测试Hexo是否安装成功。
Start blogging with Hexo!
,这时在你刚才创建的Blog文件夹里面会多出一个hexo文件夹。
进入到hexo目录,输入指令npm install,安装依赖文件以及部署形成文件。
cd hexo
npm install
hexo server 简写:hexo s
http://localhost:4000/便可看到默认的博客,如图,说明hexo安装成功。
5、配置Github pages
登录Github,点击”New repository”,新建一个版本库输入仓库名:你的Github名称.github.io。然后点击Create repository。
Setting
菜单进入设置,找到GitHub Pages,点击Choose a theme
Select theme
,发布github默认生成的一个静态站点。此时Github pages配置完毕,你已经有了一个github托管的静态网站,在浏览器中输入地址:http://你的用户名.github.io
将会看到这个网站。
更换主题的方式:
git clone
6、将本地hexo博客托管到GitHub上
修改blog根目录下的_config.yml,theme: landscape
改为
创建一篇博客文章
输入命令,安装hexo-deployer-git
插件
npm install hexo-deployer-git --save
每次进行修改本地博客,如需发布到博客上,运行以下命令:
hexo generator #简写 hexo g
hexo deploy #简写 hexo d
如果出现git提交错误,运行如下命令:
git config --global user.email "邮箱"
git config --global user.name "账号名"
https://lzxhh2017.github.io/进行访问了:
原文始发于微信公众号(一盏红茶):Windows环境下hexo搭建个人博客