← 返回全部文章

ARTICLE

个人博客部署教程(静态页面)

  • 教程

基于Hexo的个人博客搭建

Hexo安装

安装 hexo 之前,需要有 git 和 nodejs。大家自行在网上搜索解决。

安装完 nodejs,通过以下命令,就可以安装 Hexo:

npm install -g hexo-cli

Hexo建站

以下命令会初始化一个 my-blog 的 hexo 站点目录。

hexo init my-blog

cd my-blog

npm install

目录结构如下:

├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes

Hexo服务器

Hexo 3.0 把服务器独立成了个别模块,您必须先安装 hexo-server 才能使用。

npm install hexo-server --save

服务器安装完成后,通过以下命令启动服务器:

hexo server

浏览器中可以通过 http://localhost:4000 来对站点进行预览。

效果如下:

Hexo 本地预览

一键部署Hexo站点到 github

准备好对应的github.io仓库和hexo-deployer-git插件

npm install hexo-deployer-git --save

修改_config.yml

deploy:
  type: git
  repo: <repository url> #https://bitbucket.org/JohnSmith/johnsmith.bitbucket.io
  branch: [branch]
  message: [message]

站点部署

hexo deploy -g