github+hexo搭建个人博客(1.简单搭建)

需要使用的软件,我已经放到自己的百度云盘里,网络不好的同学可以自己下载【百度云链接】

  • 安装git
  • 安装node
  • 安装hexo
  • 本地测试
  • 申请github账号
  • 建立仓库
  • 修改本地配置文件
  • hexo命令部署一下下
  • 然后就可以通过网络访问了

1.安装git,默认安装就可以,此处不再列出

2.首先 安装node,默认安装设置就可以,然后配置环境



如,此处是我的安装目录,填上你自己的安装目录

3.安装 hexo

打开CMD终端,如下图中操作就可以了(我这里装过了,再次用了安装命令,可能有些信息不一样,不打紧)


4.开始简单搭载本地博客(浏览器输入http://localhost:4000进行访问,下一步再寄托在github上)

4.1 按下图顺序操作



【命令一定要在我们建立的blog目录下运行哦】
hexo g 生成静态页面
hexo s可以通过http://localhost:4000进行访问现在建立的本地静态网页(Crtl+C就可以结束了)


5.我们开始将博客部署到github上(现在的主题是有一点丑,但是不要紧,后面我会教你美化)

5.1怎么注册github账号我就不说了吧,自己注册账号,然后登陆。如果是第一次的话,就像我一样(嘻嘻嘻嘻,小白菜白了个白的样子,哈哈哈),Let’s start a project~~

5.2注意我的图片提示哦,此处的命名一定要是这样,不然会出错。然后我们click一下绿色的按键,创建仓库

5.3然后复制一下HTTPS网址链接,下面会用到

5.4我们开始更改本地博客的配置

5.5记事本打开_config.yml

找到下面这段代码
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type:
改成下面这段代码
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repository: https://github.com/用户名/用户名.github.io.git
branch: master
【加的这一段网址要记住,repository的冒号后有一个空格哦!其它的也是,冒号后面有个空格,用户名记得替换成你自己的用户名或者下面截图中的网址】


6.开始生成,部署到github上

npm install hexo-deployer-git --save
hexo g
hexo d
有的时候部署的时候会因为网络问题会失败,hexo d 命令容易失败,就像下面这样

这时候不要着急,在输入一次hexo d

这样的话就部署成功了,现在电脑访问https://用户名.github.io
好了,你的博客已经部署成功了,可以网络访问了,后面我会教你进行域名绑定和博客美化,以及如何发表博客(我也是一个小小白,自己再一步一步的尝试,嘻嘻嘻)


github+hexo搭建个人博客(1.简单搭建)相关推荐

  1. Hexo+github搭建个人博客-环境搭建篇

    一.概述 我们使用Hexo + Github搭建个人博客,我们自然不能错过,事不宜迟,我们现在立马来认识一下,他们究竟是何方神圣吧. 1.1 关于 GitHub 1.1.1 Github 接触编程一段 ...

  2. java 搭建个人博客_Spring boot 搭建个人博客系统(一)——整体思路

    Spring boot 搭建个人博客系统(一)--整体思路 一直想用Spring boot 搭建一个属于自己的博客系统,刚好前段时间学习了叶神的牛客项目课受益匪浅,乘热打铁也主要是学习,好让自己熟悉这 ...

  3. hugo搭建博客教程-简单搭建

    title: Hugo简单搭建博客 tags: Hugo 博客教程 categories: Hugo keywords: 'Hugo,博客教程' description: 简单的Hugo搭建博客教程, ...

  4. Hexo+github搭建个人博客-博客发布篇

    通过 Hexo+github搭建个人博客-环境搭建篇 以及 Hexo+github搭建个人博客-博客初始化篇 ,我们了解到了利用Hexo搭建个人博客需要的环境以及配置,下面这篇文章将会介绍如何把我们的 ...

  5. Hexo+github搭建个人博客-博客初始化篇

    文章推荐 精选java等全套学习资源 精选java电子图书资源 精选大数据学习资源 java项目练习精选 上一篇博文 [<Hexo+github搭建个人博客-环境搭建篇>](http:// ...

  6. 使用hexo+yilia+github搭建个人博客

    本人搭建博客地址: http://www.janszeng.top/ 经过几天的折腾,终于配成功了,现记录如下,本人是在win7上搭建个人博客的. 直奔主题,搭建个人博客主要分为以下几步: * 先查看 ...

  7. 利用Hexo搭建个人博客-博客发布篇

    通过 <利用Hexo搭建个人博客-环境搭建篇> 以及 <利用Hexo搭建个人博客-博客初始化篇>,我们了解到了利用Hexo搭建个人博客需要的环境以及配置,下面这篇文章将会介绍如 ...

  8. Hexo搭建个人博客网站

    文章目录 0.首先介绍一下hexo是怎么搭建的博客? 一.搭建 但是我在这里遇到了两个问题 1.命令行报错:YAMLException: can not read a block mapping en ...

  9. 利用Hexo搭建个人博客-博客初始化篇

    上一篇博文 <利用Hexo搭建个人博客-环境搭建篇> 中,我们讲解了利用Hexo搭建个人博客应该要配置哪些环境. 相信大家已经迫不及待的想要知道接下来应该要怎么把自己的博客搭起来了,下面, ...

  10. md 生成目录 码云_搭建简易博客方案

    现在大家都喜欢用markdown来写技术博客,这篇文章将阐述搭建支持markdown的简易博客方法. 我的写作需求 通过阅读本文,您将学会搭建满足以下条件的博客: 博客只用书写markdown文件 能 ...

最新文章

  1. 【深度学习】caffe 中的一些参数介绍
  2. CGLIB介绍与原理(通过继承的动态代理)
  3. [二叉树建树] 后序遍历与中序遍历建立二叉树
  4. idea提交新项目到远程git创库
  5. UltraEdit中OracleSQL的syntax文档
  6. Android Studio导入别人的module提示错误Plugin with id ‘com.jfrog.bintray‘ not found.
  7. 企业网站前端制作实战教程 JQuery CSS JS HTML 登录界面
  8. qq批量登录软件_把微信PC版越甩越远!QQ电脑版这些新功能太良心
  9. asp 开发app_从零开始实现 ASP.NET Core MVC 的插件式开发(七) 问题汇总及部分问题解决方案...
  10. jmeter压力测试指标解释
  11. c语言上机南开100题,全国计算机三级网络技术C语言南开上机南开100题(WORD版)
  12. 微信公众号互助、开白群,小白报团取暖
  13. 求两个数的最大公约数和最小公倍数
  14. PRD文档范例,千万收藏的产品经理写作手册
  15. 北斗卫星短信通信与定位详解
  16. unity教程:MMORPG网络游戏如何实现玩家同步
  17. 风控小白必看!主流风控模型解析
  18. 序列周期性与魔术(一)——数学里的函数周期性
  19. oracle 有iif么,ORACLE IIF声明
  20. 【Python数据分析——使用matplotlib制作南丁格尔玫瑰图】

热门文章

  1. 人脸检测器:对DSFD的理解
  2. 判断回文字符串(函数实现)
  3. pta判断回文字符串
  4. 高新区万达(大连)编程猫学院(一)
  5. 深度了解什么是结构体对齐
  6. 第一节 基本数字输出功能LED灯
  7. 华为离职副总裁透露​年薪千万的工作感悟(建议收藏)
  8. raid阵列处于Inactive状态的处理办法
  9. 如何通过绝缘层挑选优质电线
  10. datahub报错问题