banner

博客搭建

Scroll down

记录下博客搭建过程,本站采用 hexo + Hexo-Theme-Async 搭建完成。

hexo 建站

  1. 安装 hexo
1
$ npm install hexo-cli -g
  1. 初始化 hexo
1
$ hexo init
  1. 安装依赖
1
$ npm install
  1. 项目编译
1
2
3
$ hexo generate
# 简写
$ hexo g
  1. 运行项目
1
2
3
4
$ hexo server
# 简写
$ hexo s
# 运行之后在本地浏览器访问 http://localhost:4000/ 即可预览

推送至 github

  1. github 新建项目,项目名称必须以 项目名.github.io 格式命名

  2. 本地生成 sshkey

1
$ ssh-keygen -t rsa -C "your_email"
  1. 复制 sshkey,进入 github 绑定 sshkey(shkey路径=》 /Users/电脑用户名/.ssh/id_rsa.pub)

  2. 安装插件

1
$ npm install hexo-deployer-git --save
  1. 将 github 仓库地址复制到 config.yml 中
1
2
3
4
5
6
7
# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
type: git
# 你的博客地址
repo: github url
branch: master
  1. 运行指令
1
2
3
4
5
6
7
8
# 清理缓存
$ hexo clean

# 编译
$ hexo g

# 推送
$ hexo d

主题应用

请确保已经安装渲染器: hexo-renderer-ejs 和 hexo-renderer-less。

1
$ npm install --save hexo-renderer-less hexo-renderer-ejs
  1. 安装主题
1
$ npm i hexo-theme-async@latest
  1. 启用主题

    修改根目录下 _config.yml 文件,将主题修改为 async

1
$ theme: async
  1. 配置主题 Config
  • 在 hexo 目录下新建 _config.async.yml
其他文章
目录导航 置顶
  1. 1. hexo 建站
  2. 2. 推送至 github
  3. 3. 主题应用
请输入关键词进行搜索