Hexo博客的搭建部署
本文最后更新于:1 年前
Hexo博客搭建教程
搭建环境
下载安装Git
到Git官网下载合适版本的Git,并安装
检测安装是否成功
1
git --version//查看Git版本
Git安装成功后可以用Git Bash来进行命令行操作
下载安装Note.js
到Note.js中文官网下载合适的版本,并安装
检测是否安装成功
1
2node -v//查看note版本
npm -v//查看npm版本
搭建本地博客
安装Hexo
打开Git Bash,输入下面的命令
1
npm install -g hexo-cli
检测是否安装成功
1
hexo -v
博客初始化
新建一个文件夹作为博客的目录,例如将博客目录设置为myblog
1
hexo init myblog
初始化博客
1
2cd myblog
npm install
博客本地效果
Git Bash执行下面的命令
1
2hexo -g//生成静态页面
hexo server//本地预览查看本地博客效果
将博客部署到Github
创建个人Github仓库
- 注册一个Github账号,并登录
- 新建一个Github仓库,并命名为yourname.github.io。必须按此格式命名,这里yourname可以自定义,比如我的仓库名Linsip.github.io
配置SSH
Git Bash输入下面的命令,生成密钥
1
2git config --global user.name "你的github账户名字"
git config --global user.email "你的github邮箱"检测输入的用户名与邮箱是否正确
1
2git config user.name
git config user.email输入下面命令创建SSH密钥
1
ssh-keygen -t rsa -C "youremail"
上传SSH密钥到Github
部署代码到Github上
找到并打开配置文件,修改其内容
Git Bash输入下面命令,安装hexo-deployer-git
1
npm install hexo-deployer-git --save//
继续执行下面的命令
1
2
3hexo clean//
hexo generate//
hexo deploy//打开网址http://yourname.github.io就可以看到你自己搭建的博客。这里的yourname就是你Github仓库的名字
设置个人域名
购买域名
推荐腾讯云
Hexo博客常用命令
新建博客目录
1 |
|
新建文章
1 |
|
生成静态页面
1 |
|
部署内容到网站
1 |
|
启用本地预览
1 |
|
Hexo博客常见问题
更换博客主题
到Hexo官网找到自己喜欢的主题,
然后再博客目录下面的themes文件夹下打开git bash,输入以下命令,完成后themes文件夹下会多出一个文件夹,这个文件夹名字就是主题的名字
1 |
|
- 修改博客配置文件即博客目录下_config.yml文件,找到themes,修改后面的主题的名字
1 |
|
- 修改主题配置文件(不是博客配置文件,一般在主题文件夹themes里面主题文件夹下的_config.yml文件),然后回到博客目录下,打开git bash,查看效果
1 |
|
- 部署到远端,博客目录下,打开git bash
1 |
|
博主码字不易,本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!