在
效果预览:https://example.com/blog
准备:
- Windows电脑。
- Git账号使用Hexo框架搭建blog软件准备(1)Git:https://git-scm.com/
参考网址:
- git安装:https://www.cnblogs.com/ximiaomiao/p/714456.html
- 安装SSH Key:http://anfengge.com/sing-ssh-key-link-githubPhoto-tor.html
- Node.js:https://nodejs.org/en/
安装过程:
(1)Node安装
按照以下步骤依次点击即可,安装过程很简单。
- 下载并解压Node.js。
- 打开"设置",找到“环境变量”。
- 新建两个变量,分别命名为“PATH”和“NODE_PORT”,并将相应的路径填入。
- 返回到桌面或者在命令提示符里直接输入
node -v
和npm -v
验证是否安装成功。
(2)安装Git
按照网上安装方式进行安装,具体步骤请参考:https://www.cnblogs.com/ximiaomiao/p/714456.html
———————————————————————————————————————检测Node安装是否成功:
在命令提示符中依次输入以下命令,确保版本正确。
node -v
返回版本号。npm -v
返回版本号。
———————————————————————————————————————安装淘宝的镜像源(如果出现错误就重来)
- 打开终端,执行命令:
npm install -g cnpm --registry=https://regis stry.npm.taobao.org
- 使用cnpm代替npm进行包管理。
建立一个仓库(repository)
(例:hansonpang99.github.io)
在Blog目录下安装一个hexo部署插件
- 执行命令:
cnpm install --save hexo-deployer-git
- 找到Blog文件中的_config.yml文件,使用编译器打开,建议使用Visual Studio Code。
- 优点:
- 支持的语言种类多。
- 视图简洁。
- 拥有插件种类多。
- 优点:
找到以下代码:
deploy:
type: git
repo:
branch: master
对这段代码进行更改:
type
改为git方便识别。- 在下面的
repo
处粘贴新建github仓库的地址。 - 在
branch
处设置管理员master,然后保存。
在Git里面输入以下命令将本地文件部署到github新建的仓库中:
hexo d
- 输入账号和密码。
然后通过访问 https://+自己的仓库名 就可以访问部署到github上的blog了(例:https://hansonpang99.github.io)
进一步深化操作过程(更换Blog的主题)
这里以yilia主题为例进行更换:
-
在hexo的
themes
目录下,下载并解压yilia主题。 -
执行以下命令克隆主题到本地:
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
-
进入Blog文件中的_config.yml文件,找到
theme
字段,将其值改为刚下载的yilia主题。 -
然后进行以下操作清除数据库、生成的静态网站和部署:
hexo clean hexo g hexo d
这样,我们就成功更换了Blog的主题。