效果预览:
- 准备:Windows电脑。
- 注册Git账号使用hexo框架搭建blog软件准备(1)Githttps://git-scm.com/参考网址:Git安装https://www.cnblogs.com/ximiaomiao/p/714456.xanfengge.com/sing-ssh-key-link-githb-photo-tor.html()Node.jshttps://nodejs.org/en/安装过程:
(1) Node安装按照安装过程依次点击即可,安装过程很简单。
(2)安装Git按照网上的安装方式进行安装就可以了https://www.cnblogs.com/ximiaomiao/p/714456.xanfengge.com/sing-ssh-key-link-githb-photo-tor.html()安装Hexo
在Blog目录下安装一个hexo部署插件:
cnpminstall–savehexo-deployer-git
找到Blog文件中的_config.yml文件,使用编译器打开,建议使用VisalStudio Code打开。注:Visual Studio Code的好处:1. 支持的语言种类多,视图简洁,拥有插件种类多。
找到这部分代码,(原始的是没有repo,和branch的,而且type后面也没有东西)对这段代码进行更改type一个名字,建议写成git方便识别reporepository仓库地址将刚刚新建的GitHub仓库地址复制到这里就可以了branch分支这里设置管理员master。更改以后进行保存。
然后再Git里面输入hexo d将本地文件部署到GitHub新建的仓库中
然后通过访问https://+自己的仓库名就可以访问部署到GitHub上的blog了(例:https://hansonpang99.github.io)
进一步深化操作过程(更换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中这样就实现了主题的更改。