基本搭建:
使用vscode编译器编辑
配置搭建博客的环境 hexo 官网链接 hexo官网
npm install hexo-cli -g
hexo init blog
cd blog
npm install
hexo server
-
使用码云创建项目,获取仓库地址
-
打开生成好的项目,在项目的_config.yml文件里配置deploy,
repo填写为刚创建好的仓库地址
deploy:
type: 'git'
repo: 'https://gitee.com/XXXX/blog.git'
在项目路径下执行
npm install hexo-deloyer-git --save
安装完毕之后,执行
hexo deploy
成功后刷新码云, 打开Gitee Pages服务
已开启 Gitee Pages 服务,网站地址: 博客地址
配置样式:
修改项目里_config.yml文件
url: 仓库地址
root: /blog/
# URL
## If your site is put in a subdirectory, set url as 'http://example.com/child' and root as '/child/'
url: http://chen_xl.gitee.io/blog/
root: /blog/
重新执行:
可通过修改配置文件,将build指令融合到deploy指令中
"deploy": "hexo generate & hexo deploy",
npm run serve
使用主题:
挑选喜欢的主题风格 主题网站:主题地址
进到项目里theme文件夹中,clone该主题的地址
需要注意该主题有没有依赖其他的库,如果有需要进行安装 npm install 插件地址
初步就已经搭建成功了,之后可以在vscode里安装markdown插件,这样就可以使用更简洁,直观的形式看到博客的预览了~