Github Pages+Hexo博客搭建极简版教程


最近闲来无事,又突然想写点东西,忽然发现没有一个载体,于是就想折腾一个博客。
这种博客的搭建教程网上有很多,但是大多比较啰嗦,于是就想搞一个简化版的教程,
只把核心的命令与步骤记录了下来,思路清晰、简单易行就好。

1.环境安装

1.1安装nodejs与git

nodejs下载地址
git下载地址

1.2检查是否安装成功

node -v
npm -v
git --version

Note:安装成功每一条命令都应该输出版本信息

检测-20180105174720

2.安装hexo

2.1安装命令

npm install hexo-cli -g
npm install hexo --save

2.2hexo初始化

新建一个文件夹,之后再该文件夹下,打开cmd,输入一下命令

hexo init
npm install
hexo s -g

此时可以在本地浏览器中输入:localhost:4000如果配置成功可以看到hexo的欢迎界面

  • 如果在安装过程中发生异常,可以卸载nodejs以及删除npm,需要把appdata\Roaming下的npm与npmcache删掉。
  • 如果多次卸载删除可能导致文件权限异常,可以利用chkdsk c: /f 修复一下C:磁盘即可。

3.更换hexo主题

可以选择各种好看的主题,本文以比较流行的yilia主题为例,输入如下命令

hexo clean
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

此时已经将yilia主题下载到themes目录下了,修改根目录下(之前初始化的文件夹)的_config.yml文件,将其中的theme改为yilia
主题修改-20180105174929
修改完成保存后可以使用下面的命令部署,之后可以在本地localhost:4000来查看主题效果

hexo s -g

4.github上创建仓库

Note: 仓库的名称需要符合 [email protected]:username/username.github.io.git 这种命名规范,否则无法正确解析URL。

5.配置Deployment

5.1首先配置本地的git的user.nameuser.email,配置命令如下:

git config --global user.name "输入你的用户名"
git config --global user.email "输入你的邮箱"

5.2修改_config.yml文件中的deploy部分,内容可以参考上图。

5.3安装插件

npm install hexo-deployer-git --save

5.4部署上传

hexo d -g

6.设置github pages

登入github,进入之前创建的username.github.io的仓库,在setting中找到github pagessource下选择master branch点击save即可。此时username.github.io这个URL将可以被解析,博客就可以完成远程访问。

至此github pages + hexo博客搭建就已经成功了!

猜你喜欢

转载自blog.csdn.net/BigBrick/article/details/85311783
今日推荐