使用hexo框架快速搭建个人博客

使用hexo框架快速搭建个人博客

首先我们需要下载git

git下载地址

具体安装方法请参考这篇博客

之后安装nodejs 安装网址

下载的版本是LTS的版本

安装步骤很简单，就只需要一直下一步就可以了。安装完成之后，使用如下命令检查是否安装成功

node -v
npm -v 

如果安装成功那么就会出现对应的版本号

由于使用npm命令是从国外的网站下载，速度非常慢，我们首先利用npm命令安装淘宝的源

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

使用如下命令可以查看版本

 cnpm -v

接下来安装hexo框架

安装命令

cnpm install -g hexo-cli

使用如下命令查看版本

hexo -v

然后我们需要创建一个文件夹用于保存整个博客的内容 这里我创建了一个blog目录

使用win+R键打开命令行 ，进入到刚才创建好的blog目录中

使用hexo init命令进行初始化博客

使用hexo s命令进行启动博客

使用hexo n "博客名"方式创建一篇新的博文

使用hexo g命令进行生成

部署到github上，可以在任何终端访问

首先创建一个仓库 仓库名就是 github用户名.github.io

例如我的名称为 zhangsan 那么我创建的仓库名就是 zhangsan.github.io

安装git的插件

cnpm install --save hexo-deployer-git

之后找到blog目录里面的 _config.yml文件修改配置，将文件翻至最底端,找到如下的代码并进行修改,其中的repo后面的就是你的名字加仓库名

# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
  type: 'git'
  repo: git@github.com:github用户名/仓库名.git
  branch: main

之后使用如下命令(我也不知道干啥 但是不执行就会报错)

git config --global --unset http.proxy 
git config --global --unset git.proxy

我们最后使用hexo d -g命令推送到github上就可以正常访问了，访问的网址就是仓库名

附加：更换默认主题

我使用的是https://github.com/litten/hexo-theme-yilia这个主题

我们使用如下命令来下载主题

git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

继续修改 _config.yml文件的配置 ，找到文件中的

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: yilia

这些内容 给theme后面和我一样加上空格和yilia即可

修改完成之后再命令行中输入 hexo d -g即可完成更新(可能需要几分钟时间，请耐性等待)