效果预览:快速搭建个人博客教程
准备:
- Windows电脑;
- GitHub账号。
步骤一:安装Node.js和Git
安装Node.js:
- 访问Node.js官网下载并安装。
- 安装过程很简单,按照提示操作即可。
安装Git:
- 访问Git官方地址下载并安装。
- 可参考网上安装方式进行安装。
步骤二:安装Hexo
检测Node.js安装是否成功:
- 在命令行输入
node -v,返回版本号表示成功安装; - 输入
npm -v,同样返回版本号表示成功安装。
安装淘宝的镜像源:
- 如果错误就多试几次,因为连接可能不稳定。
- 使用以下命令安装淘宝的镜像源:
npm install -g cnpm --registry=https://registry.npm.taobao.org/
步骤三:建立个人博客仓库
- 在GitHub中创建一个仓库(repository),例如“hansonpang99.github.io”;
- 在本地新建一个名为Blog的文件夹。
步骤四:安装Hexo部署插件
- 在命令行中,进入Blog目录下,执行以下命令:
cnpm install --save hexo-deployer-git
步骤五:配置Blog文件
- 打开Blog目录下的_config.yml;
- 使用编辑器打开,建议使用Visual Studio Code。
修改_config.yml:
- 找到下面的代码:
type: git
repo:
branch: master
-
进行以下更改:
type:改为git;repo:将刚刚创建的GitHub仓库地址复制到这里;branch:设置为管理员权限的分支,如master;
-
保存修改。
步骤六:部署博客到GitHub
- 在命令行中执行以下命令:
hexo d
- 看起来很复杂?别担心,只需按照上面的过程操作,你就能成功搭建一个个人博客网站了!
进一步操作:更换博客主题
- 以yilia主题为例进行更换。
下载yilia主题:
- 在命令行中执行以下命令:
git clone https://github.com/litten/hexo-theme-yanoda.git themes/yanoda
- 克隆完成后的本地位置在
Blog/themes/yanoda。
更换主题:
- 打开_config.yml文件;
- 找到下面的代码,将冒号后面的内容改为刚刚新建的yanoda主题:
theme: yanoda
- 按照步骤四的方法部署博客到GitHub。
现在,你已经成功更换了博客主题。尽情享受你的个人博客吧!