使用hexo搭建个人博客

省略前期工作

  • 注册github账号
  • 添加username.github.io仓库
  • 本地搭建git环境
  • 配置ssh
  • 本地连接github

安装Hexo

安装前提

  • 安装Node.js
  • 安装git

安装Hexo

$ npm install -g hexo-cli
安装完成之后,新建一个文件夹,执行以下命令进行初始化

1
2
3
$ hexo init <folder>
$ cd <folder>
$ npm install

新建完成后,文件夹目录

  • _config.yml 文件是网站的配置文件,可以在其中配置网站的大部分参数。
  • package.json 文件是应用程序的信息。
  • source 是资源文件夹,是用来存放xxxu用户资源的地方。
  • themes 是主题文件夹,Hexo会根据主题来生成不同的静态页面。
  • scaffolds是模板件夹,当新建文章的时候,Hexo会根据模板来建立文件。

安装NexT主题

git clone https://github.com/iissnan/hexo-theme-next.git themes/next
再打开Hexo主文件夹中的_config.yml文件,修改theme属性,注意theme:后要加空格
theme: next

本地调试

1
2
$ hexo g #生成静态页面,生成的内容在public文件夹下
$ hexo s #启动本地服务,进行文章预览调试。hexo s --debug 命令可以用来调试

部署到github上

配置git

1
2
$ git config --global user.name "your name"
$ git config --global user.email "email@email.com"

配置Hexo

打开Hexo主文件夹下的_config.yml,设置其中的deploy参数

1
2
3
4
deploy:
type: git
repo: git@github.com:stiverick610/stiverick610.github.io.git
branch: master

部署

安装hexo-deployer-git插件
$ npm install hexo-deployer-git --save
安装完成插件之后,使用以下命令部署
$ hexo d -g #在部署前先生成

Next主题拓展及常用命令

主题拓展

NexT主题文档

常用命令

1
2
3
4
5
$ hexo clean #清理之前生成的内容,即public文件
$ hexo g #生成静态文件
$ hexo d #部署
$ hexo s #启动本地服务,可以通过http://localhost:4000查看
$ hexo s --debug #使用debug模式启动服务
微信公众号
坚持原创技术分享,您的支持将鼓励我继续创作!
0%