Windows环境下hexo搭建个人博客

>>2020,微服务装逼指南

一、安装git

1、下载地址

https://git-scm.com/download/win

2、下载完成后双击exe文件进行安装,如下图所示:

Windows环境下hexo搭建个人博客

Windows环境下hexo搭建个人博客

Windows环境下hexo搭建个人博客

Windows环境下hexo搭建个人博客

Windows环境下hexo搭建个人博客

Windows环境下hexo搭建个人博客

Windows环境下hexo搭建个人博客

Windows环境下hexo搭建个人博客

Windows环境下hexo搭建个人博客

3、安装成功后通过git --version来查看是否安装完成;

Windows环境下hexo搭建个人博客

二、安装Node.js

1、下载地址

https://nodejs.org/en/download/

Windows环境下hexo搭建个人博客

2、下载完成后双击msi文件进行安装,如下图所示:

Windows环境下hexo搭建个人博客

Windows环境下hexo搭建个人博客

Windows环境下hexo搭建个人博客

3、安装成功后通过命令查看是否安装完成;

Windows环境下hexo搭建个人博客

4、环境配置(这里的环境配置主要配置的是npm安装的全局模块所在的路径,以及缓存cache的路径);在安装路径下面新建【node_global】和【node_cache】文件夹

Windows环境下hexo搭建个人博客

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】

Windows环境下hexo搭建个人博客

Windows环境下hexo搭建个人博客

7、运行npm install express -g进行测试。

Windows环境下hexo搭建个人博客

三、使用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_rsaid_rsa.pub。显示如下图:

Windows环境下hexo搭建个人博客

4、登录GitHub账号,点击你的头像,选择Settings-> SSH keys->New SSH key复制id_rsa.pub中的内容到github中。

Windows环境下hexo搭建个人博客

四、安装hexo

在本地新建一个文件夹blog,右键,选择Git Bash Here

Windows环境下hexo搭建个人博客

输入指令,安装hexo,等安装完毕,通过输入hexo的命令来测试Hexo是否安装成功。

npm install -g hexo

Windows环境下hexo搭建个人博客

接着初始化hexo,初始化成功会显示Start blogging with Hexo!,这时在你刚才创建的Blog文件夹里面会多出一个hexo文件夹。

Windows环境下hexo搭建个人博客

Windows环境下hexo搭建个人博客

进入到hexo目录,输入指令npm install,安装依赖文件以及部署形成文件。

cd hexo

npm install

hexo generate

Windows环境下hexo搭建个人博客

Windows环境下hexo搭建个人博客

此时,hexo已经安装完毕。下面使用server来验证是否安装成功。输入命令:

hexo server  简写:hexo s

Windows环境下hexo搭建个人博客

打开浏览器,输入http://localhost:4000/便可看到默认的博客,如图,说明hexo安装成功。

Windows环境下hexo搭建个人博客

5、配置Github pages

登录Github,点击”New repository”,新建一个版本库输入仓库名:你的Github名称.github.io。然后点击Create repository。

Windows环境下hexo搭建个人博客

然后就是启用gitHubPages ,点击右边的Setting菜单进入设置,找到GitHub Pages,点击Choose a theme

Windows环境下hexo搭建个人博客

Windows环境下hexo搭建个人博客

随意选择一个模版,点击Select theme,发布github默认生成的一个静态站点。此时Github pages配置完毕,你已经有了一个github托管的静态网站,在浏览器中输入地址:http://你的用户名.github.io将会看到这个网站。

更换主题的方式:

git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

6、将本地hexo博客托管到GitHub上

修改blog根目录下的_config.yml,theme: landscape改为theme: yilia

创建一篇博客文章

hexo new "hellword!"

Windows环境下hexo搭建个人博客

输入命令,安装hexo-deployer-git插件

npm install hexo-deployer-git --save

每次进行修改本地博客,如需发布到博客上,运行以下命令:

hexo clean

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搭建个人博客


原文始发于微信公众号(一盏红茶):Windows环境下hexo搭建个人博客