2018 - Hexo+Github 博客的环境搭建及部署 - 更换next主题(一)

版权声明:柠萌 https://blog.csdn.net/Hack_Different/article/details/83903427

一、安装 Node.js

二、安装 Git

三、创建资源库

四、安装 Hexo 及 部署

1. 创建一个文件夹 HexoFile 用于存放 Hexo 文件

2. 创建一个文件夹 BlogFile 用于存放 Blog 文件

3. 部署到 github

四、更换主题


一、安装 Node.js

     默认下一步即可

二、安装 Git

     默认下一步即可

三、创建资源库

     注:使用 githib.io 后缀

创建后 Settings -> GitHub Pages -> Choose a theme -> GitHub Pages 选择主题返回后我们可以看到以下

点击上面那个链接就可以看到我们的主题了,小编这边是安装Hexo后的样子

四、安装 Hexo 及 部署

1. 创建一个文件夹 HexoFile 用于存放 Hexo 文件

    1.1 在该目录下右击 Git Bash Here

    1.2 输入 npm install hexo-cli -g 安装 hexo

    1.3 输入 npm install hexo --save 继续安装 。

2. 创建一个文件夹 BlogFile 用于存放 Blog 文件

    2.1 切换到 BlogFile 下 

    2.2 输入 hexo init 初始化文件夹

    2.3 输入 npm install 安装必备的组件

    2.4 输入 hexo g 生成静态网页

    2.5 输入 hexo s 打开服务器

    2.6 输入 http://localhost:4000 就可以看到我们的博客啦

     2.7 输入 ctrl + c 关闭本地服务器

3. 部署到 github

    3.1 切换到 BlogFile

    3.2 编辑 _config.yml 文件,将 repository 改为自己的即可

deploy:
  type: git
  repository: https://lovelinesslyt.github.io/ningze.github.io.git
  branch: master

将 root 的地址改为项目名,否则部署后找不到静态资源

 

    3.3 输入 hexo g 生成静态文件

    3.4 输入 hexo d 上传到 github

    3.5 输入地址就可以看到我们的博客啦

四、更换主题

1. 切换到 BlogFile\themes

2. 输入 git clone https://github.com/iissnan/hexo-theme-next 下载该主题

3. 修改 _config.yml 的主题为 hexo-theme-next

4. 切换到 BlogFile

5. 输入 hexo clean 清空所有生成的网页缓存

6. 输入 hexo g 生成静态文件

7. 输入 hexo d 上传到 github

8. 输入地址就可以看到我们的博客啦,主题如下

猜你喜欢

转载自blog.csdn.net/Hack_Different/article/details/83903427