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

首先,肯定要看一看Hexo的官网,看看官网文档建议怎么搞。

另外,我还在B站上看了两个“手把手”教程,事无巨细保姆级的那种,在此特别感谢两位UP主 CodeSheephojun_cn

建站大概可以分为三步走:

Hexo + GitHub +Win10 搭建个人博客-LMLPHP

其中,前两步的顺序无所谓,我就先从比较复杂的 Hexo 开始搞吧~~

1. Hexo

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

(1) 安装Node.js

Node.js的官网 下载 LTS 版本,下载有点慢,要耐心等待哈。

下载完就一路 Next 直到最后完成就可以了。

使用node -vnpm -v来查看安装的版本。

(2) 安装Git

Git的官网 下载 64-bit Git for Windows Setup 版本。

从官网下载很慢,可以挂上一个代理,或者从 国内下载站 寻找需要的版本。

同样的,下载完一路 Next 直到最后完成。

其中,Git Bash 是一个Linux风格的shell,以后就用它来做终端啦~

(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来查看安装版本。

(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就可以看到与之前本地预览相同的个人博客啦~


到目前为止,搭建网站最基础的步骤就已经完成啦~

撒花撒花撒花撒花撒花撒花撒花撒花撒花撒花撒花~~

写博客、换主题、加部署这些后续操作以后再说吧~~~

09-14 22:31