效果预览:https://jeremcol.githb.io/archives/index.html
准备:
- Windows电脑。
- Git账号。
使用Git框架搭建blog软件准备(1):在Githttps://git-scm.com上注册一个Git账号。
参考网址:
- git安装:https://www.cnblogs.com/ximiaomiao/p/714456.xanfengge.com/sing-ssh-key-link-githb-photo-tor.html
- Node.js:https://nodejs.org/en/
安装过程:
(1)Node安装
按照以下步骤依次点击即可,安装过程非常简单:
- 下载并运行Node.js的Windows版安装程序。
- 在安装向导中选择“推荐”配置选项。
- 点击“下一步”进行用户账户控制提示时,按“是”继续。
- 选择合适的安装目录并根据需要修改“添加到Path”(建议勾选)和“安装npm(JavaScript包管理器)”,然后点击“下一步”继续。
(2)安装Git
按照网上的安装方式进行安装就可以了:https://www.cnblogs.com/ximiaomiao/p/714456.html
安装完毕后,可以在命令提示符或终端中通过输入以下命令检查Git版本来验证安装是否成功:
git --version
(3)安装Hexo
下面出现的检测全部是在git中进行:
- 检测Node.js是否安装成功:
node -v(返回版本号) - 检测npm是否成功安装:
npm -v(返回版本号)
安装淘宝的镜像源(如果错误就重来,因为连接可能不稳定,不要害怕多试几次就可以了):
npm install -g cnpm --registry=https://registry.npm.taobao.org
创建一个仓库(repository):
- 例如:hansonpang99.githb.io
在Blog目录下安装一个hexo部署插件:
npm install --save hexo-deployer-git
找到Blog文件中的_config.yml文件,使用编译器打开,建议使用Visual Studio Code打开。
注:Visual Studio Code的支持的语言种类多、视图简洁、拥有插件种类多。
找到以下代码部分:
deploy:
type: git
repo: <repository URL>
branch: <branch name>
对这段代码进行更改:
- type一个名字,建议写成git方便识别。
- reporepository仓库地址:将刚刚新建的githb仓库地址复制到这里。
- branch分支:这里设置管理员master。
更改后保存文件,然后在Git里面输入以下命令将本地文件部署到GitHub新建的仓库中:
hexo d
然后通过访问以下链接就可以访问部署到GitHub上的blog了(例:https://hansonpang99.githb.io):
https://<你的账户名>.githb.io
进一步深化操作过程(更换Blog的主题):
这里以yilia主题为例进行更换。
首先下载yilia主题:
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
找到Blog文件中的_config.yml文件,使用编译器打开,建议使用Visual Studio Code打开。
找到以下代码部分:
theme: <current theme name>
将冒号后面的内容改为刚刚新建的yilia主题:
- 将
<current theme name>替换为你当前使用的主题名称。
hexo clean 清除数据库之类
hexo clean
hexo generate 生成静态网站
hexo g
hexo deploy 将现在的文件部署到githb中:
hexo d
这样就可以实现主题的更改了。