准备工作
安装Node.js
下载地址:传送门 去 NodeJs 官网下载相应版本,进行安装即可。 可以通过node -v的命令来测试NodeJS是否安装成功
安装Git
下载地址:传送门 去 Git 官网下载相应版本,进行安装即可。
注册Github账号
去 Github 官网进行注册即可。 注册完之后记得添加 SSH Key。 这个 SSH Key是一个认证,让github识别绑定这台机器,允许这台机器提交。执行如下命令:
cd ~/. ssh
ssh-keygen -t rsa -C "85268837@qq.com"
记得修改成你自己邮箱地址。 成功后会生成两个文件id_rsa 以及id_rsa.pub。如图,
搭建博客
安装Hexo
在本地新建一个Blog文件夹,文件右键,选择Git Bash。
输入指令安装hexo:
npm install -g hexo
等安装完毕,通过输入hexo的命令来测试Hexo是否安装成功,成功如下图展示:
接着初始化Hexo:
hexo init hexo
初始化成功会显示Start blogging with Hexo!
这时在你刚才创建的Blog里面会多出一个hexo文件
进入到hexo目录,
输入指令
npm install
,安装依赖文件以及部署形成文件 打开hexo目录
cd hexo
安装依赖文件
npm install
部署形成文件
hexo generate
最后剩下运行server 跑起hexo服务
hexo server
这时提示Hexo is running at http://loalhost:4000/. 接着我们打开浏览器,输入http://localhost:4000/便可看到默认的博客,如图。
配置githubPage
登录Github,点击”New repository”,新建一个版本库 输入仓库名:你的Github名称.github.io。然后点击Create repository。
注意:这边的创建名字,一定要用的github的用户名,不然显示不出来,因为githubPage只能你的用户名。
启用GitHub Page
点击右边的“Setting”菜单进入设置,点击”Launch automatic page generator”
进入之后点击底部的”Continue to layouts”
之后选择一个随意模版,点击”Publish page”,发布github默认生成的一个静态站点
试着打开自己在github的静态网址,我的http://wx-jin.github.io,你会发现,打开是你自己刚才选择静态站点模版。
将本地hexo项目托管到Github
打开修改hexo目录下配置文件_config.yml。
编辑最后面的deploy属性,加入代码:
type: git
repository: git@github.com:WX-JIN/WX-JIN.github.io.git
branch: master
type使用是git。
repository属性改成你的刚才创建仓库git地址。
分支branch填写master。
根据自己需要修改!
安装hexo-deployer-git插件
cnpm install hexo-deployer-git --save
部署你本地的主题到github上
代码如下,每次修改本地主题,都需要执行以下代码
hexo clean
hexo generator 简写 hexo g
hexo deploy 简写 hexo d
好了,以上安装Windows下使用