美文网首页
hexo搭建自己的博客

hexo搭建自己的博客

作者: 飞奔在路上 | 来源:发表于2020-09-09 10:51 被阅读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

    相关文章

      网友评论

          本文标题:hexo搭建自己的博客

          本文链接:https://www.haomeiwen.com/subject/xdkmaftx.html