hexo-gitee 搭建个人博客

---

title: hexo-gitee 搭建个人博客
date: 2021-03-17 08:30:40
top: 21
tags:

• hexo
• Nodejs

categories:

• blog

---

Nodejs

Nodejs 安装

nodejs下载 /// 无法下载的同学可以试试这个链接**node-v14.16.0-x64**

点击安装包，根据提示点点点就好了。

安装完成，打开命令行窗口，node -v测试是否安装成功

Nodejs环境配置

获取npm配置信息：

npm config list

设置模块所在路径与缓存路径

在nodejs安装目录下新建node_cache,node_global文件夹；例：D:\major\node下

在命令行窗口输入：

npm config set prefix "D:\major\node\node_global"
npm config set cache "D:\major\node\node_cache"

配置环境变量

右键我的电脑>>属性>>高级设置(>>高级)>>环境变量

修改用户变量：path>>编辑>>点击带npm环境路径>>编辑>>改为D:\major\node\node_global>>确定

修改系统变量：新建>>变量名：NODE_PATH>>变量值：D:\major\node\node_global\node_modules>>确定

安装淘宝cnpm镜像

鉴于npm的镜像源默认是国外路径，下载速度通常较慢。因此可安装cnpm包：

npm install -g cnpm --registry=https://registry.npm.taobao.org

以后使用npm下载包时，可用cnpm代替

此外，可修改默认镜像源：

npm config set registry https://registry.npm.taobao.org

Hexo

Hexo 是一个基于nodejs 的静态博客网站生成器，支持Markdown格式的跨平台开源博客系统。

在正式开始前的建议：安装git。git使用简述

Hexo安装：

npm install hexo-cli -g

切换命令行当前路径至自己期望的存放blog文件的文件夹（建议切换目录后，再新建一个blog目录），使用初始化命令：

hexo init

然后，你的博客框架就完成了。（手动狗头）

---

这里再介绍五个hexo命令

清空已有hexo网站文件，主要表现为删除博客目录下的public文件夹

hexo clean

---

新建一篇博客，默认存在/source/_post/，为.md文件。title为文章标题。

hexo new "title"        

这里补充一个命令，某些主题（如yilia）下可能会用到:

hexo new page "title"

生成文件位置也在/source/下，具体内容可去对应位置查看。

---

依据网页文本与新的CSS样式生成新网站文件

hexo generate

---

启动本地服务器，默认localhost:4000，可在浏览器内输入，查看网站修改效果

hexo server

有少数情况可能会存在端口冲突问题，可以选择使用命令改变启动端口：

hexo server -p "端口号"

---

将本地网站内容发布到远端

hexo deploy

在使用发布命令前，你需要安装插件：

npm install hexo-deployer-git --save

然后，你会发现还是发布不了。因为你根本没告诉它，往哪里发布…（手动滑稽）

---

程序员嘛，用脑子偷懒的一群人，不会偷懒的程序员是没有灵魂滴。所以嘛，hexo还贴心的提供了方便，以上命令处理第一个，都可以用首字母代替

hexo n "title"
hexo g
hexo s
hexo d

至于为什么没有hexo c…这种问题就不要问我了，因为问了我也不会告诉你。

Hexo主题下载

自带的主题应该不能满足你的胃口（事实上，我看都没看…），你可以从**主题链接**，选择下载自己喜欢的主题。

这里推荐两款主题Next(目前使用的)，yilia

当前路径切换到/themes/下：

git clone https://gitee.com/bgape002/hexo-theme-next.git  # next 下载完后，建议修改主题名为next
git clone https://gitee.com/AlbertF/hexo-theme-yilia.git  # yilia 下载完后，建议修改主题名为yilia

PS：这两个仓库是gitee上的，面向github网速不好的同学。如希望获取最新版本，可值github上获取。

Hexo修改配置文件

这里将完成告诉hexo发布地点的使命。

打开站点目录下_config.yml文件，修改站点信息:

# Site
title: bgape002
subtitle: '淡泊明志，宁静致远'
description: 'mail: bgape002@163.com'
keywords: computer records
author: bgape002
language: zh-CN
timezone: Asia/Shanghai

修改url地址：

url: https://bgape002.gitee.io   # gitee上公开（public）仓库的地址
root: /blog/
permalink: :year/:month/:day/:title/
permalink_defaults:

关于怎么在gitee上建立仓库，你自己倒腾倒腾应该也就出来了。

---

修改所使用的主题：

theme: next  # 与/themes/下的主题名保持一致

关于该主题(Next)的详细配置与使用攻略，请参考**hexo next 主题配置**

---

嗯，终于到来关键时刻了，修改发布信息：

deploy:
    type: git
    repository: https://gitee.com/bgape002/blog.git
    branch: master
    message: blog contents

开启gitee的web服务

进入gitee上的博客仓库>>服务>>GItee Pages>>勾选强制使用HTTPS>>更新

链接地址见图：

复制网站地址，在浏览器中打开，欣赏你的网站，夸奖自己一会。（温馨提示：该活动一定要在内心中进行。实在忍不住一定要尽量小声，或在无人环境中进行。否则，被打了，后果自负。）

---

至此，个人博客搭建完成。

完结，撒花。

参考文献

nodeJS安装和环境变量的配置

B站hexo教程视频