效果预览
准备:1.windows电脑
2.github账号
软件准备
(1)Gi
参考网址:
git安装
Git配置
(2)Node.js
(1)Node安装
按照安装过程依次点击即可,安装过程很简单。
(2)安装Git
按照网上的安装方式进行安装就可以了
(3)安装Hexo (下面出现的检测全部是在git中进行的)
———————————————————————————————————————
检测node安装是否成功:
node -v
(返回版本号)
npm -v
(返回版本号)
———————————————————————————————————————
安装淘宝的镜像源(如果错误就重来,因为连接可能不稳定,不要害怕多试几次就可以了)
npm install -g cnpm –registry=
检测
cnpm
(返回cnpm的信息)
cnpm -v
(返回cnpm的版本信息)
安装hexo(如果失败重新来过就可以了)
cnpm install -g hexo-cli
检测
hexo -v
(返回hexo的版本信息)
在本地建立blog文件夹
进入Git页面
pwd (查询目录所在位置)
mkdir Blog (在目录下建立文件夹Blog)(如果在以后的操作过程中出现问题无法解决就把这个文件夹删掉直接重新来过就可以了)
———————————————————————————————————————
cd Blog/ (进入Blog文件夹)
pwd (检测是否进入Blog文件夹)
———————————————————————————————————————
hexo init (即:初始化hexo)
ls -l (查看初始化获得的文件)
hexo s (启动hexo)
这样就可以在本地4000端口查看自己的网站了
首先申请一个github账号,然后再github中按照 自己的昵称+.github.io 建立一个仓库(repository)(例:hansonpang99.github.io)
在Blog目录下安装一个hexo部署插件
cnpm install –save hexo-deployer-git
找到Blog文件中的 _config.yml 文件,使用编译器打开,建议使用 Visual Studio Code打开
注:Visual Studio Code的好处:1.支持的语言种类多,
2.视图简洁
3.拥有插件种类多
找到这部分代码,(原始的是没有repo,和branch的,而且type后面也没有东西)
对这段代码进行更改
type 一个名字,建议写成git方便识别
repo repository仓库地址 将刚刚新建的github仓库地址复制到这里就可以了
branch 分支这里设置管理员 master
更改以后进行保存
然后再Git里面输入 hexo d 将本地文件部署到github新建的仓库中
———————————————————————————————————————
然后通过访问 https://+自己的仓库名 就可以访问部署到github上的blog
这里以 yilia 主题为例进行更换
———————————————————————————————————————
首先下载 yilia 主题
在Git中输入 git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
(克隆地址) (克隆之后的本地位置)
找到Blog文件中的 _config.yml 文件,使用编译器打开,建议使用 Visual Studio Code打开
找到这部分代码(即theme)
将冒号后面的内容改为刚刚新建的yilia
———————————————————————————————————————
hexo clean 清除数据库之类
hexo g 生成静态网站
hexo d 将现在的文件部署到github中
这样就实现了主题的更改