终于搭建起了自己的第一个博客,在这里记录一下我这个小白的建站过程~~
首先,肯定要看一看Hexo的官网,看看官网文档建议怎么搞。
另外,我还在B站上看了两个“手把手”教程,事无巨细保姆级的那种,在此特别感谢两位UP主 CodeSheep 和 hojun_cn
建站大概可以分为三步走:
其中,前两步的顺序无所谓,我就先从比较复杂的 Hexo 开始搞吧~~
1. Hexo
安装hexo之前,需要先安装 Node.js 和 Git 。
(1) 安装Node.js
去 Node.js的官网 下载 LTS 版本,下载有点慢,要耐心等待哈。
下载完就一路 Next 直到最后完成就可以了。
使用node -v
和npm -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
就可以看到与之前本地预览相同的个人博客啦~
到目前为止,搭建网站最基础的步骤就已经完成啦~
撒花撒花撒花撒花撒花撒花撒花撒花撒花撒花撒花~~
写博客、换主题、加部署这些后续操作以后再说吧~~~