所使用到的工具
1.git
2.nodejs
3.hexo
4.gitee
默认你已经安装了Git和NodeJS(不会的自行百度 , 安装教程很多)
为何使用Gitee而不是GitHub
目前国内访问GitHub速度慢 , 还可能被墙 , 所以Gitee来构建个人博客 。Gitee类似国内版的GitHub , 访问速度有保证 。
开始搭建
1. 安装Hexo
打开cmd , 输入命令
npminstall -g hexo-cli 2. 初始化Hexo
在你的电脑上创建Hexo文件夹 , 在Hexo文件夹右键选择Git Bash Here
文章插图
然后输入命令
hexo init
文章插图
初始化完成后Hexo的目录结构:
文章插图
3. _config.yml对博客进行基础配置
_config.yml文件修改 , 保存
文章插图
4. 本地预览博客
编译项目 , 输入命令:hexo g
文章插图
运行项目 , 输入命令:hexo s
文章插图
在浏览器中输入http://localhost:4000/就可以看到效果啦 , 是不是很简单
如果你只是在本地浏览 , 恭喜你已经完成了
部署博客到Gitee上
1. 创建Gitee账号
到码云:https://gitee.com/ 上申请注册账号 , 码云类似国内版的GitHub , 所以操作界面跟GitHub差不多 , 多了一些国产化的东西 , 这里不做更多介绍了 , 自己研究下 。
2. 创建项目
文章插图
创建完成后 , 在项目中复制项目地址 。
3. 在_config.yml中配置Git
deploy: type: git repo: https://gitee.com/sinee/sinee.gitbranch: master 注意:冒号后面一定要有空格 , 否则不能正确识别 。
4. 发布到Gitee
输入命令安装自动部署发布工具
npm installhexo-deployer-git --save 依次输入以下命令 发布博客 , 首次发布需要在shell中输入账号和密码 。
hexocleanhexoghexod
文章插图
5. Gitee Pages设置
在项目的服务中选择Pages选项
文章插图
Pages
选择 master分支 , 点击 部署/更新
文章插图
稍等一会儿博客就发布成功啦 , 就可预览在线博客啦!!!
如果博客的样式不对 , 则需要在_config.yml中配置下博客地址和路径 , 然后再执行命令hexo clean && hexo g && hexo d 就可以啦
文章插图
下面这个是我自己搭建的网站 。
文章插图
文章插图
?
特别说明
【5分钟教你免费搭建一个网站 免费个人网站建站要多久】 本教程针对无任何编程经验 , 所有工具完全免费 。大家在搭建网站的过程中遇到任何问题 , 可以在文章底部留言 , 也可以在公众号底部添加小编微信 , 看到后会第一时间回复大家 。
推荐阅读
- 揭秘免费饮水机背后的真相 刘仪伟代言沃刻净水机多少钱
- 免费教你3种方法恢复照片 手机误删照片如何恢复
- 3种免费转换mp3格式的软件 怎样把录音文件转换成mp3格式
- 1分钟教你正确的调节方法 西门子冰箱调节温度怎么调
- 1分钟教你iphone微信多开 jabizb的微信多开应用分身
- 教你一键把消息群发给全部好友 微信怎么群发给所有人
- 手把手教你正确设置密码步骤 苹果怎么设置锁屏密码教程
- 免费一键恢复误删微信好友的步骤 微信如何恢复好友方法
- 10秒教你完全清理干净打车记录 高德地图在哪里删除打车记录
- 5步教你高德地图完全清除数据 高德地图在线数据可以清理吗