win10 + github + hexo

终于搭建起了自己的第一个博客,在这里记录一下我这个小白的建站过程~~

首先,肯定要看一看Hexo的官网,看看官网文档建议怎么搞。
另外,我还在B站上看了两个“手把手”教程,事无巨细保姆级的那种,在此特别感谢两位UP主 CodeSheephojun_cn

建站大概可以分为三步走:
在这里插入图片描述
其中,前两步的顺序无所谓,我就先从比较复杂的 Hexo 开始搞吧~~

1. Hexo

安装hexo之前,需要先安装 Node.jsGit

1.1 安装Node.js

Node.js的官网 下载 LTS 版本,下载有点慢,要耐心等待哈。
下载完就一路 Next 直到最后完成就可以了。
使用node -vnpm -v来查看安装的版本。

1.2 安装Git

Git的官网 下载 64-bit Git for Windows Setup 版本。
从官网下载很慢,可以挂上一个代理,或者从 国内下载站 寻找需要的版本。
同样的,下载完一路 Next 直到最后完成。
其中,Git Bash 是一个Linux风格的shell,以后就用它来做终端啦~

hojun_cn在安装过程中改变了这一步的选项hojun_cn在安装过程中改变了这一步的选项

1.3 安装Hexo

新建一个文件夹,以后所有与博客相关的配置都将在这个文件夹中进行。
打开文件夹,右击鼠标,选 Git Bash Here

官网给出的安装命令是npm install -g hexo-cli,但是太慢了,我们先安装一个淘宝镜像源。
输入命令npm install -g cnpm --registry=https://registry.npm.taobao.org
使用cnpm -v来查看安装版本。

然后使用 cnpm 来安装Hexo,速度会快很多,命令是cnpm install -g hexo-cli
使用hexo -v来查看安装版本。

1.4 本地建站

依然是在博客文件夹内的 Git Bash 进行操作,输入命令hexo init就可以初始化一个博客。
初始化成功会提示:Start blogging with Hexo!
与此同时,原本空的博客文件夹会出现一堆 自动生成的文件
其中,_config.yml 保存着网站配置信息,可以在此修改大部分的配置参数。

接下来是本地建站的素质三连!很重要!!每次更新博客后进行本地预览都需要!!!

hexo clean  #用来清理缓存文件
hexo g      #生成文件
hexo s     #运行本地服务器

运行hexo s后会显示:Hexo is running at http://localhost:4000 . Press Ctrl+C
to stop.
打开浏览器,输入localhost:4000,就可以进行本地预览啦~

关于Hexo的更多指令在 这里

2. GitHub

注册啥的不详细说了。
新建一个仓库,这个仓库的命名一定要符合特殊要求:username.github.io
其中 username 就是要部署的GitHub的用户名。
这一步很简单吧~~

3. Hexo + GitHub

首先,在博客文件夹内安装一个git部署插件,在Git Bash输入命令cnpm install --save hexo-deployer-git
然后,进入 _config.yml 文件进行修改,拉到最下面的deploy,设置如下:

deploy:
  type: git
  repo: https://github.com/username/username.github.io.git
  branch: master

注意:type repo branch 的冒号后面一定要先跟一个空格!!
最后,进入Git Bash输入命令hexo d
出现报错的话就按照提示依次配置:
git config --global user.email "email address"
git config --global user.name "username"
其中,email address 和 username 分别是要部署的GitHub的注册邮箱和用户名。
重新输入hexo d,在弹出的窗口Login进入GitHub。
部署成功,在浏览器输入username.github.io就可以看到与之前本地预览相同的个人博客啦~

到目前为止,搭建网站最基础的步骤就已经完成啦~
撒花撒花撒花撒花撒花撒花撒花撒花撒花撒花撒花~~
写博客、换主题、加部署这些后续操作以后再说吧~~~

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值