这是关于我搭建博客过程,以及遇到问题的解决
搭建hexo博客
一、环境准备
1.1 安装Nodejs
- ‘Nodejs’官网:https://nodejs.org/zh-cn/ (免费)
- 默认安装即可
1.2 安装Git
- ‘Git’官网:https://git-scm.com/ (免费)
- 默认安装即可
1.3 安装Hexo
(1)启动命令行cmd(管理员模式),检查环境
-
显示版本号证明安装成功
1
2
3
4
5node -v #检测node 版本
npm -v #检测npm 版本
git version 检测Git 版本
(2)安装cnpm搭载镜像源到淘宝(国内源下载速度快)
1 | npm install -g cnpm --registry=https://registry.npm.taobao.org |
(3)安装hexo
1 | cnpm install -g hexo-cli |
二、搭建博客
2.1 创建项目文件夹(blog)
- 博客的所有资源都在里面,博客创建有问题,把文件夹删了重来就是了
2.2 初始化hexo
(1)命令行切换到blog文件夹下
1 | cd xx/xx/blog #切换工作目录 |
(2)初始化hexo
1 | hexo init |
- 遇到问题:一直卡着不动,初始化不了
- hexo下载用的github网址,是外网,可能下不动
解决方法:手动下载资源,自己初始化hexo
hexo整体框架:https://github.com/hexojs/hexo-starter
- 解压内容放在/blog文件夹下
hexo默认主题landspace:https://github.com/hexojs/hexo-theme-landscape
- 解压内容放在./blog/theme/landspace文件夹下
1 | cnpm install #搭建博客 |
2.3 测试是否创建成功
1 | hexo s #启动hexo服务器 |
- 浏览器输入http://localhost:4000打开本地博客
- 见到这画面说明搭建成功
三、部署博客
3.1 注册gitee,并登陆
Gitee官网:https://gitee.com
3.2 创建仓库
(1)新建仓库
(2)参数设置
(3)记住/复制仓库地址
3.3 修改_config.yml
(1)前期准备
- 在blog文件夹cmd敲下面指令
1
2
3
4
5
6
7
8#安装发送git,用来上传文件到gitee
cnpm install --save hexo-deployer-git
#设置邮箱(随便填,只是给个git身份)
git config --global user.email '******@qq.com'
#设置用户名(随便填,只是给个git身份)
git config --global user.name '****'
(2)修改根目录_config.yml
- 打开_config.yml【打开方式选txt即可】,找到以下内容,进行修改【注意冒号’:’后面有空格】
1
2
3
4
5
6
7# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: 'git' #上传方式
repo: https://gitee.com/letere/MyBlog.git #上传的仓库地址
branch: master #分支,默认为master,不添加也行3.4 部署博客
(1)上传文件
1 | hexo d #上传文件到仓 |
- 第一次上传会出现gitee的登录验证,输入gitee账号、密码即可
- 若账号密码输错,可以在’控制面板\用户帐户\凭据管理器’进行修改
(2)开启服务
- 回到仓库,发现多了很多东西,这时可以去“服务”—>“Gitee Pages”
- 点击启动,会生成你博客的地址,这时博客已经部署到网络上了
(3)重新修改__config.yml
- 打开博客发现与预想的不一样,缺少了字体样式
- 重新修改_config.yml,找到以下内容进行修改
1
2
3
4
5
6
7
8
9
10
11# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: http://letere.gitee.io/myblog #博客网址
root: /myblog/ #博客网址最后一小部分
permalink: :year/:month/:day/:title/
permalink_defaults:
pretty_urls:
trailing_index: true # Set to false to remove trailing 'index.html' from permalinks
trailing_html: true # Set to false to remove trailing '.html' from permalinks
(4)重新部署
- 在blog文件夹内cmd敲以下命令
1
2
3
4
5hexo clean #清空生成的资源
hexo g #生成资源
hexo d #上传到仓库 - 会到仓库Gitee pages上,点击更新
- 点进博客,恢复正常