hexo搭建自己的博客

2020-09-09  本文已影响0人  飞奔在路上

环境搭建

1. node && git

2. 安装hexo脚手架及工具

yarn add hexo-cli -g

yarn add hexo-deployer-git hexo-admin

3. 初始化项目目录

hexo init myblog

4. 安装并运行

yarn && hexo s

域名相关

1. 腾讯云/阿里云 购买域名,进行实名认证

Coding部署

1. 创建项目

image.png

2. 创建代码仓库blog,代码仓库source

image.png

3. 打开项目设置,将持续集成和部署功能打开

image.png

4. 点击持续部署菜单,选择静态网站,选择部署来源,点击保存

image.png

5. 保存后点击设置

image.png

6. 输入要绑定的域名,点击绑定

image.png

7. 在腾讯云或阿里云域名控制台编辑域名解析,添加CNAME记录,值为第六步后提示的内容

image.png image.png

8. 进入已经初始化完毕的Hexo项目目录,修改_config.yml配置(文件最下方的 deploy),repo为coding创建的项目中的blog地址

image.png

9. 在项目根目录执行发布,稍等片刻即可从之前购买的域名中看到部署好的页面

hexo g -d

10. 为了管理博客项目,我们将项目上传至Coding,在项目根目录执行如下命令,这里的远程地址是代码仓库****source的****地址,运行项目,访问localhost:4000/admin 编辑页面

git init

git add .

git commit -m "init"

git remote add origin 远程地址

git pull --rebase origin master

git push -u origin master

hexo s

11. 大功告成!看图

www.fandongyang.com

image.png
上一篇下一篇

猜你喜欢

热点阅读