win下搭建hexo博客

Hexo

Hexo是一款静态博客框架,安装起来很方便。把 hexo的静态网页上传到GitHub ,就很方便的搭建出可自定义的博客。

下面分享一下在win10下部署步骤,希望有帮助。

步骤

  • 1.安装nodejs(hexo依赖nodejs)

  • 2.安装git

  • 3.安装hexo框架

  • 4.配置博客
  • 5.本地运行
  • 6.将代码托管到github

1.安装nodejs

去nodejs官网进行下载

https://nodejs.org/en/

安装完成后,cmd进入对应的安装目录检查一下是否安装成功

node -v

npm -v

2.安装git

git官网下载

https://gitforwindows.org/

同样看一下版本信息,检查是否安装成功

git --version

3.安装hexo框架

注意:nodejs和git的安装路径自定,但安装hexo时cmd路径在nodejs路径下

npm install -g hexo-cli

安装完成用hexo -v检查是否安装成功

4.配置博客

安装好后进行配置(此时路径还是在nodejs安装路径下)

先新建一个放博客的文件(名字自定,这里我用blog)

mkdir blog

初始化(初始化时要保证初始化的文件夹是空的)

hexo init blog

完成后安装nmp

cd blog

npm install

新建后的目录功能:

  • node_modules: 依赖包
  • public:存放生成的页面
  • scaffolds:生成文章的模板
  • source:用来存放你的文章
  • themes:主题文件
  • _config.yml: 博客的配置文件

5.本地运行

git-cmd.exe对博客进行管理(此时路径在nodejs\blog下)

输入

hexo -g

hexo -s

浏览器输入localhost:4000就能在本地查看博客

一些常用命令意思

hexo clean //或hexo c清除缓存

hexo generate1 //或hexo g编译

hexo server*//或 hexo s* 运行服务

hexo d //上传到github仓库(这里还不行,要完成下一步配置才能用)

按ctrl+c停止服务

6.将代码托管到github

注册一个github账号, 创建代码仓库,按规定申请地址 用户名.github.io

比如我的github名称是xy-bz ,地址栏填 xy-bz.github.io

在博客路径(我的是blog)下安装一个git的插件(用git-cmd.exe)

​ npm install hexo-deployer-git –save

修改下博客配置文件 _config.yml 把申请的仓库地址加进去

deploy:
  type: git
  repo: https://github.com/xy-bz/xy-bz.github.io.git
  branch: master

repo:后就是的代码仓库地址

注意:冒号后面有一个空格,这个是格式

最后部署

hexo d

在浏览器输入仓库的地址就能看到了 我的博客