Hexo + GitHub +Win10 搭建我的博客

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

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

建站大概能够分为三步走:
图片描述
其中,前两步的顺序无所谓,我就先从比较复杂的 Hexo 开始搞吧~~github

1. Hexo

安装hexo以前,须要先安装 Node.jsGitshell

(1) 安装Node.js

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

(2) 安装Git

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

hojun_cn在安装过程当中改变了这一步的选项!
图片描述
(3) 安装Hexo

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

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

而后使用 cnpm 来安装Hexo,速度会快不少,命令是cnpm install -g hexo-cli
使用hexo -v来查看安装版本。服务器

(4) 本地建站

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

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

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就能够看到与以前本地预览相同的我的博客啦~

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

相关文章
相关标签/搜索