hexo+gitee搭建个人博客及主题修改

前期准备

前往gitee注册一个账号,并且创建一个仓库。仓库如何创建可以参考码云的使用帮助

image

安装node.js,前往官网下载,下载后默认安装即可

# 查看是否安装成功
node -v
npm -v 

npm是从国外服务器下载,速度慢可能出现异常,所以我们可以安装cnpm来替换npm

# 终端输入
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
#查看安装版本
$ cnpm -v

安装git

前往git安装,不同的系统都有介绍如何安装

image

安装hexo

cnpm install -g hexo-cli

本地搭建hexo博客

在电脑中创建一个文件夹用来存放博客 如:/Users/macos/blog

之后的命令行操作都在这个文件夹的目录下

# 进入创建的博客文件夹
cd blog
hexo init  #生成一个默认的hexo博客
hexo s  #浏览器访问http://localhost:4000即可查看hexo博客页面

推送到gitee上

在你的gitee上创建一个仓库,与你的个性地址名称相同。如我的https://gitee.com/sangshengjie802

那我的路径就是sangshengjie802,这样之后生成的网页地址为:sangshengjie802.gitee.io

image

打开博客文件夹下面的_config.yml文件

image
修改以下配置:
deploy:
  type: git
  repo: https://gitee.com/sangshengjie802/sangshengjie802.git    #将地址换成自己的地址
  branch: master
#首先要安装一个部署插件
cnpm install hexo-deployer-git --save
hexo g  生成静态文件
hexo d  推送到gitee  输入gitee的用户名和密码(本人在这边出现问题用户名登录好像只能使用邮箱,用户名登录不上去)

部署成功后打开gitee,这个时候服务会出现以下,打开Gitee Pages,开启,开启后,会生成一个网站地址。

image

再次打开_config.yml文件,将生成的网站地址填入


image

重新生成推送,然后进入Gitee Pages更新。每次本地博客有更改都需要重新生成推送更新。

进入自己的博客,输入gitee生成的网址久可以进去了。

image

新建文章+主题修改

下一篇将继续介绍如何在博客中新建文章以及如何选择自己的博客主题模板,进行修改配置

你可能感兴趣的:(hexo+gitee搭建个人博客及主题修改)