博客报告

博客网站搭建指南报告

选择博客模版

本文选择的模版为：Hexo[https://hexo.io/zh-cn/]

环境要求

1. Git
2. Node.js

下载Hexo

在自己想要安装的目录下，通过cmd用npm安装hexo并初始化本地博客文件夹

npm install hexo-cli -g
hexo init ***.github.io  # 这里替换成你自己的，为后续更新到github上，使用github名字.github,io
cd ***.github.io  # 进入本地的博客文件夹
npm install
hexo server # 打开本地服务器预览

之后通过浏览器查看http://localhost:4000/是否成功

选择博客主题

hexo主题官网

本文选择的主题为Fluid，安装Fluid进入自己的博客目录执行一下命令

npm install --save hexo-theme-fluid

之前创建的博客目录下创建 _config.fluid.yml，将该主题下的 _config.yml 内容复制进去。注意这里得复制Fluid在GIthub中的 _config.yml ，而不是我们博客下的 _config.yml 文件！！！

配置Fluid

修改博客目录中的 _config.yml，修改两个字段：

language: zh-CN  # 指定中文
theme: fluid  # 指定主题

其他配置参考官网：Fluid用户手册

更新部署博客页面指令

$ hexo clean  # 清空一下缓存，有时候博客页面显示不正常也可以试试这个命令行
$ hexo g  # hexo generate的简写，把刚刚做的改动生成更新一下
$ hexo server  # 在本地服务器看看博客有没有更新成NexT主题：https://localhost:4000

部署到GitHub

修改博客根目录下的_config.yml文件中的deploy

deploy:
  type: git
  repo: git@github.com:qzkq/qzkq.github.io.git  # 这里我用的是ssh，也可以用https，可能会报错，设置token即可
  branch: main  # 注意自己创建的分支，我的是main，有可能是master

安装hexo-deployer-git自动部署发布工具，将hexo 部署到 git page 的 deployer

npm install hexo-deployer-git --save
hexo d  # hexo deploy，如果本地服务器没问题就可以上传到github上

更新博客之后，可以通过如下命令就行上传github

$ hexo g      # 是hexo generate的简写，把刚刚做的改动生成更新一下
$ hexo server # 在本地服务器看看博客有没有更新成NexT主题：https://localhost:4000
$ hexo d      # hexo deploy，如果本地服务器看了没问题就可以上传到github网站

写博客

通过一下命令，创建新的博客

$ hexo new [layout] <title>

详细配置