Hexo+github(gitee)搭建博客简单教程(win10版)
首先,简单讲一下hexo+github(gitee)搭建的过程,这里是个重点奥,记好笔记,我建议大家将hexo同时上传到github和gitee的仓库中,国内用gitee,国际用github。
正文开始了奥
前期准备
1.安装node.js(12版本的lts,安装14版本我当时出现了本地不能推到远端的问题),安装成功后要配置环境变量。
2.安装git(这个东西用起来真的是太方便了,相比cmd之下)
3.在git Bush下
npm -v node -v
可以检测你所下载的npm,node的版本
4.别的教程会告诉你安装cnpm会快些,我觉得不用,我测试了一下,两者的速度差不多。(不是重点看看就行🤣)
5.运行git bush,初始化你的git,执行命令
git config -global user.name “github上注册的用户名” git config -global user.email “github用户邮箱”
修改的话,也可以直接用上面的命令
查看你的用户名和邮箱用
git config user.name git config user.email
安装Hexo
1.在git bush 下执行
npm install -g hexo -cli命令来安装hexo。
2.我们需要建一个文件夹名字随意命名,例如blog。
3.我们在blog文件夹内运行git bush并且执行
hexo init来初始化hexo,然后我们就会看到blog 文件夹中多出了很多东西。例如_config.yml 等。
4.我们紧接着写命令
npm intall为了在github上clone npm的源码包。
5.此时先
hexo g(生成)再次
hexo s(测试),我们打开浏览器在网址栏中打上http://localhost:4000就可以看到我们最基本的博客框架(这个只是本地的,还没有推到远端)
注册账户
这里有个小细节,划重点(这一步里面,有的教程会让你建ssh公钥,没必要,我们直接通过repo就可以推远端了,ssh公钥配置的话需要关闭防火墙等等操作,要不然会被拦截)
注册github(国际)
1.进入github官网(github.com),先注册(不注册怎么搞仓库)
2.建仓库,在你页面的左上角new repository(对了,没错,这就是新建仓库)
3.进来我们在仓库名称里填写自己用户名➕github.io,例如:xxxxx. github.io(这里是重点,小细节,错了就没了,对,没了),注释随便写没关系的
4.点击create repository 创建成功。
注册gitee(码云)(国内)
1.一样啦,先进官网,注册!
2.右上角菜单栏里的小’➕‘,它的菜单项中的第一个新建项目,点它,对没错,点它!
3.仓库的名称没有那么github那么苛刻了,你可以随意写(但是之后你生成的网页就是二级域名,我感觉是不容易记住,有钱买域名就当我没说)最好还是写的和用户名相同。
4.创建就ok啦
将hexo推送到远端
1.我们回到你当初所建文件夹的目录下,将_config.yml文件用记事本打开。
2.修改最后一个deploy下的东西
deploy:
type: git
repo: (你所建仓库给的https)
branch: master
这里你想往哪个仓库里推,你的repo就填哪个仓库的https。(这里也有一个小细节奥,你所有config文件中’:‘后的空格不能少)
giee截图
github截图
3.在文件夹中git bush输入命令
hexo clean来清除缓存,再
hexo g&&
hexo d,我们就可以在http://xxxxx.github.io上看到我们的博客最初的框架。(第一次推的话,系统会弹出窗口让你填写github的用户名和密码。填错了不要担心,进入控制面板找到凭据管理器,在里面找到github可以修改)
4.gitee每推一次远端都需要在“服务-git page”中更新一次。gitee更新完之后会显示你的博客网址。(小细节,划重点)
5.我建议两个仓库都推一遍。国际的用github,国内用gitee,毕竟gitee是国内的,速度相比之下会更快些。
更新主题
1.想必大家看到自己的bolg上原始的主题都会觉得low到爆,我们可以在hexo-theme上去找符合自己审美的主题,还可以通过参观别人家blog,引用别人家blog的主题。
注意事项
大家如果在某一步做错了,请不要担心,咱直接可以把所建文件夹干掉重来就好,大家在做的时候一定要有耐心。
- 使用hexo和gitee搭建免费个人博客详细教程
- 基于Hexo+GitHub Page搭建免费个人博客教程
- 基于Hexo+GitHub Pages+独立域名 搭建博客详细教程
- 第4节-git、github、hexo搭建博客
- 如何搭建一个独立博客——简明Github Pages与Hexo教程
- (一)Github + Hexo 搭建个人博客超详细教程
- 手把手教从零开始在GitHub上使用Hexo搭建博客教程(一)-附GitHub注册及配置
- 如何搭建一个独立博客——简明Github Pages与Hexo教程
- 简明 Github Pages与 jekyll博客搭建 教程 附 git github参考文档
- 如何搭建一个独立博客——简明Github Pages与Hexo教程
- 如何搭建一个独立博客——简明Github Pages与Hexo教程
- 超简单的github+hexo搭建免费个人博客
- GitHub+node.js+hexo搭建个人博客教程
- 如何搭建一个独立博客——简明Github Pages与Hexo教程
- Github+hexo博客搭建小白教程
- 如何搭建一个独立博客——简明Github Pages与Hexo教程
- Mac下Hexo+GitHub搭建博客图文教程
- 手把手教从零开始在GitHub上使用Hexo搭建博客教程(二)-Hexo参数设置
- github+hexo搭建个人博客(1.简单搭建)
- 使用hexo+github搭建免费个人博客详细教程